.scene{min-width:0;margin:0}.scene-window{border:1px solid var(--line-strong);background:var(--bg);overflow:hidden;box-shadow:0 1px 2px #202b450f,0 32px 80px -40px #202b4559}.dark .scene-window{box-shadow:0 32px 80px -40px #0009}.scene-window-bar{border-bottom:1px solid var(--line);background:var(--surface-2);align-items:center;gap:12px;min-height:36px;padding:0 14px;display:flex}.scene-window-dots{gap:6px;display:inline-flex}.scene-window-dots i{background:var(--line-strong);border-radius:999px;width:8px;height:8px}.scene-window-title{text-align:center;color:var(--muted);flex:1;font-size:11.5px;font-weight:500}.scene-body{color:var(--ink);padding:clamp(14px,2vw,22px);font-size:13px;line-height:1.45}.scene-body .btn,.editorial-site .scene .btn{cursor:default;border-radius:var(--radius-control)}.scene-caption{font:11px/1.6 var(--font-mono);color:var(--muted);margin-top:12px}.scene-switch{background:var(--line-strong);vertical-align:middle;border-radius:999px;flex-shrink:0;width:36px;height:20px;display:inline-block;position:relative}.scene-switch:after{content:"";background:var(--surface);width:16px;height:16px;box-shadow:var(--shadow-sm);border-radius:999px;position:absolute;top:2px;left:2px}.scene-switch[data-on]{background:var(--accent)}.scene-switch[data-on]:after{left:18px}.scene-field{gap:4px;display:grid}.scene-field-label{color:var(--muted);font-size:11.5px;font-weight:500}.scene-field-value{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--field);min-height:36px;color:var(--ink);justify-content:space-between;align-items:center;gap:10px;padding:0 10px;display:flex}.scene-field-value[data-state=review]{border-color:var(--warning);background:var(--warning-soft);color:var(--warning)}.scene-field-source{color:var(--muted);flex-shrink:0;font-size:10.5px}.scene-board{gap:16px;display:grid}@container (min-width:560px){.scene-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@container (max-width:480px){.scene-body .truncate{white-space:normal;text-overflow:clip;overflow-wrap:anywhere;overflow:visible}}.scene-body{container-type:inline-size}.scene-autofill{gap:14px;display:grid}@container (min-width:600px){.scene-autofill{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}@container (max-width:480px){.scene-form-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label source""value value";row-gap:2px;padding-block:8px}.scene-form-label{grid-area:label;font-size:11.5px}.scene-form-source{grid-area:source}.scene-form-value{grid-area:value}}.scene-form{border-top:1px solid var(--line);margin:14px 0 0;padding:0;list-style:none;display:grid}.scene-form-row{border-bottom:1px solid var(--line);grid-template-columns:7.6em minmax(0,1fr) auto;align-items:center;gap:10px;min-height:38px;padding:6px 0;font-size:12.5px;display:grid}.scene-form-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);overflow:hidden}.scene-form-value{min-width:0;color:var(--ink);align-items:center;gap:6px;font-weight:550;display:flex}.scene-form-source{background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:999px;justify-self:end;padding:1px 7px;font-size:10.5px;font-weight:550}.scene-form-row[data-state=review]{border-radius:var(--radius-control);background:var(--warning-soft);border-bottom-color:#0000;margin-inline:-8px;padding-inline:8px}.scene-form-row[data-state=review] .scene-form-label,.scene-form-row[data-state=review] .scene-form-value{color:var(--warning)}.scene-form-row[data-state=review] .scene-form-source{background:var(--warning);color:var(--on-warning)}@keyframes scene-settle{0%{opacity:0;transform:translateY(10px)}}@keyframes scene-sheen{0%{transform:translate(-130%)skew(-18deg)}to{transform:translate(230%)skew(-18deg)}}.scene-window{position:relative}.scene-window:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(100deg, transparent 40%, color-mix(in srgb, var(--surface) 30%, transparent) 50%, transparent 60%);position:absolute;inset:0;transform:translate(-130%)skew(-18deg)}.scene[data-in] .scene-window:after{animation:scene-sheen 1.2s var(--ease-in-out) .6s both}.scene[data-in] .scene-body>*{animation:scene-settle .44s var(--ease-out) both;animation-delay:calc(var(--scene-i,0) * 60ms)}.scene[data-in] .scene-body>:nth-child(2){--scene-i:1}.scene[data-in] .scene-body>:nth-child(3){--scene-i:2}.scene[data-in] .scene-body>:nth-child(4){--scene-i:3}.scene[data-in] .scene-body>:nth-child(5){--scene-i:4}.scene[data-in] .scene-body li:not(li li){animation:scene-settle .3s var(--ease-out) both;animation-delay:calc(.16s + var(--scene-li,0) * 40ms)}.scene[data-in] .scene-body li:not(li li):nth-child(2){--scene-li:1}.scene[data-in] .scene-body li:not(li li):nth-child(3){--scene-li:2}.scene[data-in] .scene-body li:not(li li):nth-child(4){--scene-li:3}.scene[data-in] .scene-body li:not(li li):nth-child(5){--scene-li:4}.scene[data-in] .scene-body li:not(li li):nth-child(n+6){--scene-li:5}.scene:not([data-in]) .score-ring-arc,.scene:not([data-in]) .meter-fill,.scene:not([data-in]) .animated-number{animation:none}.scene[data-in] .score-ring-arc,.scene[data-in] .meter-fill,.scene[data-in] .animated-number{animation-duration:.7s}.scene .scene-body .status-dot[data-state]{animation:none}@media (prefers-reduced-motion:reduce){.scene[data-in] .scene-window:after,.scene[data-in] .scene-body>*,.scene[data-in] .scene-body li:not(li li){animation:none}}