/* Product runtime: the existing assembly remains the scene, controls remain DOM. */
[hidden]{display:none!important}
.use-product{position:absolute;inset:112px 0 32px;z-index:4;pointer-events:none;color:#cfe2e8}
.use-product button,.use-product select,.use-product input,.use-product details,.use-product a,.phone-shell{pointer-events:auto}
.use-heading{position:absolute;left:28px;right:28px;top:22px;display:flex;justify-content:space-between;gap:15px;align-items:flex-start}
.use-heading .eyebrow{font:8px var(--mono);letter-spacing:1.8px;color:#678a98}.use-heading h3{font-size:26px;letter-spacing:-.9px;font-weight:450;margin:10px 0 7px}.use-intro{font-size:11px;color:#78949f;margin:0}
.use-badge{font:9px var(--mono);padding:7px 10px;border:1px solid #29434c;color:#7ca5b3;white-space:nowrap}.use-badge[data-state=playing]{color:#94edcd;border-color:#36765f;background:#10352c}
.use-stage-caption{position:absolute;left:28px;bottom:190px;display:flex;align-items:center;gap:9px;flex-wrap:wrap;width:calc(100% - 310px);font-size:11px}.use-stage-caption strong{font-weight:500}.use-station-now{color:#72ad9e;font:10px var(--mono)}.use-stage-caption small{width:100%;font-size:8px;color:#506c79;margin-left:14px}.use-dot{width:5px;height:5px;border-radius:100%;background:#385a68}.use-product[data-state=playing] .use-dot{background:#7ef1c7;box-shadow:0 0 12px #60f8c7}
.phone-companion{position:absolute;right:26px;top:95px;width:215px;pointer-events:auto}.phone-caption{display:flex;justify-content:space-between;font:7px var(--mono);letter-spacing:1.2px;color:#557888;margin:0 0 12px}.phone-link-status{color:#657e89;letter-spacing:0}.phone-connected .phone-link-status{color:#8bd6b8}
.phone-shell{height:370px;padding:6px;border:1px solid #49616e;border-radius:32px;background:linear-gradient(135deg,#354650,#0b131b 20%,#15232d);box-shadow:0 24px 65px #0009,0 0 0 3px #14212b80;position:relative;overflow:hidden}
.phone-island{position:absolute;z-index:2;left:50%;top:14px;transform:translateX(-50%);width:63px;height:13px;background:#02090d;border-radius:20px;pointer-events:none}
.phone-shell iframe{width:100%;height:100%;border:0;border-radius:26px;background:#0d1e25}.phone-welcome{height:100%;border-radius:26px;background:radial-gradient(ellipse at 50% 18%,#1a3c41,#0b1c25 65%);padding:49px 17px 18px;display:flex;align-items:center;flex-direction:column;text-align:center}.phone-symbol{font-size:44px;color:#a4e7d9;margin:0 0 9px}.phone-welcome .eyebrow{font-size:6px;letter-spacing:1.6px;color:#62978e}.phone-welcome h4{font-size:21px;line-height:1.5;font-weight:450;margin:14px 0 10px}.phone-welcome p{font-size:9px;color:#89a4ac;line-height:1.8;margin:0 0 22px}.phone-welcome .primary{font-size:10px;padding:10px 12px;background:#9adfc9;border-color:#a2e7d3}.phone-welcome small{font-size:7px;color:#53727b;margin-top:17px;line-height:1.7}.phone-open{display:block;text-align:center;font-size:8px;color:#5e8797;text-decoration:none;padding:12px}
.use-console{position:absolute;left:26px;right:267px;bottom:17px;border:1px solid #24404b;border-radius:9px;padding:15px 17px 10px;background:linear-gradient(130deg,#101f29ed,#07151ce8);box-shadow:0 10px 40px #0004;pointer-events:auto;backdrop-filter:blur(12px)}
.use-tuning{display:flex;align-items:center;gap:14px}.use-power{background:#93e9cd;color:#08231e;border-radius:50%;width:39px;height:39px;flex:0 0 auto;font-size:24px;box-shadow:0 0 25px #6ce6c21a}.use-power[aria-pressed=true]{background:#173e35;color:#a6eed5;border:1px solid #4f9a7e}.use-station-label{flex:1;min-width:85px;display:grid;gap:6px}.use-station-label>span{font:6px var(--mono);letter-spacing:1.7px;color:#5a8492}.use-station-label select{min-width:0;max-width:100%;border:0;border-bottom:1px solid #36515b;background:transparent;font-size:11px;color:#d1e5e7;padding:0 0 5px;outline-offset:5px}.use-station-label option{background:#102632}.use-mute{background:none;color:#7ca0aa;font-size:9px;padding:7px 0;white-space:nowrap}.use-mute[aria-pressed=true]{color:#a3f0d6}.use-volume{font:8px var(--mono);color:#6c909c;width:90px;display:flex;flex-wrap:wrap;gap:7px;justify-content:space-between}.use-volume input{width:100%;height:3px;accent-color:#8fe0c5}.use-volume output{color:#abccc7}
.use-signal{margin-top:10px;position:relative;height:54px;overflow:hidden}.use-signal canvas{width:100%;height:38px;display:block;opacity:.85}.use-signal-stats{display:flex;justify-content:space-between;font:6px var(--mono);color:#547c89;gap:10px}.use-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:9px;border-top:1px solid #203844;padding-top:9px}.use-message{font-size:8px;color:#76929b;line-height:1.6;margin:0;min-height:13px}.use-details{font-size:8px;color:#88acae;flex-shrink:0}.use-details summary{cursor:pointer;white-space:nowrap}.use-details[open]{position:absolute;left:0;bottom:0;right:0;padding:16px;background:#0c202bf5;border:1px solid #456471;border-radius:9px;z-index:8;box-shadow:0 0 0 100vmax #0006}.use-details p{font-size:10px;line-height:1.8;color:#90a8b2}.use-details button{background:#16343c;color:#a6d8ce;font-size:9px;border:1px solid #31575c;border-radius:3px;padding:7px 10px;margin:0 8px 12px 0}.use-details a{font-size:9px;color:#a6d8ce}
.studio.use-active #viewer{margin:86px 265px 217px 0;min-height:120px;overflow:visible;background:radial-gradient(ellipse at 50% 85%,#0d333d88,transparent 70%)}
.studio.use-active #part-labels,.studio.use-active .canvas-top,.studio.use-active #step-overlay,.studio.use-active #live-status,.studio.use-active #view-tools,.studio.use-active .dimensions,.studio.use-active .canvas-help,.studio.use-active #assembly-player,.studio.use-active .explode-toggle,.studio.use-active #render-mode{display:none!important}
/* Only current target-output observers opt back into Play's CAD annotation layer. */
.studio.use-active #part-labels.native-output-callouts{display:block!important}
.studio.use-active .canvas-controls{left:26px;bottom:-18px}.studio.use-active .canvas-controls #toggle-grid{display:none}
@media(min-width:1400px){.phone-companion{width:245px;right:36px}.phone-shell{height:421px}.use-console{right:310px;left:36px;bottom:25px}.studio.use-active #viewer{margin-right:300px}.use-heading{left:36px;right:36px}.use-stage-caption{left:36px;bottom:210px}}
@media(max-width:1050px){.use-heading{left:20px;right:20px;top:18px}.use-heading h3{font-size:21px}.use-heading .eyebrow{font-size:6px;letter-spacing:1px}.use-intro{font-size:9px}.phone-companion{right:15px;width:190px;top:95px}.phone-shell{height:348px}.phone-welcome{padding:43px 12px 12px}.phone-welcome h4{font-size:18px}.phone-welcome p{margin-bottom:17px}.use-console{left:18px;right:222px;padding:12px}.use-tuning{gap:8px;flex-wrap:wrap}.use-station-label{min-width:90px}.use-volume{width:100%;flex-wrap:nowrap;align-items:center}.use-volume input{flex:1;min-width:0;order:1}.use-volume output{order:2}.use-signal{height:45px}.use-signal canvas{height:28px}.use-bottom{flex-wrap:wrap}.use-stage-caption{left:20px;width:calc(100% - 240px);bottom:215px;font-size:9px}.studio.use-active #viewer{margin:85px 215px 245px 0}.use-power{width:33px;height:33px;font-size:21px}}
@media(max-height:740px) and (min-width:721px){.phone-shell{height:320px}.phone-companion{top:76px}.phone-welcome{padding-top:33px}.phone-welcome h4{margin:10px 0}.phone-welcome p{margin-bottom:12px}.use-console{bottom:10px}.use-heading h3{font-size:20px;margin:7px 0}.use-stage-caption{bottom:184px}.studio.use-active #viewer{margin-top:67px;margin-bottom:195px}}
@media(max-width:720px){.studio.use-active{min-height:760px}.use-product{inset:112px 0 32px}.phone-companion{top:95px;width:180px;right:12px}.phone-shell{height:340px}.use-console{left:15px;right:15px;bottom:18px}.studio.use-active #viewer{margin:85px 188px 250px 0;min-height:175px}.use-stage-caption{bottom:220px;left:15px;width:calc(100% - 200px)}.use-heading{left:15px;right:15px}.use-heading h3{font-size:20px}.use-badge{font-size:8px}.use-volume{width:90px;flex-wrap:wrap}.use-tuning{flex-wrap:nowrap}.use-volume input{order:3;min-width:70px}.use-heading .use-intro{max-width:70%}}
/* Remote document is a real, separately polling client, also usable outside the frame. */
.remote-page{margin:0;background:#0b1b23;color:#d5e8e5;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color-scheme:dark}.remote-page *{box-sizing:border-box}.remote-page button,.remote-page select,.remote-page input{font:inherit;cursor:pointer}.remote-page button:disabled,.remote-page input:disabled,.remote-page select:disabled{opacity:.4;cursor:default}.remote-page button:focus-visible,.remote-page select:focus-visible,.remote-page input:focus-visible{outline:2px solid #a1efd8;outline-offset:3px}.remote-app{max-width:320px;margin:auto;padding:34px 18px 10px}.remote-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:550;letter-spacing:-.3px}.remote-top>span:last-child{font:5px monospace;letter-spacing:1.8px;color:#588179}.remote-dot{color:#699c8c;margin-left:4px;font-size:5px}.remote-device{text-align:center;margin-top:22px}.remote-kicker{font:5px monospace;letter-spacing:1.6px;color:#5c8882}.remote-device h1{font-size:24px;font-weight:400;letter-spacing:5px;margin:6px 0 3px}.remote-device p{font-size:7px;color:#6d9794;margin:0}.remote-device-icon{display:flex;align-items:center;justify-content:center;gap:3px;margin:18px auto 11px;height:34px;width:75px;background:#183532;border:1px solid #396459;border-radius:5px}.remote-device-icon i{height:17px;width:1px;background:#79b89e}.remote-device #connection{font-size:7px;color:#7eb59d}.remote-station{display:block;font-size:7px;color:#71938d;margin-top:19px}.remote-station select{display:block;width:100%;padding:7px 0 6px;border:0;border-bottom:1px solid #33564e;background:transparent;color:#d7e9df;font-size:10px}.remote-station option{background:#102c29}.remote-controls{display:flex;align-items:center;justify-content:space-between;margin:16px 4px 14px}.remote-controls button{border:0;border-radius:50%;background:transparent;color:#8ebaaa;font-size:10px;padding:5px;width:36px;height:36px}.remote-controls #power{background:#a8e4c8;color:#113326;font-size:16px;width:40px;height:40px}.remote-controls #next{font-size:22px}.remote-controls #mute[aria-pressed=true]{color:#e9d09d}.remote-volume{display:flex;flex-wrap:wrap;justify-content:space-between;font-size:7px;color:#88a79f;gap:9px}.remote-volume input{accent-color:#9fe1bc;height:3px;width:100%;margin:0}.remote-receipt{font-size:6px;color:#7aab9b;min-height:15px;text-align:center;line-height:1.6;margin:12px 0 8px}.remote-app footer{text-align:center;font-size:5px;color:#4b726b;line-height:1.8}.remote-page[data-playing=true] .remote-dot{color:#8effbb}.remote-page[data-playing=true] .remote-device-icon{box-shadow:0 0 20px #71efbb15;border-color:#5b987f}
@media(min-width:350px){.remote-app{padding:40px 24px}.remote-top{font-size:15px}.remote-top>span:last-child{font-size:8px}.remote-device{margin-top:50px}.remote-device h1{font-size:40px}.remote-kicker{font-size:8px}.remote-device p,.remote-device #connection{font-size:11px}.remote-device-icon{margin:30px auto 20px;height:66px;width:130px}.remote-device-icon i{height:38px;width:2px;gap:5px}.remote-station{font-size:11px;margin-top:35px}.remote-station select{font-size:16px;padding:12px 0}.remote-controls{margin:28px 0}.remote-controls #power{width:60px;height:60px}.remote-controls button{font-size:14px;width:54px}.remote-volume{font-size:11px;gap:18px}.remote-receipt{font-size:10px;margin:20px 0}.remote-app footer{font-size:8px}}

.studio.use-active .canvas-controls{display:none}
.use-memory{display:block;font:7px var(--mono);color:#4e7b78;margin-top:9px}
.use-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px}
.use-preset{display:flex;align-items:center;gap:7px;border:1px solid #29454c;background:#0e222b;color:#89aaaf;padding:8px 7px;border-radius:4px;text-align:left;min-width:0}
.use-preset small{font:7px var(--mono);color:#507a80}.use-preset span{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.use-preset[aria-pressed=true]{border-color:#658d7e;background:#18352f;color:#c1eedc}.use-preset[aria-pressed=true] small{color:#99ccb1}
.use-routine{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:9px;font:8px var(--mono);color:#769b9c}.use-routine label{display:flex;align-items:center;gap:10px}.use-routine select{color:#b5d1c9;background:#132a30;border:1px solid #33504f;border-radius:3px;font-size:8px;padding:4px}.use-countdown{font-variant-numeric:tabular-nums;color:#a4d4bf}
.use-product button:focus-visible,.use-product select:focus-visible,.use-product input:focus-visible{outline:2px solid #b5edcf;outline-offset:3px}
.use-stage-caption{bottom:260px}.studio.use-active #viewer{margin-bottom:280px}
.remote-sleep{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px;font-size:7px;color:#88a79f;margin-top:12px}.remote-sleep select{background:#16322e;border:1px solid #36594e;border-radius:4px;color:#bfdfce;font-size:7px;padding:3px}.remote-sleep output{width:100%;text-align:right;font:6px monospace;color:#92b9a6;font-variant-numeric:tabular-nums}
@media(min-width:350px){.remote-sleep{font-size:11px;margin-top:22px;gap:10px}.remote-sleep select{font-size:11px;padding:7px}.remote-sleep output{font-size:10px}}
@media(max-width:1050px){.use-stage-caption{bottom:277px}.studio.use-active #viewer{margin-bottom:302px}.use-preset{gap:4px;padding:7px 5px}.use-preset span{font-size:7px}}
@media(max-width:720px){.use-stage-caption{bottom:282px}.studio.use-active #viewer{margin-bottom:308px}}
@media(max-height:400px) and (max-width:349px){.remote-app{padding:29px 13px 6px}.remote-device{margin-top:10px}.remote-device h1{font-size:21px;margin:4px 0 2px}.remote-device-icon{margin:10px auto 6px;height:26px;width:66px}.remote-device-icon i{height:14px}.remote-station{margin-top:12px}.remote-station select{padding:6px 0;font-size:9px}.remote-controls{margin:10px 2px}.remote-controls #power{width:35px;height:35px}.remote-controls button{height:32px}.remote-volume{gap:7px}.remote-receipt{margin:9px 0 5px;min-height:10px}.remote-app footer{font-size:5px}}
@media(min-width:721px) and (max-width:1399px){.phone-shell{height:390px}}

.remote-page .remote-reconnect{display:block;margin:8px auto;color:#8fb2aa;border:1px solid #31534c;border-radius:12px;padding:4px 10px;background:transparent;font:7px var(--mono,monospace);cursor:pointer}.remote-page .remote-reconnect:focus-visible{outline:2px solid #b7ead6;outline-offset:3px}.remote-page[data-disconnected=true] .remote-device-icon{opacity:.4}
@media(min-width:350px){.remote-page .remote-reconnect{font-size:11px;padding:7px 18px;margin:16px auto}}
@media(max-width:349px){.remote-device{margin-top:12px}.remote-device-icon{margin:10px auto 7px;height:26px}.remote-station{margin-top:12px}.remote-controls{margin:11px 4px}.remote-sleep{margin-top:10px}.remote-receipt{margin:7px 0 4px}.remote-page .remote-reconnect{margin:5px auto}}

.use-heading-actions{display:flex;align-items:center;gap:12px}.use-focus{font:8px var(--mono);color:#9fc7c4;background:transparent;padding:7px 9px;border:1px solid #2a4c53;border-radius:3px}.use-focus[aria-pressed=true]{color:#c0ebd8;border-color:#4b8570}
.workspace.experience-focus{grid-template-columns:minmax(0,1fr)}.workspace.experience-focus>.sidebar{display:none}.experience-focus .studio.use-active #viewer{margin-top:78px;margin-bottom:255px}.experience-focus .use-heading h3{font-size:28px}.experience-focus .use-intro{font-size:11px}.experience-focus .use-stage-caption{bottom:251px}.experience-focus .use-console{left:28px}.experience-focus .use-preset span{font-size:10px}.experience-focus .use-station-label select{font-size:13px}
@media(max-width:1050px){.experience-focus .use-console{left:20px}.experience-focus .use-stage-caption{bottom:277px}.experience-focus .studio.use-active #viewer{margin-bottom:290px}}

.use-console{max-height:62vh;overflow:auto;scrollbar-width:thin;scrollbar-color:#426666 transparent}.use-acoustics{margin-top:10px;border-top:1px solid #2a4a50;padding-top:10px;font-size:10px;color:#9ebdbb}.use-acoustics summary{cursor:pointer;color:#b8e9db;font-weight:550}.use-acoustics p{font-size:9px;line-height:1.7;color:#7ba5a3}.acoustic-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}.acoustic-fields label{display:flex;flex-direction:column;gap:5px;font-size:9px}.acoustic-fields input,.acoustic-fields select{min-width:0;width:100%;background:#122c32;color:#bedfd4;border:1px solid #305351;border-radius:4px;padding:6px;font:10px monospace}.acoustic-actions{display:flex;gap:8px}.acoustic-actions button{border:1px solid #38675e;border-radius:4px;background:#1b3d36;color:#c5ecdf;padding:7px 11px;font-size:10px}.acoustic-actions button:disabled{opacity:.4}.use-acoustics .acoustic-curve{width:100%;height:100px;margin:8px 0}.acoustic-downloads{display:flex;gap:15px}.acoustic-downloads a{font-size:9px;color:#a4d8cb}.use-acoustics .acoustic-metrics{font:10px monospace;color:#b9e6d7}.use-acoustics .acoustic-scope{font-size:8px;color:#678b8d}
/* Acoustic controls occupy the companion slot, keeping the actual CAD visible. */
.use-heading{z-index:6}.use-heading-actions .use-acoustics{pointer-events:auto;padding:0;margin:0;border:0;width:auto;max-height:none;font-weight:400}.use-heading-actions .use-acoustics>summary{border:1px solid #315851;border-radius:3px;padding:7px 9px;font:8px var(--mono);list-style:none;white-space:nowrap}.use-heading-actions .use-acoustics[open]{position:absolute;right:0;top:75px;width:245px;max-height:calc(100vh - 250px);overflow:auto;padding:14px;border:1px solid #36554f;border-radius:9px;background:linear-gradient(155deg,#122b2ded,#0b1b24f5);box-shadow:0 20px 55px #0005;scrollbar-width:thin}.use-heading-actions .use-acoustics[open]>summary{border:0;padding:0 0 8px;white-space:normal;line-height:1.7;font-size:10px}.use-product.acoustic-editing .phone-companion{visibility:hidden;pointer-events:none}.use-acoustics .acoustic-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.use-acoustics .acoustic-curve{height:105px}.use-acoustics .acoustic-actions{flex-wrap:wrap}.use-acoustics .acoustic-actions button{font-size:9px}.use-acoustics .acoustic-downloads{flex-wrap:wrap;gap:8px}
@media(max-width:1050px){.use-heading-actions .use-acoustics[open]{width:190px;top:70px;max-height:calc(100vh - 240px);padding:10px}.use-heading-actions{gap:6px}.use-heading-actions .use-acoustics>summary{max-width:120px;white-space:normal;font-size:7px;padding:5px;line-height:1.5}}

.acoustic-listening{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px;color:#a9cfc4}.acoustic-listening select{background:#102b2c;border:1px solid #365d51;color:#c0e6d4;border-radius:4px;padding:4px;font-size:9px}

.acoustic-prompt-form{display:grid;gap:8px;margin:12px 0}.acoustic-prompt-form label{display:grid;gap:7px;font-size:10px;color:#c5e6da}.acoustic-prompt{resize:vertical;width:100%;min-height:78px;box-sizing:border-box;border:1px solid #3e7066;border-radius:6px;background:#0a2025;color:#d6f1e6;padding:9px;font:inherit;font-size:11px;line-height:1.7}.acoustic-prompt::placeholder{color:#73918d}.acoustic-send,.acoustic-restore{border:1px solid #3a6b5f;background:#1c4238;color:#d0edde;border-radius:5px;padding:8px;font-size:10px;cursor:pointer}.acoustic-send:disabled,.acoustic-restore:disabled{opacity:.4;cursor:default}.use-acoustics .acoustic-intent{white-space:pre-line;color:#c1ded1;font-size:10px}.acoustic-manual{margin:10px 0 13px}.use-acoustics .acoustic-manual summary{font-size:9px;color:#91b9af}.acoustic-prompt:focus-visible,.acoustic-send:focus-visible{outline:2px solid #b1e6c8;outline-offset:2px}

/* M6: link from the Use view to the product's running firmware (web/device.html) */