@import url('/brand.css');
:root{font-family:var(--font);color:var(--text);background:var(--bg);font-size:13px}*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column;overflow:hidden}button,input,select{font:inherit}button,.button{border:1px solid var(--line);border-radius:7px;background:#2c3227;color:var(--text);padding:9px 12px;cursor:pointer;text-decoration:none;text-align:center;transition:background .15s}button:hover,.button:hover{background:#3b4532}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary{background:var(--accent);color:#1d1a16;border-color:var(--accent);font-weight:650}.primary:hover{background:var(--accent-hover)}.quiet{background:transparent;border-color:transparent;color:#c1c0bb}.wide{display:block;width:100%;margin-top:16px}.app-header{height:64px;flex-shrink:0;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--line);gap:28px;background:var(--bg)}.brand{display:flex;align-items:center;gap:8px;color:var(--text);text-decoration:none;font-size:20px;font-weight:650;letter-spacing:-.8px}.brand-icon,.brand-dot{color:var(--accent)}.brand-icon{font-size:28px}.brand-dot{margin-left:-7px}.workspace-label,.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px;color:var(--muted)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.local{font-size:11px;color:var(--muted);margin-right:8px}.local i{display:inline-block;width:5px;height:5px;background:#a8be97;border-radius:50%;margin-right:6px}.projectbar{display:flex;align-items:center;gap:24px;padding:14px 24px;border-bottom:1px solid var(--line);background:var(--panel);flex-shrink:0}.project-picker{width:220px;padding-right:22px;border-right:1px solid var(--line)}.project-picker label{font-size:9px;letter-spacing:1.5px;margin:0}.project-picker select{margin:2px 0 0;padding:3px 20px 3px 0;border:0;background:transparent;font-size:16px;font-weight:550}.stage-tabs{display:flex;align-items:center;gap:12px}.stage-tabs button{background:transparent;border-color:transparent;color:#aaa9a5;white-space:nowrap}.stage-tabs button[aria-pressed=true]{background:#343a2e;border-color:#708060;color:var(--text)}.stage-tabs button span{font-size:10px;opacity:.6;margin-right:7px}.stage-tabs small{font-size:9px;margin-left:6px;border:1px solid #4e4b46;padding:2px 4px;border-radius:3px}.stage-tabs b{font-weight:400;color:#646365}#focus{margin-left:auto;white-space:nowrap}main{display:grid;grid-template-columns:minmax(0,1fr) 300px;flex:1;min-height:0}.workspace{display:flex;flex-direction:column;min-height:0;min-width:0;padding:22px 24px 14px;gap:12px}.viewbar{display:flex;align-items:center;justify-content:space-between;gap:12px}h1{font-size:19px;font-weight:550;margin:5px 0;letter-spacing:-.5px}h2{font-size:18px;font-weight:550;margin:8px 0}p{font-size:12px;color:var(--muted);line-height:1.6}.segmented{display:flex;border:1px solid var(--line);border-radius:7px;padding:3px;flex-shrink:0}.segmented button{font-size:11px;border:0;background:transparent;padding:6px 10px;color:#a8a8a5}.segmented .selected{background:#41403c;color:#f4e7d1}#viewport{flex:1;min-height:150px;border:1px solid #393a39;border-radius:12px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 50% 40%,#3d4534,#23281f 80%)}canvas{display:block;width:100%;height:100%;touch-action:none}#empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:2;background:#23281f}#empty p{max-width:270px}.empty-icon{font-size:54px;color:var(--accent)}#photoWrap{position:absolute;inset:24px;z-index:2;pointer-events:none}#photo{width:100%;height:100%;object-fit:contain}#loading{position:absolute;top:18px;left:18px;padding:10px 16px;background:#20211fec;border-radius:6px;z-index:3}#measure{position:absolute;left:16px;bottom:14px;font-size:10px;color:#b1b4aa;z-index:3;pointer-events:none}#viewStatus{position:absolute;left:18px;top:18px;color:#f4b9a2;font-size:12px;z-index:4}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.controlgroup{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.controlgroup span{font-size:8px;letter-spacing:1px;color:var(--muted);margin-right:6px}.controlgroup button{font-size:10px;padding:6px 8px;background:#232526}.controlgroup button:hover{background:#414340}.underbar{display:flex;justify-content:space-between;font-size:10px;color:#858887;gap:8px}.underbar b{margin:0 5px;font-weight:400}aside{background:var(--panel);border-left:1px solid var(--line);overflow-y:auto;padding:22px 20px}.inspector-head p{margin-bottom:0}section{padding:18px 0;border-bottom:1px solid var(--line)}label{display:block;color:#b9b9b4;font-size:11px;margin:12px 0 8px}select,input[type=number],input[type=text]{display:block;width:100%;margin-top:7px;background:var(--bg);color:#e7e6df;border:1px solid var(--line);border-radius:6px;padding:10px;min-width:0}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pair label{margin-top:0}.hint{font-size:11px;line-height:1.65;color:#999b98}.notice{font-size:11px;line-height:1.65;margin-top:12px;border-left:2px solid #b9a380;padding:4px 0 4px 12px;color:#c4c4ba}details{margin-top:14px;border:1px solid #3a3c3c;border-radius:6px;padding:0 10px}summary{padding:10px 0;font-size:11px;cursor:pointer;color:#b6b8b1}.check{display:flex;align-items:center;gap:7px}.jobs h2{font-size:14px}.jobhead{display:flex;align-items:center;justify-content:space-between;gap:6px}#jobLinks{display:flex;gap:5px}#jobLinks button{font-size:10px;padding:6px 9px}#jobStatus{overflow-wrap:anywhere;font-size:11px}pre{font:10px/1.5 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:200px;overflow:auto}.viewer-expanded main{grid-template-columns:minmax(0,1fr)}.viewer-expanded aside{display:none}dialog{width:min(460px,calc(100% - 32px));border:1px solid #484543;background:var(--panel);color:var(--text);border-radius:16px;padding:28px}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head button{font-size:22px;padding:0 5px}dialog h2{font-size:25px}.upload{padding:20px 14px;border:1px dashed #7d6a5c;border-radius:8px;background:#302b26;cursor:pointer;text-align:center;color:#e8c4a9}.upload input{display:block;max-width:100%;margin:14px auto;font-size:11px}.upload span{display:block;font-size:10px;color:#aaa49b;overflow-wrap:anywhere}#importStatus{color:var(--accent)}#toast{position:fixed;bottom:22px;right:22px;max-width:min(450px,90vw);background:#422e24;color:#ffe4d5;padding:16px 22px;border:1px solid #af7963;border-radius:8px;z-index:100}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1100px){.workspace-label{display:none}.projectbar{gap:10px;padding:12px 18px}.project-picker{width:165px;padding-right:12px}.stage-tabs{gap:2px}.stage-tabs small{display:none}.workspace{padding:16px}.stage-tabs button{padding:8px}main{grid-template-columns:minmax(0,1fr) 270px}aside{padding:18px 16px}}@media(max-width:760px){body{height:auto;min-height:100dvh;overflow:auto}.app-header{padding:0 14px}.local,#refresh{display:none}.projectbar{flex-wrap:wrap;gap:10px}.project-picker{width:calc(100% - 145px);border:0}.stage-tabs{order:3;width:100%;justify-content:center}#focus{margin-left:auto}.workspace{height:70dvh;min-height:460px}main{display:flex;flex-direction:column}aside{border-left:0;border-top:1px solid var(--line)}.viewbar{flex-wrap:wrap}.toolbar{gap:8px}.underbar{font-size:9px}.viewer-expanded .workspace{height:calc(100dvh - 188px)}h1{font-size:17px}}

textarea{display:block;width:100%;margin-top:8px;background:var(--bg);color:#e7e6df;border:1px solid var(--line);border-radius:6px;padding:10px;font:inherit;resize:vertical}#searchResults button{display:block;width:100%;margin:8px 0;text-align:left}

input[type=email],textarea{display:block;width:100%;margin-top:7px;background:var(--bg);color:#e7e6df;border:1px solid var(--line);border-radius:6px;padding:10px;font:inherit} .print-service h2{font-size:20px;margin:10px 0}.print-order{margin-top:14px;padding:12px;border:1px solid #555047;border-radius:8px}.print-order p{font-size:12px;line-height:1.6}.print-order a{display:block;text-align:center}#printStatus{font-size:12px;color:var(--accent)}

.generation-notice{flex-shrink:0;padding:12px 22px;background:#273a31;border-bottom:1px solid #466251;color:#e4f2e7;font-size:13px;line-height:1.5}

/* Match the public Pixel to Sculpture wordmark. */
.brand-to{font-weight:400;color:#aaa}
.app-header .brand{gap:0}.app-header .brand-dot{margin-left:0}
@media(max-width:760px){.app-header .brand{font-size:16px}.app-header .brand-icon{font-size:24px;margin-right:6px}}

@media(max-width:540px){.app-header{height:auto;min-height:64px;flex-wrap:wrap;gap:12px;padding:14px}.app-header .header-actions{width:100%;justify-content:space-between;gap:8px}.app-header .header-actions button{white-space:nowrap}.app-header .brand{gap:0}.app-header .brand-icon{margin-right:8px}}

/* The task stays visible above the model, including while processing. */
.journey{display:flex;align-items:center;gap:24px;padding:16px 24px;border-bottom:1px solid var(--line);background:#252321;flex-shrink:0}
.journey ol{display:flex;gap:12px;list-style:none;padding:0;margin:0;font-size:10px;color:var(--muted);white-space:nowrap}
.journey li{display:flex;gap:6px;align-items:center}.journey li[aria-current]{color:var(--accent)}.journey li.complete{color:#b5c8aa}
.journey-copy{flex:1;min-width:0}.journey-copy strong{font-size:14px;font-weight:600}.journey-copy p{margin:4px 0 0;font-size:12px;max-width:720px}.journey.attention{border-bottom-color:#9f785e}
#journeyAction{flex-shrink:0}.studio-footer{display:flex;justify-content:flex-end;gap:20px;padding:8px 24px;border-top:1px solid var(--line);font-size:11px;flex-shrink:0}.studio-footer a{color:var(--muted)}
.studio-skip{position:absolute;top:-100px;z-index:101;background:var(--accent);color:var(--bg);padding:14px}.studio-skip:focus{top:0}
dialog{max-height:calc(100dvh - 32px);overflow-y:auto}fieldset{border:0;margin:0;padding:0;min-width:0}fieldset:disabled{opacity:.75}
#uploadPreview{display:block;max-width:100%;max-height:170px;object-fit:contain;margin:14px auto 0}.upload.dragging{border-color:var(--accent);background:#3b3029}
button,.button{min-height:40px}a{color:var(--accent)}#reviewHint{min-height:36px}#viewStatus{max-width:calc(100% - 36px);overflow-wrap:anywhere}
#empty{padding:24px}#modelName{overflow-wrap:anywhere}.app-header .brand{flex-shrink:0}.project-picker select{max-width:100%;text-overflow:ellipsis}
@media(max-width:1100px){.journey{gap:16px}.journey ol{display:none}}
@media(max-width:760px){
 button,.button{min-height:44px}input,select,textarea{font-size:16px!important}
 .journey{padding:14px 16px;gap:12px;flex-wrap:wrap}.journey-copy{flex-basis:65%}#journeyAction{width:100%}
 .stage-tabs button{flex:1;min-width:0}.stage-tabs button span{margin-right:4px}.projectbar{padding-inline:14px}
 .controlgroup button{min-width:44px}.toolbar{align-items:flex-start}.underbar{flex-wrap:wrap}
 .workspace{height:65dvh;min-height:480px}.app-header .header-actions{flex-wrap:wrap}
 .studio-footer{padding-bottom:max(12px,env(safe-area-inset-bottom));justify-content:center}
 dialog{padding:22px}.dialog-head button{min-width:44px}#viewport{scroll-margin-top:20px}
}
.session-notice{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:16px 24px;background:#34281f;border-bottom:1px solid #8c5947;flex-shrink:0}.session-notice p{margin:4px 0 0;color:#f0c8b6}.session-notice>div{flex:1}.session-notice>a{font-size:12px}.brand-icon{margin-right:8px}.model-tools{display:flex;gap:5px;padding:5px;background:#262d20;border:1px solid #454f39;border-radius:7px;margin-top:20px}.model-tools button{flex:1;font-size:11px;background:transparent;border:0;color:var(--muted)}.model-tools button[aria-pressed=true]{background:#343a2e;color:var(--text)}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* One viewer and one shared dock. Opening tools never adds a third column. */
:root{font-size:14px}
.app-header{height:60px;padding:0 20px;gap:16px}
.header-actions{gap:8px}.header-actions>button{white-space:nowrap}
.workspace-label{font-size:11px;letter-spacing:1.4px}.eyebrow{font-size:10px}
.account-menu{position:relative;border:0;margin:0;padding:0;flex-shrink:0}
.account-menu>summary{padding:12px;font-size:13px;color:var(--text);list-style:none}
.account-menu>summary::after{content:'⌄';margin-left:8px}
.account-menu>div{position:absolute;right:0;top:48px;z-index:20;width:210px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px #0006}
.account-menu button{display:block;text-align:left;width:100%;font-size:14px}
.account-menu .local{display:block;margin:4px 10px 10px;font-size:12px}
.projectbar{padding:10px 20px;gap:18px}.project-picker{width:190px;min-width:120px}
.project-picker label{font-size:10px}.project-picker select{font-size:15px}
.stage-tabs{gap:4px}.stage-tabs small,.stage-tabs b{display:none}
.stage-tabs button{padding:8px 12px;font-size:13px}.stage-tabs button span{font-size:11px}
.dock-controls{display:flex;gap:4px;margin-left:auto;flex-shrink:0}.dock-controls button{white-space:nowrap;font-size:12px}
.dock-controls button[aria-expanded=true]{color:var(--accent);background:#282620}
main,.tools-open main{display:grid;grid-template-columns:minmax(0,1fr) clamp(290px,28vw,360px);position:relative;min-width:0}
.workspace{grid-column:1;grid-row:1;padding:16px 20px 12px;gap:12px;overflow:auto}
.viewbar h1{font-size:20px;margin:4px 0}.segmented button{font-size:12px;min-height:34px}
#viewport{min-height:220px}.toolbar{gap:10px}.controlgroup button{font-size:12px;min-height:34px;padding:6px 10px}
.controlgroup span{font-size:10px}.asset-actions{display:flex;gap:8px;flex-wrap:wrap}.asset-actions button{font-size:12px}
.underbar{font-size:11px}#measure{font-size:11px}
.workspace .journey{padding:4px 10px 4px 12px;border:1px solid var(--line);border-radius:8px;gap:12px;background:#202320}
.workspace .journey ol{display:none}.journey-copy{border:0;margin:0;padding:0}
.journey-copy summary{font-size:12px;color:#c5cfbf;padding:8px 0;line-height:1.4}
.journey-copy p{font-size:12px;margin:0 0 10px}.journey.attention{background:#302820;border-color:#9f785e}
.journey.attention summary{color:#ffbd9f}.workspace #journeyAction{font-size:12px;padding:6px 10px;background:transparent;color:var(--accent);border-color:transparent;min-height:34px}
.pixi-panel,#inspector{grid-column:2;grid-row:1;min-width:0;min-height:0;background:var(--panel);border:0;border-left:1px solid var(--line);padding:18px;overflow-y:auto}
.pixi-panel{display:flex;flex-direction:column;gap:12px}
#inspector{display:none}.tools-open #inspector{display:block}.tools-open .pixi-panel{display:none}
.viewer-expanded main,.dock-hidden main{grid-template-columns:minmax(0,1fr)}
.viewer-expanded #inspector,.viewer-expanded .pixi-panel,.dock-hidden #inspector,.dock-hidden .pixi-panel{display:none}
.inspector-close,.pixi-header,.pixi-header>div,.pixi-header-actions{display:flex;align-items:center;gap:8px}
.inspector-close,.pixi-header{justify-content:space-between}.inspector-close button{font-size:12px}
.inspector-close>button:last-child,.pixi-header-actions>button:last-child{font-size:24px;padding:2px 8px}
.pixi-header{flex-wrap:wrap}.pixi-header h2{margin:0;font-size:21px}.pixi-mark{font-size:28px;color:var(--accent)}
#pixiConnection{font-size:11px;color:var(--muted)}.pixi-header button{font-size:11px;padding:6px 4px}
.pixi-context{margin:0;font-size:12px;padding-bottom:12px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
#pixiMessages{flex:1;min-height:80px;overflow-y:auto;padding-right:4px;overscroll-behavior:contain}
.pixi-message{padding:10px 0}.pixi-message>strong{font-size:12px;color:var(--accent)}.pixi-message.user>strong{color:var(--text)}
.pixi-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.65;color:var(--text);margin:8px 0}.pixi-message.user p{color:#c0c3b9}
.pixi-action{border:1px solid #635047;border-radius:8px;background:#2b2522;padding:14px;margin-top:12px}.pixi-action>strong{font-size:14px}
.pixi-action p{font-size:12px;color:var(--muted)}.pixi-action dl{font-size:12px;margin:12px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.pixi-action dt{color:var(--muted)}.pixi-action dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.pixi-action button{width:100%;min-height:44px}.pixi-action .pixi-outcome{color:var(--accent);margin-bottom:0}
.pixi-suggestions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pixi-suggestions button{font-size:12px;padding:8px;background:transparent;text-align:left;min-height:36px}
.pixi-has-messages .pixi-suggestions{display:none}
#pixiForm{display:flex;align-items:flex-end;gap:8px;border:1px solid #4b5145;border-radius:12px;padding:8px;flex-shrink:0}
#pixiForm:focus-within{border-color:var(--accent)}#pixiInput{background:transparent;color:var(--text);caret-color:var(--accent);resize:none;overflow-y:auto;border:0;outline:0;font:14px/1.5 var(--font);width:100%;min-width:0;min-height:46px;max-height:120px;margin:0;padding:4px}
#pixiInput::placeholder{color:var(--muted)}#pixiSend{display:grid;place-items:center;padding:8px;min-width:40px;min-height:40px;font-size:22px;line-height:1;color:var(--text)}
.pixi-foot{display:flex;align-items:center;gap:8px}.pixi-foot small{font-size:11px;color:var(--muted);line-height:1.5;flex:1}.pixi-foot button{font-size:11px;padding:6px}
#pixiStatus{font-size:11px;margin:0}#pixiError{margin:0;color:#ffc1a8;font-size:12px}
.studio-mobile-tabs{display:none}
#printSettings>.controlgroup{margin-bottom:18px}#printSettings>.controlgroup>span{width:100%;margin-bottom:4px}
.image-editor{width:min(980px,calc(100% - 32px));padding:24px}.image-editor h2{font-size:22px;margin:8px 0}
#editName{margin:4px 0 18px;overflow-wrap:anywhere}.image-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px}
.edit-preview{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}
#editCanvas{width:auto;height:auto;max-width:100%;max-height:42dvh;object-fit:contain;touch-action:auto;background:repeating-conic-gradient(#292c29 0% 25%,#202320 0% 50%) 50%/20px 20px}
.edit-controls label{font-size:12px;margin:12px 0 6px}.edit-controls output{float:right;color:var(--text)}.edit-controls input[type=range]{width:100%;accent-color:var(--accent);min-height:24px;margin:0}
.edit-controls select{font-size:14px}.edit-buttons{display:flex;gap:8px;margin:12px 0}.edit-buttons button{font-size:12px;flex:1}
.edit-bottom{display:flex;align-items:center;gap:24px;margin-top:20px}.edit-bottom p{flex:1;margin:0}.edit-bottom button{flex-shrink:0}
#editStatus{color:var(--accent);margin-bottom:0}.image-editor .dialog-head{gap:12px;align-items:flex-start}
.edit-history{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.edit-history button{font-size:12px;padding-inline:12px}
.edit-pixi{align-self:stretch;border-top:1px solid var(--line);margin-top:16px;padding-top:12px;min-width:0}
.edit-pixi label{color:var(--accent);font-size:14px;margin:0 0 8px}.edit-pixi>div{display:flex;align-items:flex-end;gap:8px}
.edit-pixi textarea{margin:0;min-width:0;flex:1;resize:vertical;font-size:14px;max-height:100px}.edit-pixi button{min-width:44px;font-size:20px;padding:8px}
.edit-pixi p{margin:10px 0 0;overflow-wrap:anywhere}.edit-preview{justify-content:flex-start}
.pixi-context-row{border-bottom:1px solid var(--line);padding-bottom:8px}.pixi-context-row .pixi-context{border:0;padding:0}
#pixiOperations{font-size:12px;color:var(--accent);padding:4px 0;min-height:30px}
.pixi-operations{width:min(760px,calc(100% - 32px))}.pixi-operations h2{font-size:24px;margin:8px 0}
#pixiOperationList{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-block:20px}
.pixi-operation{display:flex;flex-direction:column;text-align:left;gap:6px;padding:14px;background:var(--bg)}
.pixi-operation strong{font-size:14px;font-weight:500}.pixi-operation small{font-size:12px;line-height:1.4;color:var(--muted)}
@media(max-width:540px){#pixiOperationList{grid-template-columns:1fr}.edit-history button{min-height:44px}}
textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(min-width:901px) and (max-width:1150px){.workspace-label{display:none}.app-header{padding-inline:16px}.projectbar{padding-inline:16px;gap:8px}.project-picker{width:155px;padding-right:10px}.stage-tabs button{padding:8px}.stage-tabs button span{display:none}.dock-controls #focus{font-size:0;width:40px}.dock-controls #focus::before{content:'⤢';font-size:20px}.workspace{padding:12px}.pixi-panel,#inspector{padding:14px}.pixi-header{gap:4px}}
@media(max-width:900px){
 body{height:100dvh;min-height:0;overflow:hidden}.app-header{height:58px;min-height:58px;padding:0 14px;gap:8px;flex-wrap:nowrap}.workspace-label{display:none}
 .app-header .brand{font-size:17px}.app-header .brand-icon{font-size:24px;margin-right:6px}.header-actions{gap:4px}.app-header .header-actions{width:auto;flex-wrap:nowrap;justify-content:flex-end}.header-actions>button{font-size:12px;padding:8px}.account-menu>summary{font-size:12px;padding:10px 4px}
 #searchProjects{display:none}.account-menu #refresh{display:block}.projectbar{padding:8px 14px;gap:8px;flex-wrap:wrap}.project-picker{width:100%;border:0;padding:0;display:flex;align-items:center;gap:12px}.project-picker label{flex-shrink:0}.project-picker select{font-size:15px;margin:0;padding:4px 22px 4px 0}
 .stage-tabs{order:0;width:100%;gap:4px;justify-content:stretch}.stage-tabs button{flex:1;min-width:0;min-height:36px;font-size:12px;padding:6px}.dock-controls{display:none}
 .studio-mobile-tabs{display:flex;padding:6px 14px;gap:8px;border-bottom:1px solid var(--line);flex-shrink:0}.studio-mobile-tabs button{flex:1;min-height:40px;padding:7px;background:transparent;font-size:13px}.studio-mobile-tabs button[aria-pressed=true]{background:#343a2e;border-color:#708060}
 main,.tools-open main,.viewer-expanded main,.dock-hidden main{display:flex;flex-direction:column;min-height:0}
 main>.pixi-panel,main>.workspace,#inspector,.tools-open #inspector{display:none}
 body[data-mobile-panel=model] .workspace{display:flex;flex:1;height:auto;min-height:0;padding:12px;gap:10px;overflow-y:auto}
 body[data-mobile-panel=pixi] .pixi-panel{display:flex;flex:1;min-height:0;height:auto;overflow:hidden;padding:14px;border:0}
 body[data-mobile-panel=tools] #inspector{display:block;flex:1;border:0;padding:16px}
 .viewbar{flex-wrap:wrap;gap:6px}.viewbar h1{font-size:17px}.segmented{padding:2px}.segmented button{min-height:32px;font-size:11px;padding:5px 8px}
 #viewport{flex:1;min-height:240px;height:auto}.toolbar{flex-wrap:wrap;gap:8px}.controlgroup{gap:4px}.controlgroup>span{display:none}.controlgroup button{min-height:38px;min-width:38px;font-size:11px;padding:6px 8px}.asset-actions button{min-height:40px}.underbar{display:none}
 .workspace .journey{flex-wrap:nowrap;gap:8px;padding:4px 8px}.journey-copy{flex-basis:auto}.journey-copy summary{font-size:11px}.workspace #journeyAction{width:auto;max-width:45%;white-space:normal;font-size:11px;padding:4px}
 .pixi-suggestions button{min-height:44px}#pixiMessages{min-height:0}.pixi-header-actions>button:last-child,.inspector-close>button:last-child{display:none}.pixi-foot small{font-size:11px}#pixiInput{font-size:16px!important}
 .studio-footer{padding:6px 14px;font-size:11px}.image-editor{padding:18px}.image-editor-grid{grid-template-columns:1fr;gap:12px}.image-editor h2{font-size:20px}.edit-preview{padding:12px}#editCanvas{max-height:30dvh}.edit-bottom{flex-direction:column;align-items:stretch;gap:12px}.edit-controls input[type=range]{min-height:36px}
}
@media(max-width:460px){.app-header .brand{font-size:14px}.app-header .brand-icon{font-size:20px;margin-right:4px}.app-header .header-actions>button{font-size:11px;padding:7px}.account-menu>summary{font-size:11px}.app-header{padding-inline:10px}.pixi-foot small{font-size:10px}.workspace .eyebrow{display:none}.asset-actions{width:100%}.asset-actions button{flex:1}}

#mobileSearch{display:none}@media(max-width:900px){#mobileSearch{display:block}}
.color-picker{display:grid;grid-template-columns:80px 1fr;gap:12px}.color-picker input[type=color]{height:44px;width:100%;padding:4px;cursor:pointer}
.color-swatches{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.color-swatches button{background:var(--swatch);width:34px;min-height:34px;padding:0;border:2px solid #777;border-radius:50%}
#colorSettings h2{margin:8px 0}#colorSettings .edit-history{justify-content:flex-start;gap:6px}#colorSettings .edit-history button{font-size:12px;padding:8px}
#colorCompare[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.saved-version{display:flex;gap:6px;margin-top:8px}.saved-version>*{flex:1;font-size:12px;min-width:0;padding:10px;text-align:center}
.rig-tools{border-top:1px solid var(--line);margin-top:20px;padding-top:12px}.model-tools{flex-wrap:wrap}
body[data-color-edit=true] #workspaceHint{display:none}
body[data-color-edit=true] .inspector-head{display:none}
#colorSave{position:static}
@media(max-width:900px){
 body.tools-open[data-color-edit=true][data-mobile-panel=tools] .workspace{display:flex;flex:0 0 27dvh;min-height:180px;padding:8px 12px;gap:6px}
 body.tools-open[data-color-edit=true][data-mobile-panel=tools] .workspace #viewport{min-height:120px}
 body.tools-open[data-color-edit=true][data-mobile-panel=tools] .workspace .journey,body.tools-open[data-color-edit=true][data-mobile-panel=tools] .workspace .toolbar{display:none}
 body.tools-open[data-color-edit=true][data-mobile-panel=tools] #inspector{flex:1;min-height:0;border-top:1px solid var(--line);padding:12px 16px}
 body.tools-open[data-color-edit=true][data-mobile-panel=tools] #inspector>:not(#colorSettings):not(.inspector-close):not(#modelTools){display:none}
 #colorSettings .color-swatches button{min-height:38px;width:38px}
 #colorSettings>.eyebrow,#colorSettings>h2{display:none}
 body[data-color-edit=true] #inspector .inspector-close{margin-bottom:10px}
}
.image-editor>.dialog-head{position:sticky;top:-24px;background:var(--panel);z-index:1;padding-block:8px}
.version-picker{width:155px;min-width:100px;margin:0;font-size:10px;letter-spacing:.12em;color:var(--muted)}
.version-picker select{margin:2px 0 0;padding:5px 20px 5px 0;border:0;background-color:transparent;font-size:12px;max-width:100%;text-overflow:ellipsis}
.projectbar{gap:10px}.projectbar #newVersion{font-size:12px;white-space:nowrap;padding:8px}.project-picker{min-width:100px;max-width:200px;flex:1}
.surface-tools{border:1px solid var(--line);border-radius:10px;padding:12px;margin:12px 0;background:var(--bg)}
.surface-tools label{font-size:12px}.surface-tools input[type=range]{width:100%;margin:0;accent-color:var(--accent)}
.surface-tools button{min-height:40px;font-size:12px}.surface-tools #surfaceBrush{width:100%}
#surfaceBrush[aria-pressed=true]{background:var(--accent);color:#171917;border-color:var(--accent)}
#exportRecommendation{margin-top:8px}#useExportPreset{font-size:12px;padding:8px 0;color:var(--accent)}
#exportAdvanced,#importHelp{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}#importChecklist{padding-left:18px;font-size:12px;line-height:1.65}#importChecklist li+li{margin-top:8px}
@media(min-width:901px) and (max-width:1250px){.projectbar{flex-wrap:wrap}.projectbar .dock-controls{margin-left:auto}.projectbar .stage-tabs{order:2;width:100%;justify-content:center}.version-picker{width:145px}}
@media(max-width:900px){.projectbar .project-picker{width:auto;max-width:none;flex:1 1 45%;min-width:120px;display:block}.projectbar .project-picker label{font-size:10px}.version-picker{width:110px;flex:1 1 30%;min-width:90px}.projectbar .stage-tabs{order:2}.projectbar #newVersion{padding:6px;font-size:11px}.projectbar .version-picker select{font-size:12px;min-height:30px}.surface-tools input[type=range]{min-height:32px}body[data-surface-brush=true][data-mobile-panel=tools] .workspace{flex-basis:38dvh!important}}
@media(max-width:900px){.image-editor>.dialog-head{top:-18px}}
@media(max-width:900px) and (max-height:600px){
 body[data-mobile-panel=pixi] .projectbar{display:none}
 .pixi-foot,#pixiStatus,.pixi-suggestions{display:none}
 body[data-mobile-panel=pixi] .pixi-panel{gap:8px;padding:10px 14px}
 .pixi-context{padding-bottom:8px}
}