[data-preview-stage]{--stage-void:#0b0b0d;--stage-glow:rgb(255 255 255/0.12);--osd-fg:#ededea;--osd-dim:#76767c;--osd-rule:rgb(255 255 255/0.09);background-color:var(--stage-void);color:var(--osd-fg)}[data-preview-stage] .stage-beam{position:absolute;inset-block:0;left:50%;translate:-50% 0;pointer-events:none;background-image:radial-gradient(ellipse closest-side at 50% 44%,var(--stage-glow) 0,rgb(255 255 255/.035) 58%,transparent 100%);transition:width .42s cubic-bezier(.32,.72,0,1)}@media (prefers-reduced-motion:reduce){[data-preview-stage] .stage-beam{transition:none}}[data-preview-stage] .stage-screen{position:absolute;inset:0;transform-origin:top left;border-style:solid;border-color:#26262b;border-radius:8px;overflow:hidden;background:var(--stage-void);box-shadow:0 0 0 1px rgb(255 255 255/.09),inset 0 1px 0 0 rgb(255 255 255/.07),0 24px 60px -12px rgb(0 0 0/.7),0 60px 120px -40px rgb(0 0 0/.9)}[data-preview-stage] .stage-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;min-height:56px;flex-shrink:0;padding:10px 24px;border-bottom:1px solid var(--osd-rule);font-size:12px}[data-preview-stage] .stage-back{color:var(--osd-dim)}[data-preview-stage] .stage-surfaces{display:flex;gap:16px}[data-preview-stage] .stage-surfaces a{color:var(--osd-dim)}[data-preview-stage] .stage-surfaces [aria-current]{color:var(--osd-fg)}[data-preview-stage] .stage-device-controls{display:flex;align-items:center;gap:12px;margin-left:auto}[data-preview-stage] .stage-device-controls button{min-height:32px;padding:4px 8px;border-bottom:1px solid transparent;color:var(--osd-dim);cursor:pointer}[data-preview-stage] .stage-device-controls [aria-pressed=true]{color:var(--osd-fg)}[data-preview-stage] .stage-dimensions{color:var(--osd-dim);font-variant-numeric:tabular-nums}[data-preview-stage] .stage-direct{padding-left:20px;border-left:1px solid var(--osd-rule);color:var(--osd-dim)}[data-preview-stage] :focus-visible{outline:2px solid var(--osd-fg);outline-offset:4px}[data-preview-stage] .stage-canvas{position:relative;display:grid;place-items:center;flex:1;min-height:0;padding:24px;overflow:hidden}[data-preview-stage] .stage-device-holder{position:relative;z-index:1}[data-preview-stage] .stage-device-tablet{border-radius:36px}[data-preview-stage] .stage-device-mobile{border-radius:42px}[data-preview-stage] .stage-device-mobile:after,[data-preview-stage] .stage-device-tablet:after{content:"";position:absolute;top:-8px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#09090c;box-shadow:inset 0 0 0 1px #484850;pointer-events:none}@media (max-width:680px){[data-preview-stage] .stage-toolbar{gap:8px 12px;padding:10px 14px}[data-preview-stage] .stage-device-controls{order:3;justify-content:center;width:100%;margin-left:0}[data-preview-stage] .stage-direct{margin-left:auto;padding-left:0;border-left:0}[data-preview-stage] .stage-canvas{padding:16px}}