/* Placeholder marking — ON by default (preview). Add class="live" to (or ?live) to hide. */ [data-ph]{outline:2px dashed #f59e0b;outline-offset:2px;position:relative} [data-ph]::after{content:"PLACEHOLDER · " attr(data-ph);position:absolute;top:-.7rem;left:0; font:600 10px/1 'Spline Sans Mono',system-ui,sans-serif;background:#f59e0b;color:#111;padding:3px 6px; border-radius:4px;white-space:nowrap;z-index:6;pointer-events:none;letter-spacing:.03em} .ph-banner{position:sticky;top:0;z-index:9999;background:#f59e0b;color:#111;text-align:center; font:600 13px/1.45 'Inter Tight',system-ui,sans-serif;padding:8px 14px} .ph-banner b{font-weight:700} html.live [data-ph]{outline:none} html.live [data-ph]::after,html.live .ph-banner{display:none} @media print{[data-ph]::after,.ph-banner{display:none}}