/* Filofax-style section tabs, independently scrolling trays and a persistent model. */
body.studio-layout:not(.aw-home){overflow:hidden;background:#e7ebf0}
.studio-layout:not(.aw-home)>header{height:68px;box-sizing:border-box;padding:12px 24px}
.studio-layout:not(.aw-home)>.layout,.studio-layout:not(.aw-home)>#tabs{display:none!important}
#studio-shell{display:none}
.studio-layout:not(.aw-home) #studio-shell{display:grid;position:fixed;inset:68px 0 0;grid-template-columns:78px 390px minmax(0,1fr);background:#e7ebf0}
#studio-tabs{display:flex;flex-direction:column;gap:5px;padding:18px 0 12px 8px;background:#133b3f;border:0;overflow-y:auto}
#studio-tabs .studio-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:69px;padding:10px 3px;margin:0;background:#21494c;color:#bed4d1;border:0;border-left:3px solid #4d7777;border-radius:9px 0 0 9px;font-size:10px;letter-spacing:.2px;font-weight:600;cursor:pointer}
#studio-tabs .studio-tab:nth-child(3n+2){border-left-color:#7ca8bc}#studio-tabs .studio-tab:nth-child(3n){border-left-color:#bdab80}
#studio-tabs .studio-tab:hover{background:#315c5c;color:white}#studio-tabs .studio-tab.studio-active{background:#fbfcfb;color:#164e46;border-left-color:#6dd5b0}
.studio-tab-mark{font-size:21px;line-height:23px;font-weight:400}
#studio-tray{padding:0;background:#fbfcfb;min-width:0;overflow:hidden;border-right:1px solid #c7d4d1;box-shadow:5px 0 20px #244c3e0a;display:flex;flex-direction:column}
.studio-tray-head{display:flex;align-items:center;gap:8px;padding:22px 20px 16px;border-bottom:1px solid #dce5e1;flex-shrink:0}
.studio-tray-head>div{flex:1}.studio-tray-head span{font-size:8px;letter-spacing:1.8px;color:#7c928a;font-weight:700}.studio-tray-head h2{font-size:24px;letter-spacing:-.7px;margin:6px 0 0;color:#1c4843}.studio-tray-head button{padding:5px 9px;background:transparent;border:1px solid #d9e4df;font-size:20px;color:#56756b}
#studio-pages{padding:18px;overflow:auto;min-height:0;flex:1;scrollbar-width:thin}
#studio-pages>.studio-page{padding:0;margin:0;border:0;background:transparent;box-shadow:none;display:block;min-width:0}
#studio-pages>.studio-page[hidden]{display:none!important}
#studio-pages .panel{padding:16px;margin:0 0 14px;border-radius:9px;box-shadow:none}
#studio-pages h2{font-size:17px;letter-spacing:-.2px}#studio-pages .aw-report-heading h2{font-size:22px}#studio-pages .aw-report-heading{display:block;margin:0 0 16px}
#studio-pages p{line-height:1.65}#studio-pages label{font-size:11px;color:#58726b}#studio-pages input,#studio-pages select{font-size:12px;padding:10px;border-radius:6px}#studio-pages button{font-size:11px}
#studio-pages .eng-grid,#studio-pages .aw-grid,#studio-pages .cc-basic-grid,#studio-pages #cc-unit-duty #unit-duty-fields,#studio-pages #cc-access #service-properties{display:grid;grid-template-columns:1fr;gap:8px}
#studio-pages .toolbar{flex-wrap:wrap;gap:8px}#studio-pages .metrics{grid-template-columns:1fr 1fr}#studio-pages .row{flex-wrap:wrap}
#studio-pages #component-context{margin:0;border:0}#studio-pages .cc-heading{padding:0 0 16px;background:none;gap:10px}#studio-pages .cc-heading h2{font-size:21px}#studio-pages .cc-heading .badge{font-size:9px}#studio-pages .cc-symbol{flex-basis:34px;height:34px;font-size:20px;border-radius:8px}
#studio-pages #cc-tabs{padding:8px 0;gap:2px;flex-wrap:wrap;background:none}#studio-pages #cc-tabs button{padding:8px}#studio-pages #component-context [data-cc-pane]{padding:12px 0}#studio-pages #configure>.toolbar,#studio-pages #configure>.metrics,#studio-pages #configure>.panel:not(#component-context){display:none}
#studio-pages #library{display:grid;grid-template-columns:1fr 1fr;gap:7px}#studio-pages #library>*{margin:0;padding:12px 9px;font-size:11px}#studio-pages .cc-unit-shortcut{margin:18px 0 0}#studio-pages .aw-size-scroll{max-width:100%}
#studio-model{display:flex;flex-direction:column;min-width:0;min-height:0;padding:14px 18px 10px;overflow:hidden;background:#e7ebf0}
#studio-model .aw-pathbar{flex-shrink:0;padding:0 4px 10px;font-size:10px;gap:8px}#studio-model .aw-pathbar>div:first-child{max-width:75%;line-height:1.7}#studio-model .aw-pathbar button{padding:7px 10px;font-size:10px}
#studio-model #dropzone{display:flex;flex-direction:column;flex:1;min-height:0;margin:0;border:1px solid #cbd5da;box-shadow:none;border-radius:12px;overflow:hidden}
.studio-layout:not(.aw3-focus) #studio-model .aw3-viewport{flex:1;min-height:100px;height:auto}
#studio-model .aw3-top{padding:16px 18px 10px}#studio-model .aw3-top h3{font-size:18px}#studio-model .aw3-bar{padding:0 18px 10px;gap:7px}#studio-model .aw3-bar button{padding:7px 8px}#studio-model .aw3-hud{padding:9px 16px}#studio-model .aw3-hud>span{font-size:9px}#studio-model .aw3-bottom{padding:9px 16px}
#studio-model #sequence{flex-shrink:0;display:flex;overflow:auto;max-height:80px;margin:10px 0 0;padding:0 0 4px;gap:6px}#studio-model #sequence>*{flex-shrink:0}
#studio-model .aw3-export{margin:4px 0 0;min-height:25px;flex-shrink:0}#studio-model .aw3-export p{font-size:9px;margin:0}#studio-model .aw3-export button{padding:5px 9px;font-size:10px}
#studio-tools-list{display:flex;flex-direction:column;gap:7px}#studio-tools-list button{text-align:left;padding:13px;background:white;border:1px solid #dce5df}.studio-help{color:#71857c;font-size:12px}
.studio-layout:not(.aw-home) #studio-shell.studio-closed{grid-template-columns:78px minmax(0,1fr)}.studio-closed #studio-tray{display:none}
.studio-layout:not(.aw-home) #studio-shell.studio-wide:not(.studio-closed){grid-template-columns:78px min(630px,52vw) minmax(0,1fr)}
#studio-tabs button:focus-visible,#studio-tray button:focus-visible{outline:3px solid #54b99a;outline-offset:-3px}
@media(max-width:1000px){.studio-layout:not(.aw-home) #studio-shell{grid-template-columns:65px 330px minmax(0,1fr)}.studio-layout:not(.aw-home) #studio-shell.studio-closed{grid-template-columns:65px minmax(0,1fr)}#studio-model{padding:10px}#studio-model .aw3-hud>span,#studio-model .aw3-concept{display:none}#studio-model .aw3-export p{display:none}}
@media(max-width:700px){.studio-layout:not(.aw-home)>header{height:62px;padding:10px 12px}.studio-layout:not(.aw-home)>header small{display:none}.studio-layout:not(.aw-home) #studio-shell,.studio-layout:not(.aw-home) #studio-shell.studio-wide:not(.studio-closed){inset:62px 0 0;grid-template-columns:56px minmax(0,1fr)}#studio-tabs{padding:10px 0 8px 5px}#studio-tabs .studio-tab{font-size:9px;min-height:60px}#studio-tray{position:absolute;left:56px;top:0;bottom:0;width:min(360px,calc(100% - 56px));z-index:20;box-shadow:12px 0 24px #183c3c22}.studio-layout:not(.aw-home) #studio-shell.studio-closed{grid-template-columns:56px minmax(0,1fr)}#studio-model{grid-column:2}#studio-pages{padding:14px}#studio-model .aw-pathbar>div:first-child{display:none}#studio-model .aw3-top{padding:12px}#studio-model .aw3-top h3{font-size:14px}#studio-model .aw3-top>button{font-size:9px;padding:6px}.studio-tray-head{padding:15px}}

#studio-model>.aw3-export{display:flex!important}

/* The model is the workspace background. Tabs, trays and controls float over it. */
.studio-layout:not(.aw-home) #studio-shell,.studio-layout:not(.aw-home) #studio-shell.studio-closed,.studio-layout:not(.aw-home) #studio-shell.studio-wide:not(.studio-closed){display:block}
#studio-model{position:absolute;inset:0;padding:0;display:block;overflow:hidden}
#studio-model #dropzone{position:absolute;inset:0;display:block;border:0;border-radius:0;box-shadow:none;margin:0}
.studio-layout:not(.aw3-focus) #studio-model .aw3-viewport{position:absolute;inset:0;width:100%;height:100%;min-height:0}
#studio-tabs{position:absolute;inset:0 auto 0 0;width:78px;box-sizing:border-box;z-index:25;background:#133b3fe8}
#studio-tray{position:absolute;inset:0 auto 0 78px;width:390px;z-index:24;box-shadow:12px 0 30px #183c3c1a}
.studio-wide #studio-tray{width:min(630px,calc(100% - 78px))}
#studio-model .aw3-top{position:absolute;top:16px;left:96px;right:20px;z-index:2;padding:0;pointer-events:none}
#studio-model .aw3-top>button{pointer-events:auto;background:#f7fbf8e8}
#studio-model .aw3-bar{position:absolute;top:92px;left:96px;right:20px;z-index:2;padding:0;justify-content:flex-start;pointer-events:none}
#studio-model .aw3-bar button{pointer-events:auto;background:#f7fbf8e8}
#studio-model .aw-pathbar{position:absolute;top:142px;left:96px;right:20px;z-index:3;pointer-events:none;justify-content:flex-start}
#studio-model .aw-pathbar>div:first-child{display:none}#studio-model .aw-pathbar button{pointer-events:auto}
#studio-model .aw3-bottom{position:absolute;bottom:112px;left:96px;right:20px;z-index:2;background:transparent;border:0;padding:0;pointer-events:none}
#studio-model .aw3-bottom button{pointer-events:auto;background:#f7fbf8e8}
#studio-model .aw3-hud{position:absolute;bottom:83px;left:96px;right:20px;z-index:2;background:transparent;padding:0;pointer-events:none}
#studio-model #sequence{position:absolute;bottom:14px;left:96px;right:20px;z-index:3;margin:0;max-height:65px}
#studio-model .aw3-fit-review{display:none}
#studio-model>.aw3-export{position:absolute;top:140px;right:20px;z-index:3;margin:0;pointer-events:none}#studio-model>.aw3-export p{display:none}#studio-model>.aw3-export button{pointer-events:auto;background:#f7fbf8e8}
@media(max-width:1000px){#studio-tabs{width:65px}#studio-tray{left:65px;width:330px}#studio-model .aw3-top,#studio-model .aw3-bar,#studio-model .aw-pathbar,#studio-model .aw3-bottom,#studio-model .aw3-hud,#studio-model #sequence{left:80px}}
@media(max-width:700px){#studio-tabs{width:56px}#studio-tray{left:56px;width:min(360px,calc(100% - 56px))}.studio-wide #studio-tray{width:calc(100% - 56px)}#studio-model .aw3-top,#studio-model .aw3-bar,#studio-model .aw-pathbar,#studio-model .aw3-bottom,#studio-model .aw3-hud,#studio-model #sequence{left:68px;right:12px}#studio-model .aw3-top{top:12px}#studio-model .aw3-bar{top:88px}#studio-model .aw-pathbar{top:210px}#studio-model>.aw3-export{display:none!important}#studio-model .aw3-bottom>div:first-child{display:none}#studio-model .aw3-hud{bottom:92px}#studio-model .aw3-hud b{font-size:10px}}
body.studio-layout #studio-model{max-width:none;width:auto;margin:0;padding:0}

#studio-model .aw3-bar button.active{background:#245f50;color:#fff}

/* Keep camera and air-path controls clear of an open left-hand tray. */
#studio-model .aw3-bar{left:auto;right:20px;max-width:calc(100% - 500px);justify-content:flex-end}
#studio-model .aw-pathbar{left:auto;right:20px;top:174px;justify-content:flex-end}
#studio-model>.aw3-export{top:216px}
#studio-review-summary{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 18px}
#studio-review-findings details{margin:12px 0;border-top:1px solid #dce5df;padding-top:12px}
#studio-review-findings summary{font-weight:650;cursor:pointer;font-size:12px}
.studio-finding{margin:10px 0;padding:12px;border-left:3px solid #83a5ab;background:#edf3f3;border-radius:4px;font-size:12px}
.studio-finding.error{border-left-color:#ba5a44;background:#fff0ec}.studio-finding.warning{border-left-color:#c49c45;background:#fff8e9}.studio-finding p{margin:6px 0}
#studio-undo:disabled,#studio-redo:disabled{opacity:.45;cursor:default}
@media(max-width:1000px){#studio-model .aw3-bar{max-width:calc(100% - 420px)}}
@media(max-width:700px){#studio-model .aw3-bar{left:auto;right:12px;max-width:calc(100% - 80px);top:88px}#studio-model .aw-pathbar{left:auto;right:12px;top:230px}.studio-layout>header .brand{display:none}.studio-layout>header{justify-content:flex-end}.studio-layout>header>div:last-child{display:flex;gap:3px}.studio-layout>header button{font-size:10px;padding:7px 6px}}

.studio-wide #studio-model .aw3-bar{max-width:calc(100% - 740px)}
@media(max-width:700px){.studio-wide #studio-model .aw3-bar{max-width:calc(100% - 80px)}}