body.refined-editor.unified-panel-open #studio .workspace{grid-template-columns:76px minmax(300px,360px) minmax(0,1fr)!important}
body.refined-editor.unified-panel-open #studio .shared-task-surface{grid-column:2!important;grid-row:2!important;padding:0!important;min-height:0!important;max-height:calc(100dvh - 140px)!important;overflow:auto!important;background:#fff!important;border-right:1px solid #e1e6e3!important}
body.refined-editor.unified-panel-open #studio .canvas-editor{display:block!important;grid-column:3!important;grid-row:2!important;min-width:0!important}
body.refined-editor.unified-panel-open #studio .shared-task-surface>section:not([hidden]){padding:18px!important;border:0!important;border-radius:0!important;min-height:0!important}
body.refined-editor.unified-panel-open #studio .shared-task-surface>:is(#outfits#outfits,#art-browser#art-browser,#projects#projects,#spaces#spaces,#aiStudio#aiStudio){padding:18px!important;border:0!important}
.unified-panel-heading{position:sticky;top:0;z-index:15;background:white;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #e1e6e3;font:600 14px Arial;color:#243d34}
.unified-panel-heading button{border:0!important;background:transparent!important;color:#243d34!important;font:22px Arial!important;padding:4px 8px!important}
body.refined-editor.unified-panel-open .shared-task-surface :is(.pair,.project-grid,.space-grid,.ai-chat-layout,.ai-layout,.art-layout,.product-studio-grid){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
body.refined-editor.unified-panel-open .shared-task-surface :is(h1,h2){font-size:24px!important;line-height:1.2!important}
body.refined-editor.unified-panel-open .shared-task-surface :is(input,select,textarea){min-width:0!important;width:100%;box-sizing:border-box}
body.refined-editor.unified-panel-open .shared-task-surface img{max-width:100%!important}
@media(max-width:850px){body.refined-editor.unified-panel-open #studio .workspace{grid-template-columns:60px minmax(0,1fr)!important}body.refined-editor.unified-panel-open #studio .canvas-editor{grid-column:2!important}body.refined-editor.unified-panel-open #studio .shared-task-surface{position:fixed!important;left:60px!important;top:120px!important;bottom:0!important;width:min(360px,calc(100vw - 60px))!important;z-index:25!important;box-shadow:8px 0 24px #203b3020}}
body.refined-editor.unified-panel-open #studio .workspace>.refined-editor-heading{grid-column:1 / -1!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;min-width:0!important}body.refined-editor.unified-panel-open .refined-editor-heading #draftSaveStatus{white-space:nowrap!important;flex-shrink:0!important}

/* Docked libraries share the interface palette, including all interactive controls. */
body.refined-editor.unified-panel-open #studio .shared-task-surface{font:13px/1.5 Arial,sans-serif!important;background:var(--ui-surface,#fff)!important;color:var(--ink,#243d34)!important}
body.refined-editor.unified-panel-open #studio .shared-task-surface :is(h2,h3){font-family:Arial,sans-serif!important;letter-spacing:0!important}
body.refined-editor.unified-panel-open #studio #projects h2{font-size:20px!important;margin:4px 0 20px!important}
body.refined-editor.unified-panel-open #studio #projects h3{font-size:15px!important}
body.refined-editor.unified-panel-open #studio #projects button{min-height:36px!important;font:13px Arial,sans-serif!important;padding:9px 12px!important}
html body.refined-editor[data-theme=midnight] #studio .shared-task-surface :is(#projects,#art-browser,#spaces,#outfits){background:#202c27!important;color:#e6eee9!important}
html body.refined-editor[data-theme=midnight] #studio .shared-task-surface :is(.project-card,input,select,textarea,button){background:#293b30!important;color:#e6eee9!important;border-color:#52685a!important}
html body.refined-editor[data-theme=midnight] #studio .shared-task-surface :is(p,label,h2,h3,summary){color:#d3e1d8!important}
html body.refined-editor[data-theme=midnight] .unified-panel-heading button{background:transparent!important;color:#e6eee9!important}
@media(max-width:850px){body.refined-editor.unified-panel-open #studio .shared-task-surface{top:56px!important;max-height:calc(100dvh - 56px)!important}}

html body[data-theme=midnight] .shared-task-surface{--task-surface:#202c27;--task-ink:#e6eee9;--task-line:#52685a}