.fullscreen-preview{color:#f4f5f7;background:#090b0e;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:clamp(12px,2vw,28px);position:fixed;inset:0;overflow:auto}.fullscreen-preview[open]{flex-direction:column;gap:16px;display:flex}.fullscreen-preview::backdrop{background:#090b0e}.fullscreen-preview__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.fullscreen-preview__badge{color:#b4bac2;text-transform:uppercase;letter-spacing:.12em;font-size:10px}.fullscreen-preview__bar h2{margin:4px 0 0;font-size:16px}.fullscreen-preview__bar h2 span{color:#b4bac2;font-weight:450}.fullscreen-preview__controls{gap:8px;display:flex}.fullscreen-preview__controls button{background:#171b22;border:1px solid #414752;border-radius:9px;align-items:center;gap:8px;min-height:44px;padding:8px 12px;font-size:12px;display:inline-flex}.fullscreen-preview__controls button:hover{background:#242a34}.fullscreen-preview :focus-visible{outline-offset:3px;outline:2px solid #c6ff2e}.fullscreen-preview__stage{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.fullscreen-preview__stage>.scene{border-radius:8px;width:min(100%,177.778dvh - 284.444px)}.fullscreen-preview__note{text-align:center;color:#b4bac2;margin:0;font-size:11px}@media (max-width:560px){.fullscreen-preview__bar{align-items:flex-start}.fullscreen-preview__controls{margin-left:auto}.fullscreen-preview__controls button{padding:8px 10px}.fullscreen-preview__stage>.scene{width:100%}.fullscreen-preview__note{font-size:10px}}