@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;450;500;600&family=Manrope:wght@300;400;500&display=swap');
:root{--bg:#222424;--panel:#2a2d2d;--line:#373a3a;--muted:#969a96;--text:#e0e0d8;--gold:#c5a77b;--gold-dim:#806d51;--green:#acbb9a;font-family:'DM Sans',sans-serif;font-size:14px;color:var(--text);background:var(--bg);font-weight:400;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button{transition:background .2s,color .2s,border-color .2s}button:hover{color:#fff}.studio-bar{height:82px;display:flex;align-items:center;padding:0 30px;border-bottom:1px solid var(--line);gap:40px}.brand{display:flex;align-items:center;gap:13px;width:215px;color:inherit;text-decoration:none;font-family:Manrope,sans-serif;font-size:24px;letter-spacing:2px}.brand-mark{font-family:serif;font-size:42px;color:var(--gold);line-height:1;font-weight:400;transform:scaleX(.7);border-left:1px solid var(--gold);padding-left:6px}.brand-sub{display:block;font-size:9px;letter-spacing:3px;margin-top:3px;color:var(--muted)}.project-name{font-size:14px;display:flex;gap:16px}.muted{color:var(--muted)}.small{font-size:12px}.studio-bar-actions{margin-left:auto;display:flex;align-items:center;gap:26px}.local-status{font-size:12px;color:var(--muted)}.button{border:1px solid #424646;padding:11px 16px;border-radius:5px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:20px;background:#2c2e2e}.button:hover{background:#353838}.button span{color:var(--gold)}main{display:grid;grid-template-columns:250px minmax(350px,1fr) 288px;height:calc(100dvh - 276px);min-height:600px}.library,.inspector{background:var(--panel);min-height:0}.library{border-right:1px solid var(--line);display:flex;flex-direction:column}.inspector{border-left:1px solid var(--line)}.panel-heading{height:66px;display:flex;justify-content:space-between;align-items:center;padding:0 23px;font-size:14px}.tabs{display:flex;gap:23px;padding:0 23px;border-bottom:1px solid var(--line)}.tabs button{padding:0 0 14px;color:var(--muted);font-size:13px;position:relative}.tabs button.active{color:var(--gold)}.tabs button.active:after{content:'';height:2px;background:var(--gold);position:absolute;bottom:-1px;left:0;right:0}#library-content{padding:23px 20px;overflow:auto;flex:1}.section-label{color:var(--muted);font-size:11px;letter-spacing:1.6px;display:flex;justify-content:space-between;margin-bottom:16px}.catalog-section{margin-bottom:26px}.object-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.object-card{border:1px solid #383b3b;border-radius:5px;height:113px;background:linear-gradient(140deg,#2e3131,#2a2d2d);text-align:left;position:relative;padding:10px 11px 9px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.object-card:hover{border-color:var(--gold-dim);background:#333636}.object-card svg{width:64px;height:48px;align-self:center;margin-bottom:10px;stroke:#b7b5aa;stroke-width:1;fill:#424646;filter:drop-shadow(0 6px 7px #0007)}.object-card span{font-size:12px}.object-card small{font-size:10px;color:var(--muted);margin-top:3px}.object-card .add{position:absolute;right:7px;top:4px;font-size:17px;color:#85877e}.library-foot{padding:18px 20px;border-top:1px solid var(--line);display:flex;gap:10px;font-size:11px;line-height:1.8}.key{border:1px solid #474b4b;border-radius:4px;width:23px;height:23px;display:inline-flex;justify-content:center;align-items:center;color:var(--muted)}.workspace{position:relative;overflow:hidden;background:radial-gradient(ellipse at 48% 48%,#363939 0,#2d3030 45%,#262828 85%)}#viewport{position:absolute;inset:0;touch-action:none}#viewport canvas{display:block;width:100%;height:100%;outline:none}#load-message{position:absolute;top:48%;width:100%;text-align:center;color:var(--gold)}.scene-head{position:absolute;top:29px;left:31px;right:28px;display:flex;justify-content:space-between;align-items:flex-start;z-index:2;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2.1px;color:var(--gold)}h1{font-family:Manrope,sans-serif;font-size:27px;font-weight:300;line-height:1.45;letter-spacing:-.5px;margin:12px 0;color:#e5e2d7}.view-switch{display:flex;background:#222424b0;border:1px solid #404343;border-radius:5px;padding:4px;pointer-events:auto}.view-switch button{padding:7px 10px;font-size:11px;color:var(--muted);border-radius:3px}.view-switch button.active{background:#3b3e3e;color:#e9e7dc}.scene-tools{position:absolute;bottom:82px;left:50%;transform:translateX(-50%);display:flex;align-items:center;background:#2a2d2de8;border:1px solid #464a4a;border-radius:7px;box-shadow:0 8px 20px #0003;padding:4px}.scene-tools button{width:38px;height:35px;font-size:21px;color:#aaa}.scene-tools button.active{color:var(--gold)}.scene-tools button:hover{background:#393c3c;border-radius:4px}.scene-tools i{height:19px;width:1px;background:#454949;margin:0 5px}.scene-bottom{position:absolute;bottom:26px;left:27px;right:27px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);gap:15px}.dot{margin:0 8px}.mouse-icon{color:var(--gold);margin-right:4px}.cinema-button{font-size:12px;white-space:nowrap;color:var(--gold)}.cinema-button span{margin-left:4px}.scene-label{position:absolute;pointer-events:none;font-size:11px;color:#d5c9b2;background:#292c2cd9;padding:5px 9px;border:1px solid #64674e88;border-radius:4px;transform:translate(-50%,-50%);white-space:nowrap}.distance{border-color:#bfa47866;color:#d0b38a;background:#292c2ce6;font-size:10px}.compass{position:absolute;bottom:104px;left:25px;width:60px;height:60px;pointer-events:none}.compass svg{width:60px;height:60px}.compass span{position:absolute;font-size:10px}.axis-y{top:-7px;left:28px}.axis-z{bottom:0;left:0}.axis-x{bottom:0;right:0}.inspector-scroll{height:calc(100% - 66px);overflow:auto;padding:0 22px 22px}.mood-grid{display:flex;gap:9px;margin-bottom:23px}.mood{flex:1;background:#2d3030;border:1px solid #3a3e3e;border-radius:5px;font-size:11px;padding:10px 3px}.mood.active{border-color:#9b825e;background:#333636;color:#e4cfae}.mood-orb{display:block;width:25px;height:25px;border-radius:50%;margin:0 auto 9px}.evening{background:radial-gradient(circle at 30% 30%,#e5c391,#634a32 75%);box-shadow:0 0 18px #c39b5422}.cinema{background:radial-gradient(circle at 30% 30%,#8c7796,#323636 75%)}.daylight{background:radial-gradient(circle at 30% 30%,#eeefe0,#72786a 75%)}.range-label{font-size:12px;display:flex;justify-content:space-between;margin-bottom:12px}.range-label output{color:#b1b3a9}input[type=range]{width:100%;height:3px;accent-color:var(--gold);display:block;margin:10px 0 17px;cursor:pointer}input[type=range]::-webkit-slider-thumb{width:11px;height:11px}.temperature{font-size:11px;display:flex;gap:8px;align-items:center}.temperature .muted{margin-left:auto}.warm-dot{display:inline-block;width:7px;height:7px;background:#ddbc80;border-radius:50%}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.spark{color:var(--gold);font-size:23px}.spaced{margin-top:23px}.rotation-controls{display:flex;gap:10px}.rotation-controls label{font-size:11px;display:flex;align-items:center;gap:6px;min-width:0}.rotation-controls input{min-width:0;margin:0;max-width:53px}.intelligence-head{display:flex;gap:8px;align-items:center;font-size:13px}.badge{font-size:8px;letter-spacing:1px;color:var(--gold);padding:3px 5px;border:1px solid #605840;border-radius:3px;margin-left:auto}.intelligence-intro{font-size:11px;color:var(--muted);margin:3px 0 18px}.advice-card{border:1px solid #3c3f3f;background:#2d3030;border-radius:5px;padding:12px;margin-bottom:9px}.advice-card.warn{background:#2e3131;border-color:#3e4242}.advice-title{font-size:12px;display:flex;gap:8px;margin-bottom:6px;color:#c7d0bb}.warn .advice-title{color:#d2b783}.advice-card p{font-size:11px;line-height:1.65;color:#aeb1a6;margin:0 0 0 18px}.accent{width:100%;margin-top:15px;color:#ddc39e;border-color:#6e5f43;background:#323535;font-size:12px}.estimate-note{color:#858b83;font-size:10px;line-height:1.6;margin:12px 0 0}footer{height:99px;border-top:1px solid var(--line);background:#262828;display:flex;align-items:center;padding:0 28px;gap:0}.metric{border-right:1px solid #393d3d;padding:0 27px;display:flex;flex-direction:column;gap:9px;flex:1}.metric-title{flex-direction:row;align-items:center;padding-left:0;flex:1.2;gap:14px;font-size:14px}.metric-title .small{display:block;margin-top:5px;font-size:11px}.wave-icon{font-size:33px;color:var(--gold)}.metric-name{font-size:11px;color:var(--muted)}.metric-name .small{font-size:9px;margin-left:4px}b{font-weight:400;font-size:20px;color:#dedfd1}.unit{font-size:12px;color:#a7ab9e}.metric-badge{color:#bac7a5;background:#383b3b;font-size:9px;padding:3px 6px;border-radius:3px;margin-left:7px}.mode-values{font-size:16px;color:#d8d5c6;white-space:nowrap}.mode-values small{font-size:10px;color:var(--muted)}.analysis-link{padding-left:25px;font-size:12px;white-space:nowrap;color:#cbb690}.analysis-link span{margin-left:10px}#toast{position:absolute;bottom:145px;left:50%;transform:translateX(-50%) translateY(10px);opacity:0;background:#e1d6bc;color:#2e3131;padding:12px 20px;border-radius:5px;font-size:13px;pointer-events:none;transition:.25s;z-index:5;max-width:90%;text-align:center}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.field{margin-bottom:19px}.field label{display:flex;font-size:12px;color:#c1c4ba;margin-bottom:10px;justify-content:space-between}.field input[type=number],select{background:#2f3232;border:1px solid #434747;color:#e0dfd3;border-radius:4px;padding:9px;width:100%}.dimension-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dimension-row .field label{font-size:10px}.dimension-row input{min-width:0;font-size:12px;padding:7px!important}.surface-option{width:100%;padding:12px;border:1px solid #3b3f3f;border-radius:5px;margin-bottom:9px;text-align:left;display:flex;align-items:center;gap:12px;font-size:12px}.surface-option.active{border-color:var(--gold-dim)}.swatch{height:30px;width:30px;border-radius:4px;background:var(--swatch);border:1px solid #ffffff15}.surface-option small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.object-title{font-size:14px;display:flex;justify-content:space-between;margin-bottom:15px}.object-title button{color:#ae9d8b}.selection-help{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.position-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.position-fields .field{margin-bottom:10px}.position-fields input{font-size:12px;padding:7px!important}.position-fields label{font-size:10px}dialog{background:#2a2d2d;border:1px solid #5b614e;border-radius:12px;width:620px;max-width:92vw;color:var(--text);padding:32px;box-shadow:0 25px 150px #0008}dialog::backdrop{background:#191a1ac9;backdrop-filter:blur(7px)}dialog h2{font-size:24px;font-weight:300;margin:12px 0 25px}.close{position:absolute;right:16px;top:12px;font-size:27px}.analysis-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.analysis-stats div{background:#313434;padding:15px;border-radius:5px;font-size:12px;color:var(--muted)}.analysis-stats b{display:block;margin-top:9px}.analysis-copy{font-size:13px;line-height:1.8;color:#b8bdb0}.analysis-copy a{color:var(--gold)}.mode-row{display:flex;align-items:center;gap:12px;font-size:12px;margin:15px 0}.mode-bar{height:5px;background:#bfa275;border-radius:3px}.control-note{font-size:11px;line-height:1.7;color:var(--muted)}@media(min-width:1600px){main{grid-template-columns:280px 1fr 310px}.object-card{height:130px}.scene-head{top:38px;left:40px}.scene-head h1{font-size:30px}.inspector-scroll{padding:0 26px 26px}.advice-card p{font-size:12px}.intelligence-intro{font-size:12px}}@media(max-width:1180px){main{grid-template-columns:210px minmax(300px,1fr) 250px}.panel-heading{padding:0 17px}.tabs{padding:0 17px;gap:19px}#library-content{padding:18px 14px}.inspector-scroll{padding:0 16px 18px}.metric{padding:0 17px}.metric-title{font-size:12px}.scene-bottom>span{max-width:180px;line-height:1.8}.metric-badge{display:none}.scene-head{left:23px;right:20px}h1{font-size:23px}.view-switch{margin-top:3px}.view-switch button{font-size:10px;padding:6px}.rotation-controls input{max-width:41px}}@media(max-width:900px){.studio-bar{height:70px;padding:0 20px}.brand{font-size:20px}.local-status{display:none}main{height:auto;min-height:0;grid-template-columns:190px 1fr;grid-template-rows:650px auto}.inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}.inspector-scroll{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 22px 25px}.inspector-scroll>hr{display:none}.inspector-scroll>.section-label,.inspector-scroll>.range-label{margin:0}.mood-grid{grid-column:1;grid-row:2;margin:0}.temperature{grid-column:1}.inspector-scroll>.range-label{grid-column:1;grid-row:3}.inspector-scroll>#brightness{grid-column:1;grid-row:4;margin:0}.intelligence-head{grid-column:2;grid-row:1}.intelligence-intro{grid-column:2;grid-row:2;align-self:start}.inspector-scroll>#advice{grid-column:2;grid-row:2/7;margin-top:34px}.inspector-scroll>#optimize{grid-column:2}.estimate-note{grid-column:2}.inspector-scroll>#selection-panel{grid-column:1}.rotation-controls{grid-column:1}.rotation-controls input{max-width:none}footer{height:auto;min-height:115px;flex-wrap:wrap;padding:20px;gap:20px}.metric{padding:0 15px;flex:auto}.metric-title{display:none}.analysis-link{padding:0}}@media(max-width:600px){.studio-bar{padding:0 15px}.brand{width:auto;gap:6px}.studio-bar-actions{gap:0}.button{padding:9px 12px;font-size:12px}.brand-sub{font-size:8px}.brand-mark{font-size:36px}.scene-head{top:20px;left:20px;right:15px}h1{font-size:21px}.eyebrow{font-size:8px}.view-switch button{font-size:9px}main{display:flex;flex-direction:column}.workspace{height:550px;order:0}.library{order:1;border-top:1px solid var(--line);border-right:0}.inspector{order:2}.panel-heading{height:52px}.library-foot{display:none}#library-content{display:flex;gap:20px;overflow:auto}.catalog-section{min-width:195px;margin:0}.object-card{height:105px}.tabs button{font-size:13px}.inspector-scroll{display:block}.inspector-scroll>*{margin-bottom:18px!important}.inspector-scroll>#advice{margin-top:0}.rotation-controls input{max-width:90px}.scene-bottom{bottom:18px;left:16px;right:16px}.scene-bottom>span{font-size:9px;max-width:180px}.scene-tools{bottom:75px}.compass{bottom:90px;left:16px;transform:scale(.8)}.metric{min-width:35%;padding:0 5px;border:0}.analysis-stats{gap:6px}.analysis-stats div{padding:10px;font-size:10px}.scene-label{font-size:9px}.distance{font-size:8px}.inspector-scroll>hr{display:block}.section-label{margin-top:7px}.field{min-width:180px}}

#ai-result{white-space:pre-line;line-height:1.7}button:disabled{opacity:.55;cursor:wait}.scene-label{z-index:1}
.studio-return{font-size:12px;color:var(--muted);text-decoration:none}
.studio-return:hover{color:var(--text);text-decoration:underline}.studio-error{position:absolute;inset:20%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:15px}.studio-error h2{font-size:22px;font-weight:400;margin:0}.studio-error p{font-size:14px;line-height:1.8;color:var(--muted)}#ai-result{font-size:12px;line-height:1.8}@media(max-width:1400px){.studio-bar .local-status{display:none}.studio-bar .studio-bar-actions{gap:16px}}@media(max-width:700px){.studio-bar{gap:10px}.studio-bar .studio-bar-actions{gap:8px}.brand{min-width:0}}@media(max-width:380px){.studio-bar .button{font-size:10px;padding:8px}}

/* layout + now-showing additions */
.layout-row{display:flex;gap:8px;align-items:center;margin-bottom:6px}.layout-row select{flex:1;min-width:0;padding:9px 10px;border:1px solid rgba(128,128,128,.35);border-radius:7px;background:transparent;color:inherit;font:inherit;font-size:13px}.layout-row .button{white-space:nowrap;margin:0}.now-showing{margin-top:12px;display:inline-flex;gap:10px;align-items:center;padding:6px 12px;border:1px solid rgba(128,128,128,.45);border-radius:999px;font-size:12px;opacity:.9}.now-showing span{font-size:9px;letter-spacing:2px}.now-showing a{text-decoration:underline;opacity:.75}

.view-switch button#seatview.active{background:#3b3e3e;color:#e9e7dc}

.layout-field{display:block;margin:0 0 10px}.layout-field span{display:block;font-size:11px;opacity:.7;margin-bottom:5px}.layout-field select{width:100%;padding:10px 12px;border:1px solid rgba(128,128,128,.4);border-radius:7px;background:transparent;color:inherit;font:inherit;font-size:13px}.layout-field select option,.layout-field select optgroup{color:#2a2c2c;background:#fff}#arrange{width:100%;margin:0 0 6px}

.guide-tip{position:absolute;left:0;top:0;z-index:20;max-width:260px;padding:11px 13px;border-radius:8px;background:rgba(24,26,26,.94);border:1px solid rgba(197,167,123,.35);color:#e0e0d8;font-size:12px;line-height:1.55;pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,.35)}.guide-tip[hidden]{display:none}.guide-tip strong{display:block;font-weight:500;font-size:12px;color:#c5a77b;margin-bottom:4px}.guide-tip p{margin:0 0 6px;color:#c9c9c1}.guide-tip p:last-child{margin:0}.guide-tip .ok{color:#8fbf8a}.guide-tip .warn{color:#e09a93}

.brand:has(.brand-logo){width:auto}
.brand-logo{height:44px;width:auto;display:block;flex:none}
@media(max-width:700px){.brand-logo{height:34px}}
@media(max-width:700px){.studio-bar{gap:10px}.brand-logo{height:30px}.studio-bar-actions{gap:6px}.studio-bar-actions .button{padding:7px 9px;font-size:11px;white-space:nowrap}.studio-bar-actions .button span{display:none}}
/* Object library: icons keep their size when a name wraps (the card grows instead); on phones each section is a two-row strip that scrolls sideways */
.object-card{height:auto;min-height:113px;justify-content:flex-start;padding-top:17px}.object-card svg{flex-shrink:0}
@media(min-width:1600px){.object-card{min-height:130px;padding-top:25px}}
@media(max-width:600px){.object-card{min-height:105px;padding-top:12px}.catalog-section{min-width:0;flex:none}.object-grid{grid-template-columns:none;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:112px}}
/* Header: Ask the Advisor (icon only on phones) and the account chip from site-shell.js */
.ai-launch{color:var(--gold);gap:6px}.ai-launch span{color:inherit}
.account-chip{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 12px;border:1px solid #4a4d4d;border-radius:999px;color:#dcdede;font-size:12px;text-decoration:none;white-space:nowrap}
.account-chip:hover{border-color:var(--gold)}.account-chip.is-member{padding:0;width:34px;background:var(--gold);border-color:var(--gold);color:#161818;font-weight:500}
/* Room size sliders (inspector and Room tab) */
.room-size .range-label{margin-bottom:8px}.room-size input[type=range]{margin:6px 0 14px}
/* Workspace dialog: saved designs and exports */
.ws-dialog{width:640px}.ws-dialog .eyebrow{display:block}.ws-dialog h2{margin:10px 0 18px}
.ws-lead,.ws-note{font-size:13px;line-height:1.7;color:#b8bdb0;margin:0 0 14px}.ws-note{font-size:12px;color:var(--muted)}
.ws-signin{display:inline-flex;text-decoration:none;color:#ddc39e;margin:0 0 16px;width:auto}
.ws-plan{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);margin-bottom:16px}
.ws-badge{font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:4px 8px;border-radius:3px;border:1px solid #4a4d4d;color:#dcdede}.ws-badge.paid{background:#def29b;border-color:#def29b;color:#161818}
.ws-field{display:block;margin-bottom:12px}.ws-field span{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}
.ws-field input,.ws-row-name{width:100%;background:#2f3232;border:1px solid #434747;color:#e0dfd3;border-radius:4px;padding:9px;font:inherit;font-size:13px}
.ws-actions{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px}.ws-actions .button{width:auto;margin:0;font-size:12px}.ws-actions .accent{width:auto}
.ws-notice{border:1px solid #6e5f43;background:#2e2c27;border-radius:5px;padding:12px 14px;margin:10px 0}.ws-notice p{margin:0 0 10px;font-size:12px;line-height:1.7;color:#d8cdb6}
.ws-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ws-list li{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;border:1px solid #3a3e3e;border-radius:5px;padding:10px}
.ws-list li.current{border-color:var(--gold-dim)}.ws-list small{grid-column:1;font-size:11px;color:var(--muted)}.ws-row-actions{grid-column:2;grid-row:1/3;display:flex;gap:12px}
.ws-list .ws-row-name{padding:6px 8px;background:transparent;border-color:transparent}.ws-list .ws-row-name:hover,.ws-list .ws-row-name:focus{border-color:#434747;background:#2f3232}
.ws-empty{font-size:12px;color:var(--muted);border-style:dashed!important}
.ws-link{color:var(--gold);font-size:12px;padding:0;text-decoration:underline;text-underline-offset:3px}.ws-link.danger{color:#e09a93}.ws-dialog>#ws-body>.ws-link{margin-top:12px}
.section-label .ws-lock{margin-left:8px;color:var(--gold);letter-spacing:1px}
.ws-exports{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}
.ws-export{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;border:1px solid #3a3e3e;border-radius:5px;padding:11px 12px;background:#2d3030;font-size:13px}
.ws-export small{font-size:11px;color:var(--muted)}.ws-export:hover{border-color:var(--gold-dim)}.ws-export.locked{opacity:.55;cursor:not-allowed}.ws-export.locked:hover{border-color:#3a3e3e}
@media(max-width:600px){.ws-dialog{padding:24px 18px}.ws-exports{grid-template-columns:1fr}.ws-list li{grid-template-columns:1fr}.ws-row-actions{grid-column:1;grid-row:auto}}
/* Tablet (601–900 px): the inspector stacks in one column instead of the old two-column grid, whose fixed rows made later sections overlap */
@media(min-width:601px) and (max-width:900px){.inspector-scroll{display:block}.inspector-scroll>*{margin-bottom:16px}.inspector-scroll>hr{display:block}.inspector-scroll>#advice{margin-top:0}.mood-grid{margin-bottom:23px}}
/* Phones: the header keeps every action; the studio links and status make room */
@media(max-width:900px){.studio-bar{gap:8px}.studio-bar-actions{gap:4px;flex-wrap:nowrap}.studio-bar-actions .button{font-size:0;gap:0;padding:0;width:34px;height:34px}.studio-bar-actions .button span{display:inline;font-size:15px;color:var(--gold)}.studio-bar-actions .ai-launch{font-size:16px}.ai-launch span{display:none!important}.account-chip{height:34px;padding:0 9px;font-size:11px}}
@media(max-width:440px){.studio-bar{flex-wrap:wrap;height:auto;padding:10px 15px;row-gap:8px}.studio-bar-actions{width:100%;margin-left:0;justify-content:space-between}}
@media(min-width:901px) and (max-width:1440px){.studio-bar-actions{gap:12px}.studio-bar-actions .button{gap:8px;padding:9px 12px}}
@media(min-width:901px) and (max-width:1180px){.ai-launch span{display:none}.studio-bar-actions{gap:8px}}

/* Studio bar: the studio's own actions (name, status, Share, Image, Save, Designs) under the shared site header (site-header.css) */
.studio-bar{height:auto;min-height:56px;padding:6px clamp(22px,3.5vw,84px);gap:20px;display:flex;align-items:center;border-bottom:1px solid var(--line)}
.studio-bar .project-name{flex:1 1 auto;min-width:0;font-size:14px;display:flex;gap:10px;align-items:baseline;white-space:nowrap}
.studio-bar .project-name #design-name{overflow:hidden;text-overflow:ellipsis}
.studio-bar-actions{display:flex;align-items:center;gap:12px;margin-left:auto;flex:none}
@media(max-width:900px){.studio-bar{padding:6px 20px;gap:12px}}
@media(max-width:700px){.studio-bar{padding:6px 5%}.studio-bar .pn-label,.studio-bar .pn-sep{display:none}}
@media(max-width:440px){.studio-bar{flex-wrap:wrap;padding:8px 5%;row-gap:8px}.studio-bar .project-name{flex:1 1 100%}.studio-bar-actions{width:100%;margin-left:0;justify-content:space-between}}
@media(max-width:900px){.studio-bar-actions{flex-wrap:wrap;gap:8px}.studio-bar-actions .button{font-size:12px;gap:6px;padding:0 12px;width:auto;height:36px}.studio-bar-actions .button span{font-size:13px}}
@media(max-width:440px){.studio-bar-actions{justify-content:flex-start}.studio-bar-actions .button{padding:0 10px}}
/* Immersion rating (inspector): rating, meter, radar and breakdown. Tones: rec (lime), imm (gold), part (amber), none (muted red). */
.imm{--imm:#c5a77b;border:1px solid #3c3f3f;background:#2d3030;border-radius:6px;padding:14px;margin:0 0 12px}
.imm.rec{--imm:#def29b}.imm.part{--imm:#d9a441}.imm.none{--imm:#e09a93}
.imm-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:10px}.imm-title{font-size:10px;letter-spacing:1.6px;color:var(--muted)}
.imm-label{font-size:15px;color:var(--imm);font-weight:500}.imm-score{margin-left:auto;font-size:20px;color:#e0e0d8}.imm-score small{font-size:11px;color:var(--muted);margin-left:2px}
.imm-meter{position:relative;height:6px;border-radius:3px;background:linear-gradient(90deg,#4a3434 0 40%,#4a4130 40% 65%,#44412f 65% 85%,#3c4630 85%)}
.imm-meter span{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:var(--imm);box-shadow:0 0 10px var(--imm);transition:width .4s}
.imm-meter i{position:absolute;top:-2px;width:1px;height:10px;background:#222424}
.imm-scale{font-size:9px;line-height:1.5;color:var(--muted);margin:6px 0 8px}
.imm-radar{display:block;width:100%;max-width:230px;margin:4px auto 6px;overflow:visible}
.imm-radar .ring{fill:none;stroke:#3e4242;stroke-width:.8}.imm-radar .hc{fill:color-mix(in srgb,#c5a77b 30%,transparent);stroke:#c5a77b;stroke-width:1.2;stroke-linejoin:round}
.imm-radar .oc{fill:color-mix(in srgb,#def29b 16%,transparent);stroke:#def29b;stroke-width:1;stroke-dasharray:3 3}
.imm-radar circle.ok{fill:#def29b}.imm-radar circle.off{fill:#d9a441}.imm-radar circle.up{stroke:#161818;stroke-width:1}.imm-radar .seat{fill:#e0e0d8}
.imm-radar text{font-size:7px;letter-spacing:1px;fill:#858a8a}
.imm-radar .pulse{fill:none;stroke:var(--imm);stroke-width:.8;opacity:0;transform-origin:center;animation:imm-pulse 3.2s ease-out infinite}.imm-radar .pulse.p2{animation-delay:1.6s}
@keyframes imm-pulse{0%{transform:scale(.12);opacity:.6}100%{transform:scale(1);opacity:0}}
@media(prefers-reduced-motion:reduce){.imm-radar .pulse{animation:none}}
.imm-list{list-style:none;margin:6px 0 4px;padding:0;display:grid;gap:7px}.imm-list li{display:grid;grid-template-columns:12px 1fr;gap:2px 8px;font-size:11px;line-height:1.55;color:#aeb1a6}
.imm-list li::before{content:'';grid-row:1/3;width:7px;height:7px;border-radius:50%;margin-top:5px;background:#5b5f5a}.imm-list li.ok::before{background:#def29b}.imm-list li.warn::before{background:#d9a441}.imm-list li.miss::before{background:#e09a93}
.imm-list b{font-weight:500;font-size:12px;color:#d6d8cf}.imm-list span{grid-column:2}
/* Acoustic overview: hover explanations (studio-metric-tips.js) */
.metric-tip{position:fixed;z-index:60;max-width:min(320px,calc(100vw - 16px));padding:12px 14px;border-radius:8px;background:rgba(24,26,26,.96);border:1px solid rgba(197,167,123,.35);color:#e0e0d8;font-size:12px;line-height:1.55;pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.metric-tip[hidden]{display:none}
.metric-tip strong{display:block;font-weight:500;font-size:12px;color:#c5a77b;margin-bottom:5px}
.metric-tip p{margin:0 0 6px;color:#c9c9c1}.metric-tip p:last-child{margin:0}
.metric-tip .ok{color:#8fbf8a}.metric-tip .warn{color:#e09a93}
footer .metric.has-tip{cursor:help}
footer .metric.has-tip:focus-visible{outline:1px solid var(--gold);outline-offset:-3px}