/* STUDIO 1.3 · monochrome creative UI / compact independent workspace structure */
:root{color-scheme:dark;--bg:#08090b;--card:#131416;--card2:#1a1b1e;--line:#2a2b2f;--text:#ebeced;--muted:#8d8e93;--y:#a0b4ed;--navy:#0d0e10;--r:2px;--rail-w:52px;--library-w:224px;--inspector-w:260px;--top-height:44px;--studio-accent:#a1b3ee}
html,body{background:#09090a;color:#ececee}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #a1b3ee!important;outline-offset:2px}
.app{background:#09090b}
.side{padding:0 5px 10px;background:#101012;border-right:1px solid #26272a}
.brand{margin:0 -5px 9px;background:#101012;border-bottom:1px solid #28292c}
.brand-icon{width:24px;height:24px;display:grid;place-items:center;font-size:14px;font-weight:900;letter-spacing:-1px;border:1px solid #57575c;background:#242427;color:#ededee;border-radius:4px;box-shadow:none}
.main-nav{gap:4px}.rail-separator{height:1px;background:#2d2d31;margin:4px 8px 8px}
.nav-item{height:37px;border-radius:4px;color:#8d8e95;border:0}.nav-item:hover{background:#27282b;color:#fff;border:0}.nav-item.active{color:#f5f5f5;background:#28292c;border:0;box-shadow:inset 2px 0 #c7cedf}
.nav-item svg{width:18px;height:18px}.side-bottom{border-top:1px solid #2a2a2d}.side-bottom .nav-item{height:34px}.rail-version{font-size:8px;opacity:.7}
.topbar{background:#111113;border-color:#2a2b2e;padding:0 10px;gap:6px}
.top-start,.top-actions{gap:4px}.top-start .tool,.top-actions .tool{height:27px;width:28px}.top-title{margin:0 5px}.top-title #crumb{display:none}.top-title h1{font-size:11px;line-height:1;max-width:155px;font-weight:590;color:#b8b9bd}.topbar-divider{height:14px;margin:0 5px;background:#2d2e31}.file-meta{font-size:9px;color:#6c6e75}.top-chip{margin-right:4px;color:#77797d;font-size:9px}.top-chip .i{fill:#a1b3ee;stroke:#a1b3ee}
.workspace-switch{border:1px solid #353539;background:#202023;color:#ebebef;display:flex;align-items:center;gap:8px;padding:3px 8px 3px 4px;height:28px;max-width:190px;min-width:112px;border-radius:3px;cursor:pointer;font-size:11px}.workspace-switch:hover{background:#2b2b30;border-color:#52525a}.workspace-switch-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:640}.workspace-switch .i{margin-left:auto;color:#83858b}
.workspace-monogram{--ws-accent:#a1b3ee;width:20px;height:20px;background:#25272a;border:1px solid var(--ws-accent);color:#ededf0;font-size:9px;font-weight:750;border-radius:2px;display:grid;place-items:center;flex-shrink:0}
.tool,.tiny-btn,.zoom-number{border:1px solid transparent;border-radius:3px;color:#a0a1a7;background:transparent}.tool:hover,.tiny-btn:hover,.zoom-number:hover{background:#242428;border-color:#424247;color:#fff}.tool.active{background:#272a31;color:#c9d3ff;border-color:#494b5a}
.btn{background:#222225;border-color:#37373c;color:#dedee0;border-radius:3px;font-weight:550;font-size:10px;height:27px}.btn:hover{background:#303035;filter:none;border-color:#64646b}.btn.yellow{background:#f2f2f3;border-color:#f2f2f3;color:#101114}.btn.yellow:hover{background:#d2d2d5}.btn.ghost{background:#232326;border-color:#333339}.btn.mini{background:#202023;border-color:#34343a;font-size:10px;height:25px}.btn.mini.accent{background:#24252a;border-color:#535567;color:#d8dcf5}.btn.mini.quiet{color:#999ca1;background:transparent}
.content{background:#0a0a0b;grid-template-columns:minmax(0,var(--library-w)) minmax(0,1fr) minmax(0,var(--inspector-w))}
.browse-panel{background:#141416;border-right:1px solid #292a2e}.section-head{padding:13px 11px 10px;border-bottom-color:#28292e}.browse-kicker{font-size:9px;color:#82838a}.browse-kicker .lib-count{font-size:9px;color:#63646b}.section-head h2{font-size:12px;font-weight:620;color:#e6e6e9}.section-head p:not(.eyebrow){font-size:9px;color:#7c7d82}
.browse-content{padding:7px 7px 18px;background:#141416}.model-filters{background:#141416fa;border-color:#29292d;gap:5px}.model-filters input,.model-filters select{background:#1f1f23;color:#e0e1e4;border:1px solid #393a3f;height:28px;padding:0 7px;border-radius:3px;font-size:10px}.model-list{gap:3px}.model-card{min-height:58px;background:#1a1a1d;border:1px solid transparent;padding:5px;gap:7px;color:#e5e5e7}.model-card:hover{background:#26262a;border-color:#48494e}.model-card.active{background:#292b33;border-color:#686c80}.model-img{width:36px;flex-basis:36px;height:46px;border-radius:1px}.model-card strong{font-size:10px}.model-card small{font-size:9px;color:#777981}.hero-card{border-radius:3px;background:#1c1c20;border:1px solid #313138;padding:10px}.hero-card strong{color:#d9dae0}.hero-card p{color:#8e9098}
.editor-panel{background:#0c0c0d}.editor-heading{background:#141415;border-color:#29292c;min-height:35px;flex-basis:35px;padding:0 12px}.editor-heading h3{font-size:11px;color:#e5e6e8;font-weight:550}.doc-indicator{width:6px;height:6px;border:0;border-radius:50%;background:#8f9ec7}.format-info{color:#61636a;font-size:9px;border-left-color:#34343a}.editor-controls .tiny-btn{height:24px;width:24px}
.canvas-area{background-color:#0b0b0d;background-image:radial-gradient(#29292d .65px, transparent .65px);background-size:19px 19px;padding:19px}.canvas-holder{box-shadow:0 22px 72px #000c}#editorCanvas{border:1px solid #414247;border-radius:0;box-shadow:0 0 0 5px #09090af0}
.editor-bottom{min-height:40px;background:#141415;border-top:1px solid #2c2c30;padding:4px 8px}.canvas-hint{color:#62636a;font-size:9px}.zoom-number{border:1px solid #38383d;background:#252528;color:#cccdd0}
.properties{background:#141416;border-left:1px solid #2b2c30}.props-head{height:35px;flex-basis:35px;border-bottom-color:#2b2c31;color:#8d8e96;padding:0 9px;font-size:9px}.tabs{background:#141416;border-color:#2b2c31;flex-basis:31px}.tab{font-size:10px;color:#7b7c83;padding:5px 4px}.tab.active{border-bottom-color:#9aabdb;color:#ececf0}.property-body{padding:10px 10px 28px}.panel-heading{font-size:10px;color:#dcdde0;font-weight:650}.field label{font-size:10px;color:#93949c}.field input,.field select,.field textarea,.font-select{background:#1e1e22;border-color:#37373c;color:#eeeef0;border-radius:3px;min-height:28px;padding:6px 8px;font-size:10px}.field textarea,.editor-textarea{min-height:72px!important;font-size:11px!important}.note,.mini-tip{font-size:10px;color:#8d8d94}.mini-tip{border:1px solid #34343a;background:#1a1a1e;border-radius:2px;padding:8px}.editor-check input,.field input[type=checkbox]{accent-color:#8ea1d2}.divider{border-color:#34343a}.bg-thumb,.bg-thumb img{border-radius:2px}.layer-row{border-radius:2px;background:#1d1d20}.layer-row.active{border-color:#8b99bf;background:#292a34}.property-button{border-radius:3px}
.btn.primary{background:#353a47;color:#f1f3ff;border:1px solid #657193}.btn.primary:hover{background:#495166}.project-tools{display:grid;gap:6px;margin-bottom:14px}.project-row{background:#1c1c1f;border:1px solid #33333a;padding:4px;margin-bottom:5px}.project-row .model-card{background:transparent;min-height:39px}.project-actions{display:flex;gap:4px}.project-actions button{font-size:9px;background:transparent;border:1px solid #39393e;color:#a6a6ae;padding:5px 7px;cursor:pointer}.project-actions .danger{color:#d39898}.project-actions button:hover{background:#29292c}
.workspace-media-tools{display:grid;gap:6px;font-size:9px;color:#87888e;margin-bottom:10px}.workspace-image-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:10px}.ws-image-thumb{position:relative;background:#252527;border:1px solid #34343a}.ws-image-thumb>button:first-child{background:none;border:0;padding:0;color:#ccc;cursor:pointer;width:100%;text-align:left}.ws-image-thumb img{display:block;width:100%;height:78px;object-fit:cover}.ws-image-thumb span{display:block;padding:3px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}.ws-image-delete{position:absolute;right:3px;top:3px;background:#09090bd9;color:#fff;border:1px solid #333;cursor:pointer;font-size:15px;height:20px;width:20px}.ws-muted{font-size:10px;color:#81828a;line-height:1.5}
/* Independent client workspaces — full-page dashboard */
body.workspace-open{overflow:hidden}.workspace-dialog{position:fixed;inset:0;z-index:200;background:#09090b;color:#e9e9ed;font-family:inherit;overflow:auto}.workspace-dialog[hidden],.ws-create-form[hidden]{display:none!important}
.ws-dialog-shell{min-height:100dvh;display:flex;flex-direction:column}.ws-dialog-top{height:88px;flex:0 0 auto;padding:17px clamp(18px,3.1vw,55px);background:#111113;border-bottom:1px solid #303035;display:flex;justify-content:space-between;align-items:center;gap:20px}.ws-kicker{font-size:9px;letter-spacing:1.3px;color:#83838a;font-weight:750}.ws-title h2{font-size:21px;font-weight:650;letter-spacing:-.6px;margin:3px 0 2px}.ws-title p{font-size:11px;color:#85868d}.ws-top-actions{display:flex;align-items:center;gap:6px}.ws-btn{height:29px;border:1px solid #39393e;background:#212125;color:#dbdbe0;font-size:10px;white-space:nowrap;border-radius:3px;padding:0 11px;cursor:pointer}.ws-btn:hover{background:#323236;border-color:#585861}.ws-btn.primary{background:#e6e6e9;border-color:#e6e6e9;color:#161619;font-weight:700}.ws-btn.primary:hover{background:#d3d3d7}.ws-btn.active{border-color:#627194;color:#c6d0ed}.ws-btn.icon{font-size:9px}.ws-btn.danger{color:#d39a9a}.ws-btn.full{width:100%}.ws-close{width:30px;height:30px;border:1px solid #39393d;background:#1d1d20;color:#ddd;font-size:22px;border-radius:3px;cursor:pointer;line-height:1}
.ws-body{display:grid;grid-template-columns:minmax(0,1fr) 265px;flex:1;min-height:0}.ws-main{padding:26px clamp(18px,3.1vw,55px) 70px;min-width:0}.ws-section-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:2px 0 14px}.ws-section-row h3{font-size:13px;font-weight:620;color:#e0e0e5}.ws-section-row span{font-size:10px;color:#85868b}.ws-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.ws-card{background:#19191c;border:1px solid #323238;min-height:195px;padding:16px;display:flex;flex-direction:column}.ws-card.is-active{border-color:#727991;background:#1f2026}.ws-card-top{display:flex;align-items:center;justify-content:space-between}.ws-avatar{width:35px;height:35px;display:grid;place-items:center;background:#282931;color:#ebebed;font-size:13px;font-weight:800;border:1px solid var(--ws-accent);border-radius:2px}.ws-status{font-size:8px;letter-spacing:1px;color:#858693;font-weight:700}.ws-card h3{font-size:15px;font-weight:650;letter-spacing:-.3px;margin-top:13px}.ws-card p{font-size:10px;color:#81828c;margin:4px 0 10px}.ws-count{font-size:9px;color:#a5a6ad;margin-top:auto;padding:5px 0 10px}.ws-card-actions{display:flex;gap:5px;flex-wrap:wrap}.ws-card-actions .ws-btn:first-child{flex:1}.ws-recent{margin-top:35px;border-top:1px solid #2d2d32;padding-top:22px}.ws-recent-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:7px}.ws-recent-item{display:flex;align-items:center;gap:9px;min-width:0;background:#19191c;border:1px solid #313138;color:#ddd;border-radius:2px;padding:10px;text-align:left;cursor:pointer}.ws-recent-item:hover{background:#25252a}.ws-recent-item span:nth-child(2){flex:1;min-width:0}.ws-recent-item strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-recent-item small{font-size:9px;color:#85858d}.ws-recent-icon{height:27px;width:27px;display:grid;place-items:center;border:1px solid #50505a;border-radius:2px}
.ws-settings{background:#141416;border-left:1px solid #2d2d31;padding:25px 16px}.ws-settings-label{font-size:9px;letter-spacing:1px;font-weight:730;color:#8f9098;margin-bottom:22px}.ws-settings form{display:grid;gap:13px}.ws-settings label,.ws-create-form label{display:grid;gap:6px;font-size:10px;color:#9b9ca4;font-weight:600}.ws-settings input,.ws-create-form input{background:#202024;border:1px solid #3a3a42;border-radius:2px;min-height:31px;color:#eeeef2;padding:6px 8px;min-width:0}.ws-settings input[type=color],.ws-create-form input[type=color]{padding:2px;height:30px;width:100%}.ws-colors{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ws-storage-note{padding-top:28px;margin-top:28px;border-top:1px solid #33343a;font-size:10px;color:#777982;line-height:1.7}.ws-storage-note strong{color:#aaaab3}.ws-storage-note p{margin-top:5px}.ws-create-form{border:1px solid #4d5160;background:#1d1e23;padding:18px;margin-bottom:25px}.ws-form-title{font-weight:650;font-size:13px;margin-bottom:12px}.ws-form-grid{display:grid;grid-template-columns:minmax(170px,1.5fr) minmax(170px,1fr) 70px 70px;gap:12px}.ws-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.ws-note{font-size:10px;color:#84858e;margin-top:12px}
/* scroll areas and responsive */
.browse-content,.property-body,.canvas-area,.editor-bottom,.workspace-dialog{scrollbar-width:thin;scrollbar-color:#4b4b51 transparent}
.browse-content::-webkit-scrollbar-thumb,.property-body::-webkit-scrollbar-thumb,.canvas-area::-webkit-scrollbar-thumb{background:#4b4b50}
@media(min-width:1500px){.model-list{grid-template-columns:minmax(0,1fr)}.model-card{display:flex;grid-template-columns:none}.model-img{width:36px;height:46px;flex:0 0 36px}}
@media(max-width:1250px){:root{--library-w:207px;--inspector-w:240px}.file-meta{display:none}.ws-form-grid{grid-template-columns:1fr 1fr 60px 60px}}
@media(max-width:850px){:root{--rail-w:0px;--library-w:0px;--inspector-w:0px;--top-height:46px}.side{padding:0 10px 16px;background:#111113}.side .brand{margin:0 -10px 10px}.side .nav-item{justify-content:flex-start;padding:0 13px}.topbar{padding:0 6px}.workspace-switch{min-width:84px;max-width:142px}.workspace-switch-name{max-width:103px}.top-title{display:none}.top-actions .btn.yellow{height:27px}.ws-dialog-top{height:auto;min-height:92px;align-items:flex-start;flex-wrap:wrap;gap:12px}.ws-body{grid-template-columns:1fr}.ws-settings{border-left:0;border-top:1px solid #323238;padding:20px}.ws-settings form{grid-template-columns:1fr 1fr 1fr auto;align-items:end}.ws-storage-note{padding-top:14px;margin-top:14px}.ws-dialog-top{padding:16px}.ws-main{padding:20px 16px 40px}.ws-form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.workspace-switch{max-width:110px;min-width:76px}.workspace-monogram{display:none}.workspace-switch-name{font-size:10px}.top-actions .top-chip{display:none}.top-start .tool:not(.mobile-menu){width:26px}.ws-top-actions{width:100%;flex-wrap:wrap}.ws-top-actions .ws-btn{padding:0 8px}.ws-close{margin-left:auto}.ws-settings form{grid-template-columns:1fr 1fr}.ws-settings form>label{grid-column:span 2}.ws-colors{grid-column:span 2}.ws-settings .full{grid-column:span 2}.ws-grid{grid-template-columns:1fr}.ws-form-grid{grid-template-columns:1fr 1fr}.ws-form-grid>label:nth-child(-n+2){grid-column:span 2}}
[hidden]{display:none!important}