:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fafafa;--panel:#fff;--soft:#eceef1;--text:#171a20;--muted:#58616e;--accent:#345fd0;--on-accent:#fff;--line:#d7dce3;--warning:#9a431f;--shadow:#15243b13;--room-top:#e3e8ee;--room-floor:#f5f6f8;--room-light:#ffffffc9;--room-edge:#6b7c9528;--room-halo:#d3e5fd;--room-warm:#f2eadc}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=signature]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111317;--panel:#1b1e23;--soft:#272c33;--text:#f3f5f8;--muted:#b2bac6;--accent:#91b4ff;--on-accent:#111b2e;--line:#363e48;--warning:#f1b99a;--shadow:#00000030;--room-top:#111923;--room-floor:#090e15;--room-light:#c8e2ff24;--room-edge:#bdd8ff21;--room-halo:#173a62;--room-warm:#3a3033}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111317;--panel:#1b1e23;--soft:#272c33;--text:#f3f5f8;--muted:#b2bac6;--accent:#91b4ff;--on-accent:#111b2e;--line:#363e48;--warning:#f1b99a;--shadow:#00000030;--room-top:#111923;--room-floor:#090e15;--room-light:#c8e2ff24;--room-edge:#bdd8ff21;--room-halo:#173a62;--room-warm:#3a3033}.motion-controls{flex:none;min-width:108px;min-height:48px;position:relative}#motion-stop{background:var(--bg);width:100%;position:absolute;top:0;bottom:0;left:0;right:0}[data-animating=true] #motion-replay{visibility:hidden;pointer-events:none}.stream-active .motion-controls{display:none}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:1rem/1.55 -apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif}button,select{font:inherit}button{cursor:pointer;border:0;border-radius:7px;min-height:48px;padding:12px 17px}button:disabled{opacity:.5;cursor:default}button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.app-shell{max-width:1440px;margin:auto;padding:0 40px}.topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:24px;padding:20px 0;display:flex}.edition{letter-spacing:2px;color:var(--muted);font-size:.75rem}.topbar nav{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.text-button{color:var(--muted);background:0 0;padding:10px 12px;font-size:.875rem}.text-button:hover{color:var(--text);background:var(--soft)}.connection-grid{isolation:isolate;border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.55fr) minmax(340px,1fr);gap:40px;min-height:480px;padding:42px 32px 34px;display:grid;position:relative;overflow:hidden}.vehicle-hero{z-index:1;align-self:center;min-width:0;position:relative}.eyebrow{letter-spacing:2.5px;color:var(--muted);font-size:.75rem}h1{letter-spacing:-1.5px;margin:14px 0;font-size:clamp(2.3rem,4vw,3.4rem);font-weight:500;line-height:1.1}.hero-description{color:var(--muted);margin:0;font-size:1rem}.vehicle-stage{isolation:isolate;perspective:900px;margin-top:8px;position:relative;overflow:hidden}.car-parallax{transition:transform .18s ease-out}.vehicle-stage img{aspect-ratio:1.5;object-fit:contain;transform-origin:55% 65%;width:100%;height:auto;display:block}.car-shadow{background:radial-gradient(ellipse, var(--shadow), transparent 72%);z-index:-1;width:78%;height:15%;position:absolute;bottom:12%;left:10%}.car-sweep{pointer-events:none;opacity:0;background:linear-gradient(110deg, transparent 30%, var(--room-light) 48%, transparent 68%);position:absolute;top:0;bottom:0;left:0;right:0}.direct-link{max-width:260px;color:var(--muted);align-items:center;gap:14px;margin:auto;font-size:.875rem;display:flex}.link-rail{background:var(--line);flex:1;height:1px;position:relative}.link-photon{background:var(--accent);width:22px;height:4px;box-shadow:0 0 10px var(--accent);opacity:0;border-radius:4px;position:absolute;top:-2px;left:0}.preview-status{color:var(--muted);text-align:center;margin:12px 0 0;font-size:.875rem}.studio-environment{pointer-events:none;z-index:0;background:var(--room-floor);opacity:.85;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.studio-depth{transition:transform .18s ease-out;position:absolute;top:-12px;bottom:-12px;left:-12px;right:-12px}.studio-wall{background:radial-gradient(ellipse at 26% 18%, var(--room-light), transparent 68%), linear-gradient(135deg, var(--room-top), var(--room-floor) 76%);position:absolute;top:0;bottom:0;left:0;right:0}.studio-canopy{background:radial-gradient(ellipse at 48% 15%, var(--room-light), transparent 62%);position:absolute;top:-35%;bottom:5%;left:-35%;right:-10%}.studio-arch{border:1px solid var(--room-edge);border-radius:50%;width:89%;height:150%;position:absolute;top:-78%;left:-11%;transform:rotate(-17deg)}.studio-arch.second{width:71%;height:130%;top:-73%;left:0}.studio-floor{background:linear-gradient(180deg, transparent, var(--room-floor) 75%);position:absolute;top:57%;bottom:0;left:0;right:0}.studio-horizon{background:linear-gradient(90deg, transparent, var(--room-edge) 15%, var(--room-light) 40%, transparent 92%);transform-origin:35%;height:1px;position:absolute;top:57%;left:0;right:0}.studio-pool{background:radial-gradient(ellipse, var(--room-halo), transparent 68%);opacity:.56;border-radius:50%;width:69%;height:25%;position:absolute;top:54%;left:-1%}.studio-ray{opacity:0;background:linear-gradient(114deg, transparent 34%, var(--room-light) 49%, transparent 61%);width:95%;height:140%;position:absolute;top:-35%;left:-40%}.studio-signal{opacity:0;background:radial-gradient(ellipse, var(--room-halo), transparent 67%);border-radius:50%;width:78%;height:46%;position:absolute;top:41%;left:-8%}[data-background=horizon] .studio-wall{background:radial-gradient(ellipse at 0 62%, var(--room-warm), transparent 48%), radial-gradient(ellipse at 65% 15%, var(--room-halo), transparent 60%), linear-gradient(180deg, var(--room-top), var(--room-floor))}[data-background=horizon] .studio-arch,[data-background=minimal] .studio-environment{display:none}[data-phase=error] .studio-depth,[data-phase=ended] .studio-depth{opacity:.3}.pair-card{z-index:2;background:var(--panel);border:1px solid var(--line);min-width:0;box-shadow:0 12px 36px var(--shadow);border-radius:12px;align-self:center;padding:30px;position:relative}.card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.step-number{letter-spacing:2px;color:var(--muted);font-size:.75rem}.pill{color:var(--muted);background:var(--soft);border-radius:5px;padding:5px 9px;font-size:.8125rem}h2{letter-spacing:-.6px;margin:20px 0 10px;font-size:1.5rem;font-weight:500;line-height:1.4}.muted{color:var(--muted);margin:0;font-size:1rem;line-height:1.7}.code-row{font-variant-numeric:tabular-nums;letter-spacing:5px;white-space:nowrap;margin:24px 0 6px;font-size:clamp(2rem,4vw,3.2rem);font-weight:500;line-height:1.4}.expiry{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:.875rem;display:flex}.expiry .text-button{text-underline-offset:4px;white-space:nowrap;text-decoration:underline}.pair-note{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.pair-note p{color:var(--muted);margin:0;font-size:.875rem;line-height:1.7}.approval{border-top:1px solid var(--line);margin-top:18px;padding-top:8px}.approval p{overflow-wrap:anywhere}.approval-actions{flex-wrap:wrap;gap:10px;display:flex}.primary-button{background:var(--accent);color:var(--on-accent);flex:1;font-weight:500}.secondary-button{background:var(--soft);color:var(--text)}.danger-button{background:var(--soft);color:var(--warning)}#start-video,#cancel-pairing{width:100%;margin-top:16px}.error{color:var(--warning);margin-bottom:0;font-size:.9375rem;line-height:1.7}.setup-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:26px 12px;display:grid}.setup-steps article{align-items:baseline;gap:15px;display:flex}.setup-steps article>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem}.setup-steps h3{margin:0 0 6px;font-size:.9375rem;font-weight:500}.setup-steps p{color:var(--muted);margin:0;font-size:.875rem}footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:20px 0;font-size:.75rem;display:flex}.viewer{border:1px solid var(--line);background:var(--panel);border-radius:12px;margin:24px 0;overflow:hidden}.viewer-header{justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;font-size:.875rem;display:flex}.viewer-header>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.viewer-header strong{font-weight:500}.live-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}#stream-clock{font-variant-numeric:tabular-nums}.video-stage{background:#080a0d;height:min(64vh,720px);position:relative;overflow:hidden}.video-stage>video{object-fit:contain;width:100%;min-width:0;height:100%;min-height:0;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.video-stage.fill video{object-fit:cover}.viewer-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.control-group{flex-wrap:wrap;gap:10px;display:flex}.stream-notice{color:var(--muted);margin:0;padding:0 20px 16px;font-size:.875rem}.stale-overlay{text-align:center;background:var(--panel);flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:24px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.stale-overlay p{color:var(--muted);margin:0}.stream-active .connection-grid,.stream-active .setup-steps,.stream-active #motion-replay,.stream-active #motion-stop,.theater .topbar,.theater footer{display:none}.theater .app-shell{max-width:none;padding:0}.theater .viewer{border:0;border-radius:0;margin:0}dialog{background:var(--panel);width:min(590px,100vw - 32px);max-height:85vh;color:var(--text);border:1px solid var(--line);border-radius:14px;padding:28px;overflow:auto}dialog::backdrop{background:#060a12a6}.dialog-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.dialog-header h2{margin:0}.close-button{min-width:48px;color:var(--text);background:var(--soft);font-size:1.5rem}.dialog-note{color:var(--muted);font-size:.875rem;line-height:1.8}.setting-row{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.setting-row select{background:var(--soft);max-width:100%;min-height:48px;color:var(--text);border:1px solid var(--line);border-radius:5px;padding:8px 12px}.diagnostic-list>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:13px 0;font-size:.9375rem;display:flex}.diagnostic-list dt{color:var(--muted)}.diagnostic-list dd{text-align:right;overflow-wrap:anywhere;margin:0}.help-list{padding-left:22px}.help-list li{margin-top:22px}.help-list p{color:var(--muted);font-size:.9375rem;line-height:1.8}[data-reduced=true] .car-parallax,[data-reduced=true] .studio-depth{transition:none}@media (prefers-reduced-motion:reduce){.car-parallax,.studio-depth{transition:none}}.vehicle-stage{height:clamp(220px,38vh,400px)}.car-parallax,.vehicle-stage img{height:100%}@media (max-width:1100px){.app-shell{padding:0 24px}.edition{display:none}.connection-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);gap:24px;padding:32px 20px}.pair-card{padding:24px}.topbar{gap:12px}.topbar nav{gap:2px}}@media (max-width:740px){.app-shell{padding:0 18px}.topbar{gap:10px;padding:16px 0}.topbar nav{justify-content:space-between;width:100%;margin:0}.text-button{padding:9px 7px}.connection-grid{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px 0}.vehicle-hero{width:100%;max-width:500px;margin:auto}.vehicle-stage{max-width:340px;margin:-12px auto}.vehicle-hero h1{margin:10px 0;font-size:2.3rem}.eyebrow{font-size:.75rem}.preview-status{margin-top:8px;font-size:.8125rem}.studio-environment{height:370px;bottom:auto}.pair-card{box-shadow:none;padding:24px}.code-row{font-size:2.75rem}.setup-steps{grid-template-columns:1fr;gap:18px;padding:20px 0}.viewer-header{padding:14px}.viewer-controls{align-items:stretch;padding:12px}.control-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;display:grid}.viewer-controls button{padding:10px;font-size:.875rem}.viewer-controls .danger-button{width:100%}.video-stage{height:55vh}footer{font-size:.75rem}.theater .video-stage{height:calc(100vh - 245px)}}@media (max-width:360px){.topbar nav{justify-content:flex-start;gap:2px}.text-button{font-size:.8125rem}.pair-card{padding:20px}.code-row{letter-spacing:4px;font-size:2.3rem}.vehicle-stage{max-width:270px}.approval-actions{flex-direction:column}}@media (max-width:740px){.vehicle-stage{height:180px;margin:0 auto}.studio-environment{height:350px}}html[data-theme=signature]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=signature] body{--bg:#f1f2f0;--panel:#f7f8f6;--soft:#e7e8e6;--text:#191b1e;--muted:#64696d;--accent:#286ee8;--on-accent:#fff;--line:#191b1e16;--warning:#a83d22;--room-light:#ffffff80;--room-top:#f1f2f0;--room-floor:#f1f2f0}html[data-theme=signature] body[data-cockpit=mirror]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111315;--panel:#1a1d20;--soft:#25292d;--text:#f4f5f6;--muted:#b0b6be;--accent:#78a7ff;--line:#ffffff18;--warning:#ffb79f}body{padding:0}.app-shell{width:100%;max-width:none;height:100vh;flex-direction:column;height:100dvh;padding:0;display:flex}.app-shell>.topbar,.app-shell>footer{flex-shrink:0}.app-shell>main{scrollbar-width:thin;flex-direction:column;flex:1;order:1;min-height:0;display:flex;overflow-y:auto}.topbar{flex-wrap:nowrap;gap:24px;min-height:76px;padding:14px 3.2%}.brand{letter-spacing:.28em;font-size:1.45rem;font-weight:600}.topbar nav{margin-left:0}body:not([data-cockpit=connection]) .topbar nav{display:none}.connection-indicator{color:var(--text);background:0 0;justify-content:flex-end;align-items:center;gap:12px;margin-left:auto;padding:8px 0 8px 16px;font-size:1rem;display:flex}.status-dot{background:#858b90;border-radius:50%;flex:none;width:12px;height:12px}[data-direct-connected=true] .status-dot{background:#bd8242}[data-direct-connected=true][data-media-health=fresh] .status-dot{background:#36ba48}.icon{flex:none;width:1.65em;height:1.65em;display:inline-flex}.icon svg{width:100%;height:100%}button{border-radius:14px;min-height:56px}.primary-button{background:var(--text);color:var(--bg)}.primary-button:hover{filter:brightness(.92)}.secondary-button{background:var(--soft);color:var(--text);border:1px solid var(--line)}.cockpit-statusbar{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cockpit-home{flex:1;grid-template-columns:minmax(0,1.95fr) minmax(320px,1fr);align-items:stretch;gap:3.5%;min-height:530px;padding:38px 3.4% 30px;display:grid}.cockpit-welcome{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.cockpit-welcome .eyebrow,.vehicle-hero .eyebrow{letter-spacing:0;font-size:clamp(1rem,1.4vw,1.4rem);font-weight:500}.cockpit-welcome h1{letter-spacing:-.055em;margin:12px 0 8px;font-size:clamp(3.7rem,6.3vw,6.4rem);font-weight:650;line-height:1.08}.home-vehicle-stage{isolation:isolate;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.home-vehicle-stage img{object-fit:contain;transform-origin:50% 70%;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}body[data-vehicle-plate=true] #home-vehicle-image,body[data-vehicle-plate=true] #vehicle-image{mix-blend-mode:multiply}body[data-vehicle-plate=true] .home-vehicle-stage,body[data-vehicle-plate=true] .car-parallax{background:var(--bg)}body[data-background=horizon]:not([data-cockpit=mirror]) .home-vehicle-stage{background:linear-gradient(160deg, var(--bg) 40%, var(--room-halo))}body[data-vehicle-plate=true] .car-shadow{display:none}.home-light-sweep{pointer-events:none;opacity:0;mix-blend-mode:soft-light;background:linear-gradient(110deg,#0000 35%,#fff7 49%,#0000 63%);position:absolute;top:0;bottom:0;left:0;right:0}.cockpit-launcher{border-left:1px solid var(--line);flex-direction:column;justify-content:center;min-width:0;padding-left:10%;display:flex}.cockpit-clock{letter-spacing:-.065em;font-variant-numeric:tabular-nums;font-size:clamp(4.5rem,8vw,8.2rem);font-weight:350;line-height:1.08;display:block}#cockpit-date{margin:12px 0 26px;font-size:clamp(1.15rem,1.8vw,1.75rem)}.home-time{border-bottom:1px solid var(--line)}.home-connection-state{padding:24px 0 26px}#home-device{overflow-wrap:anywhere;margin:0 0 14px;font-size:clamp(1rem,1.6vw,1.65rem)}#home-status{letter-spacing:-.04em;overflow-wrap:anywhere;margin:0;font-size:clamp(1.45rem,2.1vw,2.4rem);font-weight:650;line-height:1.3}#home-status-detail{margin:12px 0 0;font-size:clamp(.95rem,1.35vw,1.4rem);line-height:1.5}.cockpit-app{text-align:center;border-radius:18px;flex-direction:row;flex:none;justify-content:center;align-items:center;gap:18px;width:100%;min-height:84px;padding:18px;font-size:clamp(1.05rem,1.8vw,1.65rem);font-weight:600;display:flex}.cockpit-app .icon{width:1.8em;height:1.8em}.cockpit-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.cockpit-shortcuts .cockpit-app{background:0 0;gap:10px;min-height:66px;padding:12px 8px;font-size:clamp(.9rem,1.15vw,1.2rem)}#cockpit-caption{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.cockpit-dock{border-top:1px solid var(--line);background:var(--bg);z-index:10;flex-shrink:0;order:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:6%;width:100%;margin:0;padding:16px 8% 6px;display:grid}.cockpit-dock button{color:var(--muted);background:0 0;justify-content:center;align-items:center;gap:20px;min-height:66px;padding:12px;font-size:clamp(.95rem,1.35vw,1.3rem);display:flex}.cockpit-dock button[aria-pressed=true]{color:var(--text);background:var(--soft);font-weight:600}.app-shell>footer{padding:4px 3.2% calc(12px + env(safe-area-inset-bottom,0px));color:var(--muted);border:0;order:3;justify-content:space-between;gap:16px;font-size:.8125rem;display:flex}#connection-label{display:none}.connection-grid{border-bottom:0;flex:1 0 auto;grid-template-columns:minmax(0,1.7fr) minmax(330px,1fr);gap:6%;min-height:430px;padding:34px 4%}body[data-cockpit=connection] .connection-grid{display:grid}.studio-environment{display:none}.vehicle-hero h1{letter-spacing:-.055em;font-size:clamp(3.2rem,6vw,5.8rem);font-weight:650}.vehicle-hero{align-self:center}.vehicle-stage{margin:4px -20px 0}.pair-card{border:0;border-left:1px solid var(--line);box-shadow:none;background:0 0;border-radius:0;align-self:center;padding:20px 0 20px 10%}.pair-card h2{letter-spacing:-.035em;font-size:clamp(1.5rem,2.5vw,2.2rem)}.code-row{letter-spacing:.14em;background:var(--soft);border:1px solid var(--line);text-align:center;white-space:nowrap;border-radius:14px;padding:20px 12px;font-size:clamp(2rem,4vw,4rem);font-weight:550}.code-row[aria-label=연결\ 코드]{letter-spacing:0}.pair-note{padding-top:12px}.setup-steps{border-top:1px solid var(--line);flex-shrink:0;margin:0 4% 20px;padding-top:20px}.viewer{background:0 0;border:0;flex:1;grid-template-columns:minmax(0,1fr) 72px;gap:14px;min-height:450px;margin:0;padding:16px 1.5% 20px;display:grid;overflow:visible}.mirror-content{background:var(--panel);border:1px solid var(--line);border-radius:18px;flex-direction:column;min-width:0;min-height:0;padding:18px;display:flex}.viewer-header{min-height:48px;padding:0 4px 18px}.viewer-header strong{font-size:1rem;font-weight:500}.live-dot,#path-badge{display:none}.video-stage{border:1px solid var(--line);border-radius:14px;flex:1;height:auto;min-height:220px}.mirror-rail{z-index:5;border:1px solid var(--line);background:var(--panel);border-radius:20px;align-self:center;min-width:0;padding:7px;position:relative}.viewer-controls{flex-flow:column;gap:16px;padding:0;display:flex}.viewer-controls .control-group{flex-flow:column;gap:8px;width:100%;display:flex}.viewer-controls .icon-control{width:100%;height:56px;min-height:56px;color:var(--text);touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;padding:0;font-size:1rem;transition:background-color .15s,color .15s,border-color .15s;display:flex;position:relative}.icon-control .icon{width:25px;height:25px}.viewer-controls .icon-control:focus-visible{background:var(--soft)}.viewer-controls .icon-control[aria-pressed=true]{background:var(--soft);border-color:var(--line);color:var(--accent)}.viewer-controls .icon-control:disabled{opacity:1;color:var(--muted)}.icon-control:disabled .icon{opacity:.45}.viewer-controls #disconnect{color:var(--warning)}.icon-control .button-label{z-index:10;width:max-content;max-width:min(22rem,100vw - 120px);color:var(--bg);background:var(--text);text-align:center;white-space:normal;overflow-wrap:anywhere;opacity:0;visibility:hidden;border-radius:10px;padding:10px 14px;font-size:.9375rem;font-weight:500;line-height:1.45;transition:opacity .12s;position:absolute;top:50%;right:calc(100% + 14px);transform:translateY(-50%);box-shadow:0 4px 18px #0003}.icon-control .button-label:after{content:"";width:16px;position:absolute;top:0;bottom:0;left:100%}.icon-control:not([data-tooltip-dismissed=true]):focus-visible .button-label{opacity:1;visibility:visible}@media (hover:hover) and (pointer:fine){.viewer-controls .icon-control:not(:disabled):hover{background:var(--soft)}.icon-control:not([data-tooltip-dismissed=true]):hover .button-label{opacity:1;visibility:visible}}.mirror-details{background:var(--soft);overflow-wrap:anywhere;border-radius:14px;margin-top:20px;padding:16px}.mirror-details h3,.mirror-details p{margin:0}.mirror-details p+p,.mirror-details h3+p{margin-top:8px}.stream-notice{border-left:2px solid var(--warning);color:var(--warning);overflow-wrap:anywhere;margin:12px 0 0;padding:4px 12px;font-size:.875rem;line-height:1.5}.mirror-placeholder{z-index:3;text-align:center;background:var(--panel);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:32px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:auto}.mirror-placeholder .icon{width:64px;height:64px;color:var(--muted)}.mirror-placeholder strong{max-width:600px;font-size:1.4rem}.mirror-placeholder p{max-width:480px;color:var(--muted);margin:0}.mirror-placeholder .primary-button{flex:none}.privacy-hidden video{visibility:hidden}#mirror-play{z-index:4;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.privacy-hidden .stale-overlay{display:none}.theater .viewer{grid-template-columns:minmax(0,1fr) 72px;min-height:400px;padding:8px}.theater .video-stage{height:auto}dialog{border-radius:22px}@media (min-width:1000px) and (max-height:760px){.topbar{min-height:64px;padding-top:8px;padding-bottom:8px}.cockpit-home{min-height:405px;padding-top:24px;padding-bottom:20px}.cockpit-clock{font-size:4.7rem}.cockpit-welcome h1{font-size:4rem}#cockpit-date{margin:6px 0 14px;font-size:1.2rem}.home-connection-state{padding:14px 0}#home-device{margin-bottom:8px;font-size:1rem}#home-status-detail{margin-top:8px;font-size:1rem}#home-status{font-size:1.7rem}.cockpit-app{min-height:70px;padding:14px}.cockpit-shortcuts{margin-top:14px}.cockpit-shortcuts .cockpit-app{min-height:56px}.cockpit-dock{padding-top:10px}.cockpit-dock button{min-height:56px}.viewer{min-height:390px}.viewer-controls .icon-control{height:48px;min-height:48px}.viewer-controls .control-group{gap:6px}}@media (max-width:999px){.cockpit-home{grid-template-columns:minmax(0,1.3fr) minmax(285px,1fr);gap:24px}.cockpit-launcher{padding-left:24px}.cockpit-clock{font-size:4.8rem}.cockpit-app{min-height:70px}.connection-indicator{font-size:.875rem}body[data-cockpit=connection] .topbar{flex-wrap:wrap;gap:8px 20px}body[data-cockpit=connection] .topbar nav{flex:0 0 100%;justify-content:flex-end}}@media (max-width:740px){.topbar{gap:12px;min-height:64px;padding:10px 20px}.brand{letter-spacing:.24em;font-size:1.05rem}.connection-indicator{gap:7px;padding-left:0;font-size:.8125rem}.status-dot{width:8px;height:8px}.cockpit-home{flex-direction:column;gap:16px;min-height:auto;padding:24px;display:flex}.cockpit-welcome h1{margin:6px 0;font-size:3.4rem}.home-vehicle-stage{flex:none;min-height:150px}.home-vehicle-stage img{height:auto;max-height:250px;position:static}.cockpit-launcher{border:0;padding:0}.home-time{justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:16px;display:flex}.cockpit-clock{font-size:3.5rem}#cockpit-date{margin:0 0 8px;font-size:1rem}.home-connection-state{padding:18px 0}#home-device{margin-bottom:8px}#home-status{font-size:1.5rem}.cockpit-shortcuts .cockpit-app{font-size:.9375rem}.cockpit-dock{gap:8px;padding:8px 12px 4px}.cockpit-dock button{flex-direction:column;gap:6px;min-height:64px;padding:8px 4px;font-size:.8125rem}.cockpit-dock .icon{width:24px;height:24px}.app-shell>footer{padding-left:16px;padding-right:16px;font-size:.75rem}body[data-cockpit=connection] .connection-grid{flex-direction:column;gap:12px;padding:22px;display:flex}.vehicle-hero{width:100%}.vehicle-hero h1{font-size:3rem}.vehicle-stage{max-height:230px;margin:0}.vehicle-stage img{object-fit:contain;max-height:230px}.hero-description,.direct-link,.preview-status{display:none}.pair-card{border-left:0;border-top:1px solid var(--line);width:100%;padding:20px 0 0}.setup-steps{display:none}.code-row{font-size:2.5rem}.viewer,.theater .viewer{flex-direction:column;gap:12px;min-height:460px;padding:12px;display:flex}.mirror-content{flex:1;min-height:340px;padding:12px}.video-stage{min-height:260px}.mirror-rail{border-radius:18px;flex-shrink:0;width:100%}.viewer-controls{grid-template-columns:repeat(6,minmax(44px,1fr));gap:2px;display:grid}.viewer-controls .control-group{display:contents}.viewer-controls .icon-control{height:52px;min-height:52px;position:static}.icon-control .button-label{width:auto;max-width:none;top:auto;bottom:calc(100% + 12px);left:8px;right:8px;transform:none}.icon-control .button-label:after{width:auto;height:14px;top:100%;bottom:auto;left:0;right:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important}}#pair-qr-canvas{border-radius:12px;max-width:100%;margin:12px auto;display:block;height:auto!important}.diagnostic-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface,#eee);border-radius:12px;max-height:240px;padding:16px;font-size:.875rem;overflow:auto}.flight-console{border:1px solid var(--border,#d5d8dc);background:var(--surface,#f5f6f7);border-radius:16px;margin:24px 0;padding:20px}.flight-console h3{justify-content:space-between;gap:12px;display:flex}.flight-console h3 span{font-size:12px;font-weight:500}.flight-console p{font-size:13px;line-height:1.6}.flight-actions{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.flight-console select{color:#20242a;background:#fff;border:1px solid #cbd0d5;border-radius:8px;padding:10px}.flight-console .diagnostic-preview{max-height:320px;overflow:auto}.flight-console button{min-height:44px}.flight-guide,.flight-library{border:1px solid var(--border,#d5d8dc);border-radius:12px;margin-top:16px;padding:16px}.flight-guide summary{cursor:pointer;min-height:32px;font-size:14px}.flight-console label{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;font-size:13px;display:flex}.flight-console input:not([type=checkbox]),.flight-console select{border:1px solid #cbd0d5;border-radius:8px;min-width:0;max-width:100%;padding:10px}.flight-console input[type=checkbox]{accent-color:#20242a;width:18px;height:18px}.flight-console button:disabled{opacity:.45;cursor:not-allowed}#flight-storage-state{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}#flight-outbox p{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.flight-auto-notice{z-index:60;color:#f4f7fa;background:#18212bed;border-radius:12px;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 24px);padding:9px 14px;font-size:12px;display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0002}.flight-auto-notice[hidden]{display:none}.flight-auto-notice button{color:inherit;cursor:pointer;background:0 0;border:1px solid #fff5;border-radius:8px;flex-shrink:0;min-height:40px;padding:8px}@media (max-width:600px){.flight-auto-notice{gap:6px;font-size:10px}}#touch-lab{width:min(920px,100vw - 24px);max-width:none;color:var(--text,#20252b)}#touch-lab .dialog-header{z-index:1;background:var(--panel);padding:8px 0;position:sticky;top:-28px}.lab-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.lab-header-actions button{min-height:44px}#touch-lab .lab-eyebrow{letter-spacing:.18em;color:#73808f;margin:0 0 6px;font-size:11px}#touch-lab .lab-scope{color:#946114;margin:8px 0;font-size:13px;font-weight:600}#lab-status{min-height:2.8em;margin:12px 0;font-size:14px;line-height:1.4}.lab-controls{flex-wrap:wrap;gap:12px;margin:12px 0;display:flex}.lab-controls label{align-items:center;gap:8px;font-size:13px;display:flex}.lab-controls select{min-height:44px;color:inherit;background:0 0;border:1px solid #8796a344;border-radius:8px;padding:8px}#lab-canvas{touch-action:none;outline-offset:4px;border-radius:14px;width:100%;height:clamp(180px,43vh,400px);display:block}#lab-canvas[aria-disabled=true]{opacity:.6;cursor:not-allowed}#lab-canvas[aria-disabled=false]{cursor:crosshair}.lab-readout{flex-wrap:wrap;justify-content:space-between;gap:8px;margin:10px 0;font:12px/1.6 ui-monospace,monospace;display:flex}.lab-actions{flex-wrap:wrap;gap:10px;display:flex}.lab-actions button{flex:1;min-height:44px}#lab-stop{color:#fff;background:#a73736;border:0;border-radius:10px;padding:10px 16px}.lab-note{color:#77818c;margin:14px 0 0;font-size:12px;line-height:1.6}@media (max-width:480px){#touch-lab{padding:16px}#touch-lab .dialog-header{gap:8px;top:-16px}#touch-lab .dialog-header h2{font-size:19px}.lab-controls{gap:6px}.lab-controls label{flex:1}}#wda-bar{flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0;display:flex}#wda-bar[hidden],#wda-surface[hidden]{display:none}#wda-bar button{min-height:44px}#wda-bar small{color:var(--text-secondary,#73777b);flex-basis:100%}#wda-status{flex:220px;font-size:13px}#wda-surface{z-index:2;pointer-events:none;outline:none;position:absolute;top:0;bottom:0;left:0;right:0}#wda-surface.wda-active{pointer-events:auto;touch-action:none;cursor:crosshair;box-shadow:inset 0 0 0 2px #cc8641}#wda-surface:focus-visible{box-shadow:inset 0 0 0 3px #cc8641}