.screening{background:var(--plane-void);width:100%;height:100%;min-height:0;color:var(--ink-0);display:block;position:relative;overflow:hidden}.screening[data-variant=page]{height:100svh}.screening[data-variant=embed],.screening[data-variant=preview]{height:100%}.screening[data-variant=preview]{z-index:90;background:0 0;width:100%;position:fixed;inset:0}.screening[data-variant=preview] .screening-progress__label{display:none}.screening__surface{place-items:center;padding:clamp(12px,2.4vmin,32px);display:grid;position:absolute;inset:0}.screening__frame{place-items:center;width:100%;height:100%;display:grid;position:relative}.screening__frame>.stage{background:0 0;position:absolute;inset:0}@media (hover:none),(pointer:coarse){.screening[data-chrome] .screening__controls,.screening[data-chrome] .screening__nav,.screening[data-chrome] .screening-btn,.screening[data-chrome] .screening-modes{opacity:1;pointer-events:auto}}.screening[data-variant=page] .screening__surface{background:var(--plane-void);padding:0}.screening[data-variant=page] .screening__frame{width:100%;max-width:100%;height:auto;max-height:100%;aspect-ratio:calc(var(--canvas-w-num) / var(--canvas-h-num));margin:auto}.screening-scroller{width:100%;height:100svh;position:relative;overflow:visible}.screening-scroller__pin{height:100%;position:relative;overflow:hidden}.screening-scroller[data-active="1"]{height:var(--screening-scroll-height,100svh)}.screening-scroller[data-active="1"] .screening-scroller__pin{height:100svh;position:sticky;top:0}.screening__controls{z-index:60;font-family:var(--font-ui);font-size:var(--t-label);letter-spacing:.005em;color:var(--ink-1);opacity:0;pointer-events:none;transition:opacity var(--ui-base) var(--ui-ease);background:linear-gradient(#0b0c0d00 0%,#0b0c0d7a 45%,#0b0c0dd1 100%);align-items:center;gap:14px;padding:12px clamp(14px,3vw,32px);display:flex;position:absolute;bottom:0;left:0;right:0}.screening[data-chrome=visible] .screening__controls,.screening[data-chrome=focused] .screening__controls{opacity:1;pointer-events:auto}.screening__counter{font-variant-numeric:tabular-nums;color:var(--ink-0);white-space:nowrap}.screening__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-1);flex:auto;overflow:hidden}.screening__title[data-empty="1"]{opacity:0}.screening__nav{z-index:2;align-items:center;gap:4px;display:flex;position:relative}.screening-btn{min-height:28px;font-family:var(--font-mono);letter-spacing:.14em;color:var(--ink-1);border-radius:var(--r-1);transition:color var(--ui-fast) var(--ui-ease), border-color var(--ui-fast) var(--ui-ease);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.screening-btn:hover:not(:disabled){color:var(--ink-0);border-color:var(--rule)}.screening-btn:disabled{opacity:.34;cursor:default}.screening-btn[aria-pressed=true]{color:var(--ink-0)}.screening-btn--icon{padding:4px 8px}.screening-btn svg{fill:currentColor;width:11px;height:11px}.screening__chrome{z-index:40;pointer-events:none;position:absolute;inset:0}.screening__chrome>*{pointer-events:auto}.screening__chrome .screening__controls{position:absolute}.screening-progress{z-index:40;opacity:0;height:2px;transition:opacity var(--ui-base) var(--ui-ease);pointer-events:none;background:#ffffff12;position:absolute;top:0;left:0;right:0}.screening[data-chrome=visible] .screening-progress,.screening[data-chrome=focused] .screening-progress,.screening[data-progress=always] .screening-progress{opacity:1}.screening-progress__fill{background:var(--ink-0);transform-origin:0;will-change:transform;width:0;position:absolute;inset:0 auto 0 0}.screening-progress__tick{background:#0b0c0d8c;width:1px;position:absolute;top:0;bottom:0}.screening-progress__label{z-index:40;font-family:var(--font-mono);letter-spacing:.14em;color:var(--ink-2);opacity:0;transition:opacity var(--ui-base) var(--ui-ease);pointer-events:none;font-size:11px;position:absolute;top:8px;left:clamp(14px,3vw,32px)}.screening[data-chrome=visible] .screening-progress__label,.screening[data-chrome=focused] .screening-progress__label{opacity:1}.screening-loading{z-index:60;background:var(--plane-void);font-family:var(--font-mono);letter-spacing:.2em;color:var(--ink-2);text-align:center;place-content:center;justify-items:center;gap:10px;font-size:11px;display:grid;position:absolute;inset:0}.screening-loading__mark{color:var(--ink-0)}.screening-loading__count{font-variant-numeric:tabular-nums}.screening-loading__note{letter-spacing:.12em;color:var(--ink-1);max-width:34ch;line-height:1.7}.screening-unavailable{z-index:70;background:var(--plane-void);text-align:center;font-family:var(--font-mono);letter-spacing:.18em;color:var(--ink-2);place-content:center;justify-items:center;gap:12px;padding:24px;font-size:11px;display:grid;position:absolute;inset:0}.screening-unavailable__title{color:var(--ink-0);letter-spacing:.24em;font-size:12px}.screening-unavailable__body{letter-spacing:.1em;max-width:40ch;line-height:1.8}.screening-unavailable__issues{text-align:left;letter-spacing:.06em;max-width:46ch;color:var(--ink-1);gap:6px;margin:4px 0 0;padding:0;line-height:1.6;list-style:none;display:grid}.screening-unavailable__issues li:before{content:"— ";color:var(--ink-2)}.screening-previewbar{z-index:50;font-family:var(--font-mono);letter-spacing:.16em;color:var(--ink-1);background:linear-gradient(#0b0c0de0 0%,#0b0c0d66 70%,#0b0c0d00 100%);align-items:center;gap:10px;padding:10px clamp(12px,3vw,28px);font-size:11px;display:flex;position:absolute;top:0;left:0;right:0}.screening-previewbar__spacer{flex:auto}.screening-modes{align-items:center;gap:2px;display:flex}.screening-modes .screening-btn[aria-pressed=true]{color:var(--ink-0);border-color:var(--rule)}:-webkit-any(.screening:fullscreen,.screening:-webkit-full-screen){background:var(--plane-void)}:is(.screening:fullscreen,.screening:fullscreen){background:var(--plane-void)}.screening-sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:720px){.screening__controls{letter-spacing:.1em;gap:8px;padding:12px 14px;font-size:10px}.screening__title{display:none}.screening-btn{min-height:32px;padding:6px 8px}}@media (max-height:480px){.screening__title{display:none}}