.scene-tabs{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.scene-tabs button{font:inherit;border:1px solid var(--border);background:var(--bg-raised);color:var(--fg);cursor:pointer;transition:var(--transition);border-radius:999px;padding:9px 18px;font-weight:600}.scene-tabs button[aria-selected=true]{background:var(--fill-blue);border-color:var(--fill-blue);color:#fff}.scene-tabs button:focus-visible,.scene-pin-dot:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.scene-head{max-width:760px;margin-bottom:20px}.scene-head h2{margin:0 0 6px;font-size:clamp(1.4rem,2.4vw,1.9rem)}.scene-head p{color:var(--fg-muted);margin:0 0 8px}.scene-stage{border:1px solid var(--border);border-radius:var(--radius-lg);aspect-ratio:16/9;background:#eef2f7;position:relative}.scene-art,.scene-art svg{border-radius:inherit;width:100%;height:100%;display:block}.scene-art svg [data-device]{transition:opacity var(--transition), filter var(--transition)}.scene-stage:has(.is-open) .scene-art svg [data-device]:not(.is-active){opacity:.55}.scene-art svg [data-device].is-active{filter:drop-shadow(0 0 6px var(--accent))}.s-floor{fill:var(--bg-alt)}.s-line{stroke:var(--fg-muted);stroke-width:1.5px;fill:none}.s-body{fill:var(--bg-raised);stroke:var(--fg-muted);stroke-width:1.5px}.s-metal{fill:var(--border);stroke:var(--fg-muted);stroke-width:1.2px}.s-accent{fill:var(--accent);stroke:var(--accent-strong);stroke-width:1.2px}.s-box{fill:color-mix(in srgb, var(--accent) 28%, var(--bg-raised));stroke:var(--fg-muted);stroke-width:1.2px}.s-roller{fill:var(--bg-raised);stroke:var(--fg-muted);stroke-width:1.2px}.s-beam{stroke:var(--accent-strong);stroke-width:1.6px;stroke-dasharray:4 3;fill:none}.s-tube{stroke:var(--fill-blue);stroke-width:3px;fill:none;stroke-linecap:round;stroke-linejoin:round}.s-pipe{stroke:var(--fg-muted);stroke-width:12px;fill:none;stroke-linejoin:round;opacity:.55}.s-screen{fill:var(--bg-inverse);stroke:var(--fg-muted);stroke-width:1.2px}.s-trace{stroke:var(--accent);stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round}.s-led{fill:var(--ok)}.s-warn{fill:#d93b32;opacity:.85}.s-cloud{fill:var(--bg-raised);stroke:var(--fg-muted);stroke-width:1.5px}.s-link{stroke:var(--fill-blue);stroke-width:2px;fill:none;stroke-dasharray:3 4;stroke-linecap:round}.s-water{fill:var(--fill-blue);opacity:.35}.s-guard{fill:color-mix(in srgb, var(--fill-blue) 7%, transparent);stroke:var(--fg-muted);stroke-width:1.5px;stroke-dasharray:6 4}.s-guard-line{stroke:var(--fg-muted);stroke-width:1px;opacity:.45}.s-sheet-edge{stroke:var(--fg-muted);stroke-width:2px}.s-sheet-fill{fill:var(--accent-strong)}.s-cup{fill:var(--fg-muted)}.scene-pin{z-index:2;position:absolute;transform:translate(-50%,-50%)}.scene-pin.is-open{z-index:5}.scene-pin-dot{background:var(--fill-blue);color:#fff;width:30px;height:30px;font:700 .8rem/1 var(--font-body);cursor:pointer;box-shadow:var(--shadow-md);border:2px solid #fff;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.scene-pin-dot:after{content:"";border:2px solid var(--fill-blue);opacity:.5;border-radius:50%;animation:2.4s ease-out infinite pin-pulse;position:absolute;inset:-6px}.scene-pin.is-open .scene-pin-dot:after{opacity:0;animation:none}@keyframes pin-pulse{0%{opacity:.6;transform:scale(.7)}to{opacity:0;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.scene-pin-dot:after{animation:none}}.scene-card{background:var(--bg-raised);width:min(300px,62vw);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);text-align:left;padding:14px 16px;position:absolute;top:50%;left:22px;transform:translateY(-50%)}.scene-card[hidden]{display:none}.scene-pin.is-left .scene-card{left:auto;right:22px}.scene-pin.is-up .scene-card{top:auto;bottom:-8px;transform:none}.scene-pin.is-down .scene-card{top:-8px;transform:none}.scene-card h3{font:600 1rem var(--font-display);margin:0 0 4px}.scene-card p{color:var(--fg-muted);margin:0 0 8px;font-size:.88rem}.scene-card ul{margin:0;padding:0;font-size:.88rem;list-style:none}.scene-card li{margin:2px 0}.scene-card a{color:var(--link);font-weight:600;text-decoration:none}.scene-card a:hover{text-decoration:underline}.scene-card .scene-models{background:var(--bg-alt);border-radius:var(--radius-sm);border-left:3px solid var(--accent);margin:0 0 8px;padding:8px 10px}.scene-models li{margin:3px 0;line-height:1.35}.scene-brands{flex-wrap:wrap;gap:6px;display:flex}.scene-chip{background:var(--bg-alt);border:1px solid var(--border);border-radius:999px;padding:2px 10px;font-size:.8rem}.scene-list{color:var(--fg-muted);columns:2;column-gap:40px;margin:22px 0 0;padding-left:1.3em;font-size:.95rem}.scene-list li{break-inside:avoid;margin-bottom:8px}.scene-list strong{color:var(--fg)}.scene-list a{color:var(--link)}.scene-panel{margin-bottom:8px}.scene-detail{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);margin-top:14px;padding:14px 16px}.scene-detail[hidden]{display:none}.scene-detail h3{font:600 1rem var(--font-display);margin:0 0 4px}.scene-detail p{color:var(--fg-muted);margin:0 0 8px;font-size:.9rem}.scene-detail ul{margin:0;padding:0;font-size:.9rem;list-style:none}.scene-detail a{color:var(--link);font-weight:600;text-decoration:none}@media (width>=761px){.scene-detail{display:none!important}}@media (width<=760px){.scene-card{display:none!important}.scene-list{columns:1}.scene-pin-dot{width:26px;height:26px;font-size:.72rem}}