@layer components{.win{background:var(--surface-terminal);border:1px solid color-mix(in oklch, var(--color-graphite-500) 70%, transparent);width:100%;box-shadow:inset 0 1px 0 color-mix(in oklch, var(--color-white) 6%, transparent), 0 0 0 1px #00000080, 0 28px 60px -22px #000000d9, 0 60px 110px -50px color-mix(in oklch, var(--color-bronze-600) 40%, transparent);border-radius:10px;overflow:hidden}.win-bar{height:1.9rem;padding-inline:var(--canon-space-1);background:linear-gradient(180deg, var(--color-graphite-750), var(--color-graphite-850));font-family:var(--font-mono-stack);color:var(--text-muted);white-space:nowrap;border-bottom:1px solid #0009;grid-template-columns:1fr auto 1fr;align-items:center;font-size:.6875rem;display:grid}.win-lights{gap:var(--canon-space-n1);display:flex}.win-lights i{background:radial-gradient(circle at 50% 35%, var(--color-graphite-600), var(--color-graphite-850) 72%);border-radius:50%;width:9px;height:9px;box-shadow:inset 0 1px 1px #000000b3}.win-stage{aspect-ratio:16/10;background:var(--surface-terminal);overflow:hidden}.win-stage picture,.win-stage img{width:100%;height:100%;display:block}.win-stage img{object-fit:cover;object-position:top left}.win--terminal .win-stage{aspect-ratio:1888/1282}.device{padding:var(--canon-space-0);background:linear-gradient(160deg, var(--color-graphite-700), var(--color-graphite-900));border:1px solid color-mix(in oklch, var(--color-bronze-500) 60%, var(--color-graphite-500));box-shadow:inset 0 1px 0 color-mix(in oklch, var(--color-white) 8%, transparent), inset 0 0 0 3px var(--color-graphite-950), 0 24px 48px -20px #000000e6, 0 0 60px -24px color-mix(in oklch, var(--color-bronze-500) 45%, transparent);border-radius:1.6rem;display:grid;position:relative}.device--tablet{padding:var(--canon-space-1);border-radius:1.4rem}.device-cam{z-index:1;background:var(--color-graphite-950);width:.35rem;height:.35rem;box-shadow:inset 0 0 0 1px var(--color-graphite-600);border-radius:50%;margin-left:-.175rem;position:absolute;top:.9rem;left:50%}.device--tablet .device-cam{margin:-.175rem 0 0;top:50%;left:.28rem}.device-screen{background:var(--color-graphite-950);border-radius:1.1rem;overflow:hidden}.device--tablet .device-screen{border-radius:.8rem}.device-screen picture,.device-screen img{width:100%;height:auto;display:block}@media (forced-colors:active){.win,.device{border-color:canvastext}}}