/* The approved workspace shell keeps native dialogs and existing controllers. */
:root{--app-bar-height:72px}
@media(min-width:701px) and (max-width:1150px){:root{--app-bar-height:64px}}
@media(max-width:700px){:root{--app-bar-height:56px}}
#customizer .builder-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
#customizer .builder-layout{overflow:visible;min-height:auto}
#customizer .builder-heading{flex:none;gap:12px;padding-bottom:12px}
#customizer .builder-heading h2{margin:0;font:500 24px/1.2 var(--font-title)}
#customizer #close-customizer{margin-left:auto}
#customizer .shape-footer{border-top:1px solid var(--line)}
.studio-library-panel[hidden],.studio-cost-panel[hidden]{display:none}
@media(min-width:1000px){
 .studio-docked .workspace{display:grid;grid-template-columns:238px minmax(0,1fr) 258px;overflow:hidden}
 .studio-docked .studio-toolbar{padding:15px 24px;grid-template-columns:minmax(0,1fr) auto;gap:8px 20px}
 .studio-docked .studio-toolbar h1{font:500 34px/1.2 var(--font-title);margin:5px 0 0}
 .studio-docked .studio-toolbar h1 span{font:400 14px/1.5 var(--font-ui)}
 .studio-docked .studio-tools{grid-column:auto;justify-content:flex-end;gap:7px}
 .studio-docked .studio-tools button{font:600 14px/1.4 var(--font-ui);min-height:40px;padding:10px 12px;border-radius:7px}
 .studio-docked #studio-library{display:none}
 .studio-docked #studio-status{grid-column:1/-1;font:400 14px/1.5 var(--font-ui)}
 .studio-library-panel,.studio-cost-panel{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px 18px;background:var(--paper)}
 .studio-library-panel{border-right:1px solid var(--line)}
 .studio-cost-panel{border-left:1px solid var(--line)}
 .studio-library-panel h2,.studio-cost-panel h2{font:500 24px/1.2 var(--font-title);letter-spacing:-.5px;margin:10px 0 14px}
 .studio-library-panel p{font:400 14px/1.5 var(--font-ui);color:var(--muted);margin:12px 0}
 .studio-library-panel .eyebrow{font:600 12px/1.4 var(--font-ui);letter-spacing:1px}
 .studio-library-panel #draft-library-status{padding-bottom:12px;border-bottom:1px solid var(--line)}
 .studio-library-panel #draft-new{min-height:44px;font:600 14px/1.4 var(--font-ui);border-radius:7px;padding:12px}
 .studio-library-panel #draft-library-refresh{font:600 14px/1.4 var(--font-ui);min-height:40px}
 .studio-library-panel .draft-library-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px;padding:10px 0}
 .studio-library-panel .draft-library-card{padding:4px 0;gap:8px!important;align-items:flex-start}
 .studio-library-panel .draft-library-image{width:40px;height:48px}
 .studio-library-panel .draft-library-card strong{font:600 14px/1.4 var(--font-ui)}
 .studio-library-panel .draft-library-card small{font:400 12px/1.5 var(--font-ui)}
 .studio-library-panel .draft-library-delete{padding:6px;min-height:44px;font:600 14px/1.4 var(--font-ui);border:0;background:transparent;color:#974c37}
 .studio-cost-panel .studio-metrics{margin:22px 0;gap:10px;font:400 14px/1.5 var(--font-ui);text-align:left;max-width:none}
 .studio-cost-panel .studio-metrics strong{font:500 20px/1.2 var(--font-data)}
 .studio-cost-panel #studio-cost,.studio-cost-panel #studio-footprint{font-family:var(--font-data);font-size:14px}
 .studio-cost-panel .studio-coverage{display:grid;grid-template-columns:1fr;gap:14px;margin:20px 0;padding:18px 0;background:transparent;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0}
 .studio-cost-panel .studio-coverage[hidden]{display:none}
 .studio-cost-panel .balance-breakdown>div{display:flex;align-items:center;justify-content:space-between;gap:14px}
 .studio-cost-panel .balance-breakdown dt{font:400 14px/1.5 var(--font-ui)}
 .studio-cost-panel .balance-breakdown dd{font:500 14px/1.4 var(--font-data);white-space:nowrap;margin:0}
 .studio-cost-panel .studio-coverage .balance-after{border-left:0;border-top:1px solid var(--line);padding:14px 0 0;grid-column:auto}
 .studio-cost-panel #studio-place{width:100%;font:600 14px/1.4 var(--font-ui);border-radius:7px;min-height:46px;padding:12px}
 .studio-docked .studio-empty{width:min(330px,82%)}
 .studio-docked .studio-empty h2{font:500 24px/1.2 var(--font-title)}
 .studio-docked .workspace .world .build-dock{bottom:86px}
 .studio-docked .workspace .world .world-bottom{left:8px;right:8px;bottom:18px;justify-content:center}
 .studio-docked .world .zoom{max-width:100%;gap:0}
 .studio-docked .world .zoom button{min-width:32px;padding-inline:5px}
 .studio-docked .world .zoom #explore-mode{font-size:12px;min-width:80px}
 .studio-docked .world .zoom .bearing,.studio-docked .world .zoom .control-divider{display:none}
}
@media(max-width:999px){
 .studio-page .workspace{grid-template-columns:minmax(0,1fr)}
 .studio-page .studio-toolbar{grid-template-columns:1fr auto}
 .studio-page .studio-toolbar .studio-tools{grid-column:1/-1}
}

