:root {
  color-scheme:dark;--bg:#080a0f;--chrome:#0d1017;--surface:#12161f;--surface-2:#171c27;--surface-3:#1c2230;--line:#252b38;--line-strong:#353d4d;--text:#f5f7fb;--text-2:#c7cdda;--muted:#8992a5;--muted-2:#626c80;--accent:#7868f8;--accent-2:#9b8cff;--accent-soft:rgba(120,104,248,.14);--green:#32d69b;--green-soft:rgba(50,214,155,.12);--orange:#f1b95b;--orange-soft:rgba(241,185,91,.12);--danger:#fa7185;--shadow:0 24px 70px rgba(0,0,0,.42);font-family:Inter,"Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif
}
*{box-sizing:border-box}[hidden]{display:none!important}html,body{width:100%;height:100%}body{margin:0;min-width:1180px;min-height:700px;overflow:hidden;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#303746;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#424b5e}
.product-shell{height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 42% -18%,rgba(120,104,248,.11),transparent 34%),var(--bg)}

/* Application chrome */
.topbar{height:72px;flex:none;display:grid;grid-template-columns:300px minmax(220px,1fr) auto;align-items:center;padding:0 22px;border-bottom:1px solid var(--line);background:rgba(11,14,20,.94);box-shadow:0 8px 30px rgba(0,0,0,.16);backdrop-filter:blur(22px);z-index:10}
.brand{display:flex;align-items:center;gap:12px}.brand-glyph{width:40px;height:40px;padding:10px;display:flex;align-items:end;gap:3px;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:linear-gradient(145deg,#8f82ff,#6453e8 62%,#456ce8);box-shadow:0 10px 28px rgba(91,74,226,.32),inset 0 1px 0 rgba(255,255,255,.24)}.brand-glyph span{flex:1;border-radius:3px;background:#fff}.brand-glyph span:nth-child(1){height:45%;opacity:.76}.brand-glyph span:nth-child(2){height:92%}.brand-glyph span:nth-child(3){height:66%;opacity:.88}.brand strong,.brand small{display:block}.brand strong{font-size:17px;letter-spacing:-.035em}.brand small{margin-top:3px;color:#9b92ec;font-size:9px;font-weight:700;letter-spacing:.13em}
.project-title{padding-left:22px;border-left:1px solid var(--line)}.project-title>span{display:block;color:var(--muted-2);font-size:10px}.project-title>strong{display:block;margin-top:4px;color:var(--text-2);font-size:13px;font-weight:600}.project-title button{border:0;background:transparent;color:var(--muted);cursor:pointer}
.top-status{display:flex;align-items:center;gap:10px}.status-item{min-width:54px;text-align:right}.status-item span,.status-item strong{display:block}.status-item span{color:var(--muted-2);font-size:9px}.status-item strong{margin-top:1px;font-size:15px}.engine-pill{height:36px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(50,214,155,.22);border-radius:10px;background:var(--green-soft);color:#91e9c9;font-size:10px;font-weight:600}.engine-pill i,.live-model i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(50,214,155,.1),0 0 14px rgba(50,214,155,.5)}
.account-button{height:45px;display:grid;grid-template-columns:31px 1fr 10px;gap:9px;align-items:center;padding:5px 10px 5px 6px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface-2);text-align:left;cursor:pointer;transition:.18s}.account-button:hover{border-color:#514794;background:#1b2030;transform:translateY(-1px);box-shadow:0 10px 26px rgba(0,0,0,.22)}.account-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#c8bcff,#7464ee);color:#171323;font-size:9px;font-weight:800}.account-button small,.account-button strong{display:block}.account-button small{color:var(--muted-2);font-size:8px;letter-spacing:.04em}.account-button strong{margin-top:2px;font-size:10px}.account-button strong b{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:4px;padding:0 4px;border-radius:5px;background:var(--accent-soft);color:#b8aeff;font-size:9px}.account-button>i{color:var(--muted);font-style:normal}.icon-button{width:40px;height:40px;border:1px solid var(--line-strong);border-radius:11px;background:var(--surface-2);color:#aab2c2;cursor:pointer}.icon-button:hover{border-color:#514794;color:#fff;background:#1b2030}

/* Single-screen workspace */
.workspace{min-height:0;flex:1;display:grid;grid-template-columns:88px minmax(320px,370px) minmax(430px,1fr) minmax(340px,390px);background:var(--bg)}.chat-column,.canvas-column,.inspector-column{min-width:0;min-height:0;display:flex;flex-direction:column}.chat-column{border-right:1px solid var(--line);background:#0d1017}.canvas-column{padding:0 16px 15px;background:#0a0d13}.inspector-column{border-left:1px solid var(--line);background:#0d1017}
.step-rail{min-height:0;display:flex;flex-direction:column;align-items:stretch;padding:14px 9px;border-right:1px solid var(--line);background:#0a0d13}.rail-step{width:100%;min-height:49px;display:grid;grid-template-columns:27px 1fr;grid-template-rows:auto auto;gap:1px 7px;align-items:center;padding:7px 5px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);text-align:left;cursor:pointer;transition:.18s}.rail-step b{grid-row:1/3;width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--line-strong);border-radius:8px;background:#11151e;color:#858da0;font-size:9px}.rail-step span{align-self:end;color:#aab2c1;font-size:10px;font-weight:650}.rail-step small{align-self:start;color:#555f72;font-size:7px;white-space:nowrap}.rail-step:hover{background:rgba(255,255,255,.03)}.rail-step.active{border-color:rgba(120,104,248,.25);background:linear-gradient(135deg,rgba(120,104,248,.16),rgba(120,104,248,.05))}.rail-step.active b{border-color:rgba(155,140,255,.65);background:linear-gradient(145deg,#8d7dfc,#6252e6);color:white;box-shadow:0 8px 20px rgba(92,72,226,.28)}.rail-step.active span{color:#fff}.rail-step.active small{color:#a79df5}.rail-step.completed b{border-color:rgba(50,214,155,.35);background:var(--green-soft);color:var(--green);font-size:0}.rail-step.completed b:after{content:"✓";font-size:10px}.rail-step.completed span{color:#8fcfb8}.step-rail>i{width:1px;min-height:4px;flex:1;max-height:12px;margin-left:18px;background:#232936}
.column-header,.canvas-header,.inspector-header{height:70px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px}.column-header{padding:0 18px;border-bottom:1px solid var(--line)}.canvas-header{padding:0 3px}.inspector-header{padding:0 18px;border-bottom:1px solid var(--line)}.eyebrow{display:block;color:#8f82ee;font-size:9px;font-weight:750;letter-spacing:.12em}.column-header h1,.canvas-header h2,.inspector-header h2{margin:4px 0 0;letter-spacing:-.035em}.column-header h1{font-size:19px}.canvas-header h2,.inspector-header h2{font-size:18px}.live-model,.asset-status{max-width:145px;display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.035);color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-model.configured{border-color:rgba(50,214,155,.22);background:var(--green-soft);color:#8ee3c4}.live-model:not(.configured) i{background:var(--orange);box-shadow:0 0 0 4px rgba(241,185,91,.1)}

/* AI conversation */
.chat-stream{min-height:0;flex:1;overflow-y:auto;padding:18px;background:radial-gradient(circle at 8% 3%,rgba(120,104,248,.08),transparent 30%),#0d1017}.message{display:flex;gap:10px;margin-bottom:16px}.message.user{justify-content:flex-end}.avatar{width:33px;height:33px;flex:none;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:linear-gradient(145deg,#8e80fa,#6252dd);color:#fff;font-size:9px;font-weight:800;box-shadow:0 8px 18px rgba(83,66,202,.23)}.bubble{max-width:88%;padding:12px 13px;border:1px solid var(--line);border-radius:5px 14px 14px 14px;background:var(--surface-2);color:#b9c1d1;font-size:12px;line-height:1.55}.bubble strong,.bubble span{display:block}.bubble strong{color:#eef1f7;font-size:12px}.bubble span{margin-top:4px}.message.user .bubble{border-color:rgba(144,130,252,.42);border-radius:14px 5px 14px 14px;background:linear-gradient(145deg,#7969ef,#5c4bd5);color:#fff;box-shadow:0 12px 28px rgba(78,61,192,.22)}
.suggestions{display:flex;flex-wrap:wrap;gap:6px;padding-left:43px}.suggestions button,.prompt-group button{border:1px solid #35324f;border-radius:8px;background:rgba(120,104,248,.08);color:#b8b0f4;cursor:pointer;transition:.16s}.suggestions button{padding:6px 9px;font-size:9px}.suggestions button:hover,.prompt-group button:hover{border-color:#675aae;background:rgba(120,104,248,.16);color:#fff;transform:translateY(-1px)}.prompt-library{margin:4px 0 0 43px;padding:11px;border:1px solid var(--line);border-radius:12px;background:rgba(20,24,34,.78)}.prompt-library-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.prompt-library-head span{color:#e8ebf4;font-size:10px;font-weight:700}.prompt-library-head small{color:var(--muted-2);font-size:8px}.prompt-group{display:grid;grid-template-columns:58px 1fr;gap:7px;align-items:start;margin-top:7px}.prompt-group>b{padding-top:6px;color:#767f91;font-size:8px}.prompt-group>div{display:flex;flex-wrap:wrap;gap:5px}.prompt-group button{padding:5px 7px;font-size:8px}
.composer{flex:none;margin:0 14px 14px;border:1px solid #343b4a;border-radius:14px;background:#141923;box-shadow:0 14px 36px rgba(0,0,0,.28);overflow:hidden;transition:.18s}.composer:focus-within{border-color:#7265cf;box-shadow:0 14px 36px rgba(0,0,0,.3),0 0 0 3px rgba(120,104,248,.1)}.composer textarea{width:100%;height:78px;resize:none;border:0;outline:0;padding:13px 14px;background:transparent;color:#f4f6fa;font-size:12px;line-height:1.5}.composer textarea::placeholder{color:#687286}.composer-bottom{display:flex;align-items:center;justify-content:space-between;padding:9px;border-top:1px solid var(--line)}.composer-bottom>div{display:flex;align-items:center;gap:8px;min-width:0}.composer-bottom>div>span{color:#616b7e;font-size:8px;white-space:nowrap}.upload-reference{border:1px solid #3d385e;border-radius:8px;background:var(--accent-soft);color:#b8afff;padding:7px 9px;font-size:9px;cursor:pointer}.send-button{border:0;border-radius:9px;background:linear-gradient(145deg,#8b7bf9,#6656e5);color:white;padding:8px 12px;font-size:10px;font-weight:700;cursor:pointer;box-shadow:0 9px 20px rgba(90,70,220,.28)}.send-button b{margin-left:5px}.attachment-tray{display:flex;gap:6px;padding:8px;border-bottom:1px solid var(--line);overflow-x:auto}.attachment-chip{position:relative;width:52px;height:52px;flex:none;border:1px solid var(--line);border-radius:9px;overflow:hidden}.attachment-chip img{width:100%;height:100%;object-fit:cover}.attachment-chip button{position:absolute;right:2px;top:2px;width:17px;height:17px;padding:0;border:0;border-radius:50%;background:rgba(5,7,12,.82);color:#fff;font-size:9px}.chat-image-strip{display:flex;gap:5px;margin-bottom:7px}.chat-image-strip img{width:68px;height:68px;object-fit:cover;border:1px solid var(--line);border-radius:9px}.generated-card{width:220px;margin-top:9px;border:1px solid var(--line-strong);border-radius:12px;overflow:hidden;background:var(--surface-2);box-shadow:0 10px 28px rgba(0,0,0,.25)}.generated-card>img{display:block;width:100%;aspect-ratio:9/10;object-fit:cover}.generated-card-info{padding:9px}.generated-card-info>span{display:block;margin-bottom:8px;color:var(--muted);font-size:9px}.generated-card-actions{display:flex;gap:6px}.generated-card-actions button{flex:1;border:1px solid var(--line-strong);border-radius:7px;background:var(--surface-3);color:var(--text-2);padding:7px 4px;font-size:9px}.generated-card-actions button:first-child{border-color:#6e61d0;background:var(--accent);color:#fff}.composer textarea.preset-loaded{animation:preset-flash .55s ease}@keyframes preset-flash{0%{background:rgba(120,104,248,.16)}100%{background:transparent}}

/* Asset review */
.preview-grid{min-height:0;flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.preview-card{min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:15px;background:var(--surface);overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025)}.preview-card-header{height:54px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;border-bottom:1px solid var(--line);background:#141821}.preview-card-header span,.preview-card-header strong{display:block}.preview-card-header span{color:#677186;font-size:7px;font-weight:750;letter-spacing:.14em}.preview-card-header strong{margin-top:3px;color:#eef1f7;font-size:11px}.preview-card-header>b{padding:5px 7px;border:1px solid #3a3558;border-radius:6px;background:var(--accent-soft);color:#b8afff;font-size:8px;white-space:nowrap}.preview-card-header>button{border:1px solid #4a426f;border-radius:7px;background:var(--accent-soft);color:#c4bdff;padding:6px 8px;font-size:8px;font-weight:650;cursor:pointer;white-space:nowrap}.preview-card-header>button:hover{border-color:#7568ca;background:rgba(120,104,248,.2);color:#fff}
.canvas-stage{min-height:0;flex:1;display:grid;place-items:center;overflow:hidden;background-color:#0d1017;background-image:linear-gradient(45deg,#121722 25%,transparent 25%),linear-gradient(-45deg,#121722 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#121722 75%),linear-gradient(-45deg,transparent 75%,#121722 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0;box-shadow:inset 0 0 0 8px rgba(255,255,255,.015)}.canvas-stage>img{width:100%;height:100%;object-fit:contain;background:#0c0f15}.image-placeholder{max-width:88%;padding:23px 16px;border:1px solid var(--line);border-radius:13px;background:rgba(20,24,34,.92);text-align:center;box-shadow:0 18px 45px rgba(0,0,0,.28)}.placeholder-orbit{position:relative;width:50px;height:50px;margin:0 auto 11px;border:1px solid #45405f;border-radius:15px;transform:rotate(5deg);background:linear-gradient(145deg,#25243b,#171a27)}.placeholder-orbit span{position:absolute;width:17px;height:17px;left:8px;top:9px;border-radius:50%;background:#a99fff}.placeholder-orbit i{position:absolute;left:7px;right:7px;bottom:7px;height:21px;border-radius:10px 10px 6px 6px;background:linear-gradient(145deg,#7868f8,#4f8eea);clip-path:polygon(0 100%,30% 30%,50% 60%,73% 10%,100% 100%)}.image-placeholder strong{display:block;color:#eef1f7;font-size:12px}.image-placeholder p{margin:6px 0 0;color:#727c8f;font-size:9px;line-height:1.45}.selected-image-actions{display:flex;align-items:center;justify-content:space-between;flex:none;margin:0 8px 8px;padding:8px 9px;border:1px solid rgba(50,214,155,.22);border-radius:8px;background:var(--green-soft)}.selected-image-actions span{color:#8ee2c3;font-size:9px}.selected-image-actions span i{font-style:normal}.selected-image-actions button{border:0;background:transparent;color:#b8afff;font-size:9px}
.video-requirement{flex:none;padding:7px 10px;border-bottom:1px solid var(--line);background:#10141c;color:#727c90;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-preview-card .video-list{min-height:0;height:auto;flex:1;display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(126px,1fr);align-items:stretch;gap:8px;margin:0;padding:9px;overflow:auto;background:#0d1017}.media-preview-card .video-list.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;background:radial-gradient(circle at center,rgba(120,104,248,.07),transparent 42%),#0d1017}.video-empty-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;border:1px solid #393451;border-radius:12px;background:var(--accent-soft);color:#b8afff;font-size:11px}.video-list strong,.video-list span{display:block}.video-list strong{color:#dfe3ec;font-size:10px}.video-list span{margin-top:3px;color:#687286;font-size:8px}.media-preview-card .video-card{width:auto;min-width:0;min-height:126px;display:grid;grid-template-rows:minmax(90px,1fr) auto;position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#080a0f}.media-preview-card .video-card video{width:100%;height:100%;min-height:90px;object-fit:contain;background:#07090d}.media-preview-card .video-card>div:not(.video-empty-icon){padding:6px 7px;background:#151922;color:#7f899b;font-size:7px}.media-preview-card .video-card>.video-empty-icon{width:100%;height:100%;border:0;border-radius:0;background:#151a25;color:#b8afff;font-size:20px}.media-preview-card .video-card button{position:absolute;right:5px;top:5px;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:rgba(6,8,12,.82);color:#fff;font-size:10px}
.repair-choice{flex:none;display:flex;align-items:center;gap:11px;margin-top:10px;padding:10px 11px;border:1px solid #363250;border-radius:11px;background:linear-gradient(135deg,rgba(120,104,248,.11),rgba(120,104,248,.035))}.repair-choice>div:first-of-type{min-width:0;flex:1}.repair-choice strong,.repair-choice small{display:block}.repair-choice strong{font-size:11px}.repair-choice small{margin-top:3px;color:#778194;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.repair-options{display:flex;gap:6px}.repair-options button{border:1px solid #3d3857;border-radius:8px;background:#171b25;color:#aaa2eb;padding:7px 9px;font-size:9px;cursor:pointer;white-space:nowrap}.repair-options button span{margin-left:3px;color:var(--orange);font-size:8px}.repair-options button.selected{border-color:#7c6df2;background:linear-gradient(145deg,#7f70f2,#5f50d8);color:#fff;box-shadow:0 8px 18px rgba(78,62,190,.24)}
.manual-repair-panel{flex:none;margin-top:8px;padding:10px 11px;border:1px solid rgba(241,185,91,.27);border-radius:11px;background:var(--orange-soft)}.manual-repair-panel strong,.manual-repair-panel small{display:block}.manual-repair-panel strong{color:#f2d49c;font-size:10px}.manual-repair-panel small{margin-top:2px;color:#a89067;font-size:8px}.manual-repair-actions{display:flex;gap:6px;margin-top:8px}.manual-repair-actions a,.manual-repair-actions button{flex:1;border:1px solid rgba(241,185,91,.24);border-radius:7px;background:rgba(255,255,255,.04);color:#e0ba73;padding:6px;text-align:center;text-decoration:none;font-size:8px}.manual-repair-panel p{margin:6px 0 0;color:#8f7b59;font-size:8px}
.asset-dock{height:110px;flex:none;display:block;margin-top:10px}.model-warehouse{height:100%;min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.dock-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.dock-header strong,.dock-header span{display:block}.dock-header strong{font-size:10px}.dock-header span{max-width:230px;margin-top:2px;color:#6f798c;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-header>div:last-child{display:flex;align-items:center;gap:8px}.dock-header button{border:1px solid var(--line);border-radius:7px;background:var(--surface-2);color:#9aa3b4;padding:5px 7px;font-size:9px}.warehouse-toggle{display:flex;align-items:center;gap:6px;color:#80899a;font-size:8px;cursor:pointer}.warehouse-toggle input{position:absolute;opacity:0}.warehouse-toggle>span{width:29px;height:16px;border-radius:9px;background:#343b49;position:relative}.warehouse-toggle>span i{position:absolute;width:12px;height:12px;left:2px;top:2px;border-radius:50%;background:#c8ced9;transition:.2s}.warehouse-toggle input:checked+span{background:var(--accent)}.warehouse-toggle input:checked+span i{left:15px;background:white}.warehouse-toggle b{font-weight:500}.model-grid{display:flex;gap:7px;margin-top:8px;overflow-x:auto;padding-bottom:2px}.warehouse-empty{width:100%;padding:18px;text-align:center;color:#667084;font-size:9px}.model-card{width:54px;height:65px;flex:none;padding:0;position:relative;border:2px solid transparent;border-radius:9px;overflow:hidden;background:#1a1f2a}.model-card img{display:block;width:100%;height:100%;object-fit:cover}.model-card span,.model-card b{display:none}.model-card.selected{border-color:#8e7ffc;box-shadow:0 0 0 3px rgba(120,104,248,.16)}

/* Production inspector */
.inspector-header button{width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:#929bad;cursor:pointer}.inspector-tabs{height:44px;flex:none;display:grid;grid-template-columns:repeat(2,1fr);padding:0 15px;border-bottom:1px solid var(--line)}.inspector-tabs button{position:relative;border:0;background:transparent;color:#737d90;font-size:10px;cursor:pointer}.inspector-tabs button:after{content:"";position:absolute;left:22%;right:22%;bottom:-1px;height:2px;border-radius:2px;background:transparent}.inspector-tabs button.active{color:#f1f3f8;font-weight:650}.inspector-tabs button.active:after{background:var(--accent-2);box-shadow:0 -3px 10px rgba(120,104,248,.28)}.inspector-content{min-height:0;flex:1;position:relative}.inspector-page{position:absolute;inset:0;display:none;overflow-y:auto;padding:17px}.inspector-page.active{display:block}
.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.section-title>span{color:#e9ecf3;font-size:11px;font-weight:700}.section-title>b{color:#687286;font-size:8px;font-weight:500}.readiness-list{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:var(--surface)}.readiness-list>div{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;padding:11px 12px;border-bottom:1px solid var(--line)}.readiness-list>div:last-child{border:0}.readiness-list i{width:7px;height:7px;border-radius:50%;background:#4c5568}.readiness-list i.ready{background:var(--green);box-shadow:0 0 0 4px rgba(50,214,155,.09),0 0 12px rgba(50,214,155,.35)}.readiness-list span{color:#b6becd;font-size:10px}.readiness-list b{color:#697386;font-size:8px;font-weight:500}.readiness-list b.ready{color:#78d9b6}
.account-title{margin-top:17px}.account-title button{border:0;background:transparent;color:#a99fff;font-size:8px;cursor:pointer}.active-account{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(135deg,rgba(120,104,248,.1),rgba(255,255,255,.02))}.active-account>span{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#b7abff,#7464e9);color:#181426;font-size:9px;font-weight:800}.active-account strong,.active-account small{display:block}.active-account strong{color:#eef1f7;font-size:10px}.active-account small{margin-top:3px;color:#7d8799;font-size:8px}.production-launch-card{display:grid;gap:9px;margin-top:8px;padding:13px;border:1px solid #333b4b;border-radius:13px;background:linear-gradient(145deg,#151b25,#111620);box-shadow:0 16px 38px rgba(0,0,0,.18)}.production-launch-card>label{color:#bfc7d6;font-size:9px;font-weight:700}.production-workflow-select{position:relative}.production-workflow-select select{width:100%;appearance:none;border:1px solid #465269;border-radius:10px;background:#1d2431;color:#f4f6fb;padding:11px 34px 11px 12px;font-size:10px;font-weight:650;outline:0;cursor:pointer}.production-workflow-select select:focus{border-color:#8779ee;box-shadow:0 0 0 3px rgba(120,104,248,.13)}.production-workflow-select>span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9ca7ba;pointer-events:none}.production-workflow-summary{color:#8994a8;font-size:8px}.production-export-mode{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid #2e3746;border-radius:10px;background:#10151e}.production-export-mode span{color:#7f899d;font-size:8px}.production-export-mode strong{color:#65d8ae;font-size:9px;text-align:right}.production-start-button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #8b7cf4;border-radius:11px;background:linear-gradient(145deg,#8a78f5,#6352dc);color:#fff;padding:12px;cursor:pointer;box-shadow:0 12px 28px rgba(85,66,210,.26)}.production-start-button>span{font-size:13px}.production-start-button>div{text-align:left}.production-start-button strong,.production-start-button small{display:block}.production-start-button strong{font-size:11px}.production-start-button small{margin-top:2px;color:#d2cdfa;font-size:8px}.production-start-button:disabled{opacity:.55;cursor:wait}.production-status-stack{display:grid;gap:3px;padding:3px 2px}.production-status-stack small{display:block;color:#7c879a;font-size:7px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.production-status-stack #workflowImportStatus{color:#aeb7c8}.route-summary{margin-top:16px;padding:11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02)}.route-summary>span{color:#687286;font-size:8px}.route-summary>div{display:flex;align-items:center;justify-content:space-between;gap:3px;margin-top:9px}.route-summary b{color:#aeb6c6;font-size:8px}.route-summary i{color:#675da9;font-style:normal;font-size:8px}
.workflow-search{height:37px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line-strong);border-radius:9px;background:var(--surface)}.workflow-search>span{color:#657084}.workflow-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#ecf0f6;font-size:9px}.workflow-search input::placeholder{color:#5c6578}.workflow-card-list{display:grid;gap:7px;margin-top:9px;max-height:320px;overflow-y:auto;padding-right:2px}.workflow-loading{padding:22px;text-align:center;color:#687286;font-size:9px}.workflow-card{width:100%;display:grid;grid-template-columns:35px 1fr auto;gap:9px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--surface);text-align:left;cursor:pointer;transition:.16s}.workflow-card:hover{border-color:#4a426f;background:#171c27}.workflow-card.selected{border-color:#695dc1;background:linear-gradient(135deg,rgba(120,104,248,.14),rgba(120,104,248,.04));box-shadow:0 0 0 2px rgba(120,104,248,.08)}.workflow-card-icon{width:35px;height:35px;display:grid;place-items:center;border:1px solid #3c375a;border-radius:9px;background:var(--accent-soft);color:#b7aeff;font-size:8px;font-weight:750}.workflow-card strong,.workflow-card small{display:block}.workflow-card strong{color:#e9ecf3;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-card small{margin-top:3px;color:#6e788b;font-size:7px}.workflow-card-tags{display:flex;gap:3px;margin-top:4px}.workflow-card-tags span{padding:2px 5px;border-radius:5px;background:rgba(255,255,255,.045);color:#788295;font-size:6px}.workflow-card>i{width:16px;height:16px;display:grid;place-items:center;border:1px solid #3a4251;border-radius:50%;color:transparent;font-size:8px;font-style:normal}.workflow-card.selected>i{border-color:#8071ef;background:#7767e8;color:#fff}.workflow-detail{padding:8px 2px;color:#6c7688;font-size:8px;line-height:1.5}.workflow-source{margin-top:10px;padding:9px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.02)}.workflow-source span,.workflow-source strong{display:block}.workflow-source span{color:#687286;font-size:8px}.workflow-source strong{margin-top:3px;color:#b69d70;font-size:8px;font-weight:500;word-break:break-all}.workflow-tip{display:flex;gap:8px;margin-top:10px;padding:9px;border-radius:9px;background:var(--accent-soft);color:#a9a0ed}.workflow-tip>i{width:18px;height:18px;flex:none;display:grid;place-items:center;border-radius:50%;background:#6e5fe5;color:#fff;font-size:9px;font-style:normal}.workflow-tip p{margin:1px 0 0;font-size:8px;line-height:1.45}
.select-wrap select,.field-input,.settings-drawer input,.settings-drawer select{width:100%;border:1px solid var(--line-strong);border-radius:9px;background:#151a24;color:#e9ecf3;padding:10px 11px;font-size:10px;outline:0}.select-wrap select:focus,.field-input:focus,.settings-drawer input:focus,.settings-drawer select:focus{border-color:#7165c9;box-shadow:0 0 0 3px rgba(120,104,248,.1)}.native-select{display:none}.field-label{display:block;margin:0 0 6px;color:#8d96a8;font-size:9px;font-weight:600}.field-input+.field-label,.directory-picker+*{margin-top:13px}.directory-picker{display:grid;grid-template-columns:1fr auto;gap:7px;margin-bottom:14px}.directory-picker button{border:0;border-radius:9px;background:linear-gradient(145deg,#806ff1,#6252da);color:#fff;padding:0 12px;font-size:9px;cursor:pointer}.directory-picker button:disabled{opacity:.5}.export-format{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:15px}.export-format>span{grid-column:1/-1;color:#8c95a7;font-size:9px;font-weight:600}.export-format>div{padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.export-format strong,.export-format small{display:block}.export-format strong{font-size:9px}.export-format small{margin-top:3px;color:#687286;font-size:8px}
.job-console{margin-top:15px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.job-console-head{display:flex;justify-content:space-between;padding:9px 10px;border-bottom:1px solid var(--line);background:#151923}.job-console-head span{font-size:9px;font-weight:650}.job-console-head b{color:#697386;font-size:8px;font-weight:500}.job-empty{text-align:center;padding:18px;color:#667084}.job-empty>div{font-size:17px}.job-empty strong,.job-empty span{display:block}.job-empty strong{margin-top:4px;color:#9fa8b8;font-size:9px}.job-empty span{margin-top:3px;font-size:8px}.job-row{display:grid;grid-template-columns:31px 1fr 38px;gap:8px;align-items:center;padding:10px}.job-row .play{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#806ff1,#6252da);color:white;font-size:9px}.job-info strong{display:block;font-size:9px}.job-info span{display:block;margin-top:2px;color:#717b8e;font-size:8px}.progress{height:4px;margin-top:6px;border-radius:4px;background:#29303d;overflow:hidden}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#7c6cf2,#34d69b);transition:.4s}.job-percent{color:#a69dff;font-size:8px;text-align:right}.job-row.failed .play,.job-row.failed .progress i{background:var(--danger)}
.inspector-footer{flex:none;padding:13px 15px;border-top:1px solid var(--line);background:#0b0e14}.run-button{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #8174e4;border-radius:11px;background:linear-gradient(145deg,#8877f5,#6655df);color:#fff;padding:11px 12px;cursor:pointer;box-shadow:0 12px 28px rgba(78,60,200,.25);transition:.18s}.run-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 15px 34px rgba(78,60,200,.32)}.run-button:disabled{border-color:#303746;background:#202632;color:#6e7789;box-shadow:none;cursor:not-allowed}.run-button>span{font-size:12px}.run-button strong,.run-button small{display:block;text-align:left}.run-button strong{font-size:10px}.run-button small{margin-top:2px;color:#c3bcf6;font-size:8px}.run-button:disabled small{color:#616b7e}.inspector-footer>p{display:flex;justify-content:center;align-items:center;gap:5px;margin:8px 0 0;color:#657084;font-size:8px;text-align:center}.inspector-footer>p i{width:5px;height:5px;flex:none;border-radius:50%;background:var(--green)}

.statusbar{height:30px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-top:1px solid var(--line);background:#090c11;color:#606a7d;font-size:8px}.statusbar>div{display:flex;align-items:center;gap:7px}.statusbar i{width:4px;height:4px;border-radius:50%;background:#3b4352}.statusbar>div:first-child i{width:6px;height:6px;background:var(--green);box-shadow:0 0 10px rgba(50,214,155,.45)}.statusbar b{padding:3px 6px;border-radius:5px;background:var(--accent-soft);color:#a9a0ec;font-weight:600}

/* Account pool modal */
.modal-mask,.drawer-mask{position:fixed;inset:0;background:rgba(2,4,8,.7);backdrop-filter:blur(8px);z-index:60}.account-modal{position:fixed;left:50%;top:50%;width:900px;max-height:86vh;overflow-y:auto;transform:translate(-50%,-47%) scale(.98);padding:24px;border:1px solid var(--line-strong);border-radius:18px;background:#11151e;box-shadow:var(--shadow);z-index:61;opacity:0;pointer-events:none;transition:.22s}.account-modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.modal-head{display:flex;justify-content:space-between;gap:20px}.modal-head>div>span,.drawer-head span{color:#9387ed;font-size:9px;font-weight:750;letter-spacing:.08em}.modal-head h2{margin:5px 0 0;font-size:22px;letter-spacing:-.03em}.modal-head p{margin:6px 0 0;color:#7f899c;font-size:10px}.modal-head>button,.drawer-head button{width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:#949dae;font-size:20px;cursor:pointer}
.account-gate{display:flex;align-items:center;gap:8px;margin-top:18px;padding:11px 12px;border:1px solid rgba(250,113,133,.22);border-radius:10px;background:rgba(250,113,133,.09);color:#e994a1;font-size:9px}.account-gate i{width:7px;height:7px;border-radius:50%;background:var(--danger)}.account-gate.ready{border-color:rgba(50,214,155,.22);background:var(--green-soft);color:#8ce2c2}.account-gate.ready i{background:var(--green);box-shadow:0 0 10px rgba(50,214,155,.4)}
.manual-account-ledger{margin-top:13px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#0e1219}.ledger-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.ledger-head strong,.ledger-head small{display:block}.ledger-head strong{font-size:11px}.ledger-head small{margin-top:3px;color:#737d90;font-size:8px}.minimum-editor{display:flex;align-items:center;gap:6px;color:#80899b;font-size:8px}.minimum-editor input,.manual-account-form input{border:1px solid var(--line-strong);border-radius:7px;background:#151a24;color:#eef1f7;padding:7px 8px;font-size:9px;outline:0}.minimum-editor input{width:60px}.minimum-editor button,.manual-account-form button,.primary{border:0;border-radius:7px;background:linear-gradient(145deg,#806ff1,#6252da);color:white;padding:7px 10px;font-size:8px;cursor:pointer}.minimum-editor .secondary-balance-action{border:1px solid var(--line-strong);background:var(--surface-2);color:#b5bdcc}
.ledger-recommendation{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;margin-top:11px;padding:10px 11px;border:1px solid rgba(50,214,155,.2);border-radius:9px;background:var(--green-soft)}.ledger-recommendation>span{grid-row:1/3;padding:4px 6px;border-radius:5px;background:rgba(50,214,155,.14);color:#83ddbc;font-size:8px;font-weight:700}.ledger-recommendation strong{font-size:10px}.ledger-recommendation small{color:#6f9588;font-size:8px}.manual-account-form{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:10px}.manual-ledger-list{display:grid;gap:7px;max-height:210px;margin-top:10px;overflow-y:auto}.ledger-empty{padding:17px;border:1px dashed var(--line-strong);border-radius:9px;color:#667084;text-align:center;font-size:9px}
.manual-ledger-row{display:grid;grid-template-columns:27px minmax(120px,1fr) 105px 48px 62px 76px 24px;gap:7px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.manual-ledger-row.active{border-color:#5a508f}.manual-ledger-row.recommended{background:linear-gradient(90deg,rgba(120,104,248,.12),rgba(120,104,248,.025));box-shadow:inset 3px 0 #7768e7}.manual-ledger-row.low{background:rgba(250,113,133,.035)}.manual-ledger-row.session-running{border-color:rgba(50,214,155,.28);background:rgba(50,214,155,.055)}.manual-ledger-row.session-attention{border-color:rgba(241,185,91,.28);background:rgba(241,185,91,.055)}.ledger-order{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:var(--accent-soft);color:#aaa1ee;font-size:8px}.ledger-account-name strong,.ledger-account-name small{display:block}.ledger-account-name strong{font-size:9px}.ledger-account-name small{margin-top:2px;color:#707a8d;font-size:7px}.manual-ledger-row.low .ledger-account-name small{color:#bf7883}.ledger-balance{display:flex;align-items:baseline;gap:4px}.ledger-balance strong{font-size:10px}.ledger-balance.pending strong{color:#7c8597;font-size:8px}.ledger-balance span{color:#737c8e;font-size:7px}.manual-ledger-row button{border:1px solid var(--line-strong);border-radius:6px;background:var(--surface-2);color:#a0a8b8;padding:5px 3px;font-size:7px;cursor:pointer}.manual-ledger-row .ledger-active{color:#b0a7f6}.manual-ledger-row .ledger-session{border-color:#454064;background:var(--accent-soft);color:#b0a7f6;font-weight:700}.manual-ledger-row .ledger-session.running{border-color:rgba(50,214,155,.28);background:var(--green-soft);color:#7fdcba}.manual-ledger-row .ledger-delete{border:0;background:transparent;color:#70798b;font-size:13px}
.manual-mode-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.manual-mode-steps>div{padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.manual-mode-steps span{display:block;color:#9185eb;font-size:9px;font-weight:700}.manual-mode-steps strong{display:block;margin-top:8px;font-size:10px}.manual-mode-steps p{margin:5px 0 0;color:#717b8d;font-size:8px;line-height:1.5}.manual-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.secondary,.primary{border-radius:8px;padding:8px 13px;font-size:9px;cursor:pointer}.secondary{border:1px solid var(--line-strong);background:var(--surface-2);color:#bcc3d0}.modal-note{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.modal-note span{color:#9b8eec;font-size:8px;font-weight:700}.modal-note p{margin:3px 0 0;color:#697386;font-size:8px}

/* Settings and feedback */
.settings-drawer{position:fixed;right:-510px;top:0;bottom:0;width:490px;display:flex;flex-direction:column;border-left:1px solid var(--line-strong);background:#10141c;box-shadow:-30px 0 70px rgba(0,0,0,.42);z-index:70;transition:.25s}.settings-drawer.open{right:0}.drawer-head{display:flex;justify-content:space-between;padding:22px;border-bottom:1px solid var(--line)}.drawer-head h2{margin:5px 0 0;font-size:19px}.drawer-body{padding:20px 22px;overflow:auto}.setting-section{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}.setting-section h3{margin:0 0 5px;font-size:12px}.setting-section p{margin:0 0 12px;color:#7b8597;font-size:9px;line-height:1.55}.setting-section label{display:block;margin:10px 0 5px;color:#8790a2;font-size:8px}.setting-section>small{display:block;margin-top:7px;color:#717b8d;font-size:8px}.drawer-footer{margin-top:auto;display:flex;justify-content:flex-end;gap:8px;padding:14px 22px;border-top:1px solid var(--line);background:#0d1017}.toast{position:fixed;left:50%;bottom:44px;z-index:90;padding:10px 15px;border:1px solid var(--line-strong);border-radius:9px;background:#1a202b;color:#f2f4f8;box-shadow:0 16px 40px rgba(0,0,0,.4);font-size:9px;opacity:0;pointer-events:none;transform:translate(-50%,10px);transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.update-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.update-title>div{min-width:0}.update-title b{flex:none;padding:5px 8px;border:1px solid #4a5260;border-radius:7px;background:#252a32;color:#d9d4ff;font-size:9px}.update-progress{height:7px;margin:11px 0 8px;overflow:hidden;border-radius:999px;background:#303640}.update-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7669dc,#43c8bd);transition:width .25s}.update-actions{display:flex;gap:7px;margin-top:10px}.update-actions button{min-height:34px}.update-notes{margin-top:9px!important;padding:9px;border:1px solid #353c47;border-radius:8px;background:#20242b;color:#b8c0ca!important;white-space:pre-wrap}

@media (max-height:800px){.topbar{height:64px}.statusbar{height:27px}.column-header,.canvas-header,.inspector-header{height:58px}.rail-step{min-height:42px;padding:5px}.step-rail>i{max-height:7px}.asset-dock{height:88px}.model-card{height:49px}.preview-card-header{height:46px}.repair-choice{padding:8px 9px}.composer textarea{height:62px}.prompt-library{padding:9px}.chat-stream{padding:15px}}
@media (max-width:1360px){.topbar{grid-template-columns:245px 1fr auto;padding:0 14px}.workspace{grid-template-columns:80px minmax(300px,330px) minmax(390px,1fr) minmax(320px,350px)}.rail-step{grid-template-columns:25px 1fr;gap:1px 5px}.rail-step b{width:25px;height:25px}.canvas-column{padding-left:11px;padding-right:11px}.column-header,.inspector-header{padding-left:14px;padding-right:14px}.asset-status,.status-item{display:none}.engine-pill{padding:0 9px}.chat-stream{padding-left:14px;padding-right:14px}.composer{margin-left:11px;margin-right:11px}.inspector-page{padding:14px}.manual-action-row small{max-width:165px}}
@media (max-width:1190px){.project-title{display:none}.topbar{grid-template-columns:1fr auto}.workspace{grid-template-columns:72px minmax(285px,310px) minmax(380px,1fr) minmax(300px,330px)}.rail-step small{display:none}.rail-step{grid-template-columns:25px 1fr;grid-template-rows:1fr;min-height:42px}.rail-step b{grid-row:auto}.rail-step span{align-self:center}}

/* Minimum readable type scale for production use */
.rail-step small,.prompt-library-head small,.prompt-group>b,.prompt-group button,.preview-card-header span,.video-requirement,.workflow-card small,.workflow-detail,.workflow-source span,.workflow-source strong,.workflow-tip p,.job-console-head b,.job-empty span,.job-info span,.run-button small,.active-account small,.manual-action-row small,.route-summary>span,.route-summary b,.route-summary i,.ledger-head small,.minimum-editor,.ledger-recommendation small,.ledger-account-name small,.ledger-balance span,.manual-mode-steps p,.modal-note span,.modal-note p,.setting-section label,.setting-section>small{font-size:8px}
.manual-action-row strong,.workflow-card strong,.job-info strong,.run-button strong,.ledger-account-name strong,.setting-section p{font-size:10px}

/* --------------------------------------------------------------------------
   Commercial workspace V2 — bright editorial studio, horizontal production flow
   -------------------------------------------------------------------------- */
:root{color-scheme:light;--bg:#edf0f5;--chrome:#fff;--surface:#fff;--surface-2:#f5f6f9;--surface-3:#eef0f5;--line:#e1e5ec;--line-strong:#cfd5df;--text:#171a23;--text-2:#414858;--muted:#737c8e;--muted-2:#9aa2b1;--accent:#6257e6;--accent-2:#7568ef;--accent-soft:#efedff;--green:#149b75;--green-soft:#e9f7f2;--orange:#c88728;--orange-soft:#fff5e5;--danger:#d95468;--shadow:0 24px 70px rgba(33,39,54,.16)}
body{background:var(--bg);color:var(--text)}
.product-shell{background:linear-gradient(180deg,#f6f7fa 0,#edf0f5 48%,#e9edf3 100%)}

/* Brand and command bar */
.topbar{height:68px;grid-template-columns:280px minmax(220px,1fr) auto;padding:0 20px;border-bottom:1px solid #e4e7ed;background:rgba(255,255,255,.96);box-shadow:0 4px 18px rgba(35,40,53,.05);backdrop-filter:blur(18px)}
.brand-glyph{border-color:#d9d4ff;background:linear-gradient(145deg,#8074f4,#5d50dc 62%,#4977eb);box-shadow:0 9px 22px rgba(93,80,220,.22)}.brand strong{color:#171a23}.brand small{color:#6b61d8}.project-title{border-left-color:#e2e5eb}.project-title>span{color:#a1a8b4}.project-title>strong{color:#353b48}
.engine-pill{border-color:#cdebe0;background:#eefaf6;color:#247c64}.engine-pill i,.live-model i{background:#1ab083;box-shadow:0 0 0 4px rgba(26,176,131,.1)}
.account-button{border-color:#dfe3ea;background:#f8f9fb;box-shadow:0 2px 7px rgba(31,36,48,.03)}.account-button:hover{border-color:#bcb5f0;background:#fff;box-shadow:0 9px 24px rgba(38,40,57,.09)}.account-button small{color:#9299a7}.account-button strong{color:#252a35}.account-button strong b{background:#ece9ff;color:#6257dc}.account-button>i{color:#9ba2af}.account-avatar{background:linear-gradient(145deg,#8b7ef2,#6256d9);color:#fff}.icon-button{border-color:#dfe3ea;background:#f8f9fb;color:#697181}.icon-button:hover{border-color:#beb8eb;background:#fff;color:#5f54d4}

/* New information architecture: progress on top, three working columns below */
.workspace{display:grid;grid-template-columns:minmax(320px,350px) minmax(470px,1fr) minmax(340px,370px);grid-template-rows:58px minmax(0,1fr);background:#edf0f5}
.step-rail{grid-column:1/-1;grid-row:1;min-height:0;display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px 18px;border:0;border-bottom:1px solid #e0e4eb;background:#fff;box-shadow:0 4px 14px rgba(34,39,52,.035);z-index:2}
.rail-step{width:auto;min-width:90px;max-width:150px;min-height:40px;flex:1;display:grid;grid-template-columns:27px 1fr;grid-template-rows:auto auto;gap:0 7px;padding:5px 8px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left}.rail-step b{grid-row:1/3;width:27px;height:27px;border-color:#dfe3ea;background:#f7f8fa;color:#8992a2}.rail-step span{align-self:end;color:#626b7b;font-size:10px}.rail-step small{align-self:start;color:#a0a7b4;font-size:7px}.rail-step:hover{background:#f7f8fb}.rail-step.active{border-color:#d8d3fb;background:#f3f1ff}.rail-step.active b{border-color:#6c60df;background:#6559e2;color:#fff;box-shadow:0 6px 14px rgba(98,87,224,.2)}.rail-step.active span{color:#3c357f}.rail-step.active small{color:#7f76c3}.rail-step.completed b{border-color:#bce2d5;background:#eaf7f3;color:#168866}.rail-step.completed span{color:#367e69}.step-rail>i{width:auto;height:1px;min-width:7px;min-height:1px;max-height:none;flex:.35;margin:0;background:#e1e5eb}
.chat-column{grid-column:1;grid-row:2;border-right:1px solid #dfe3ea;background:#f8f9fb}.canvas-column{grid-column:2;grid-row:2;padding:0 14px 13px;background:#eef1f5}.inspector-column{grid-column:3;grid-row:2;border-left:1px solid #dfe3ea;background:#fff}
.column-header,.canvas-header,.inspector-header{height:64px}.column-header{padding:0 17px;border-bottom:1px solid #e3e6ec;background:#fff}.canvas-header{padding:0 2px}.inspector-header{padding:0 17px;border-bottom:1px solid #e3e6ec}.eyebrow{color:#6d62d9}.column-header h1,.canvas-header h2,.inspector-header h2{color:#171a23}.live-model,.asset-status{border-color:#e1e4ea;background:#f8f9fb;color:#747d8e}.live-model.configured{border-color:#cce9df;background:#eef9f5;color:#227d65}.live-model:not(.configured) i{background:#d69b3f;box-shadow:0 0 0 4px rgba(214,155,63,.1)}

/* Conversation */
.chat-stream{padding:17px;background:radial-gradient(circle at 3% 0,#f0edff 0,transparent 31%),#f8f9fb}.avatar{border-color:#d7d2ff;background:linear-gradient(145deg,#7d70ed,#5c50d8);box-shadow:0 7px 18px rgba(91,78,211,.2)}.bubble{border-color:#e0e4ea;background:#fff;color:#555e6f;box-shadow:0 5px 16px rgba(38,43,56,.05)}.bubble strong{color:#242934}.message.user .bubble{border-color:#7569e6;background:linear-gradient(145deg,#7569e8,#5f53d8);box-shadow:0 8px 22px rgba(83,70,199,.16)}
.prompt-library{border-color:#e1e4ea;background:#fff;box-shadow:0 7px 22px rgba(35,40,52,.045)}.prompt-library-head span{color:#303642}.prompt-library-head small,.prompt-group>b{color:#9199a7}.suggestions button,.prompt-group button{border-color:#ddd9f7;background:#f7f5ff;color:#6258c9}.suggestions button:hover,.prompt-group button:hover{border-color:#9e95e9;background:#eeebff;color:#4f45b6}
.composer{border-color:#d6dbe4;background:#fff;box-shadow:0 10px 28px rgba(38,43,56,.09)}.composer:focus-within{border-color:#8d83df;box-shadow:0 10px 28px rgba(38,43,56,.1),0 0 0 3px rgba(98,87,230,.09)}.composer textarea{color:#252a35}.composer textarea::placeholder{color:#9ca4b2}.composer-bottom{border-top-color:#eceef2}.composer-bottom>div>span{color:#9ba2af}.upload-reference{border-color:#dedaf8;background:#f3f1ff;color:#6258d0}.send-button{background:linear-gradient(145deg,#7569e9,#5f53d9);box-shadow:0 8px 18px rgba(83,69,201,.2)}.attachment-tray{border-bottom-color:#eceef2}.attachment-chip{border-color:#dfe3e9}.generated-card{border-color:#dfe3e9;background:#fff;box-shadow:0 10px 28px rgba(35,40,52,.11)}.generated-card-info>span{color:#858e9f}.generated-card-actions button{border-color:#dfe3ea;background:#f7f8fa;color:#60697a}.generated-card-actions button:first-child{border-color:#6559e1;background:#6559e1;color:#fff}

/* Review board */
.preview-grid{gap:11px}.preview-card{border-color:#dce1e8;background:#fff;box-shadow:0 9px 27px rgba(37,42,54,.07)}.preview-card-header{border-bottom-color:#e5e8ed;background:#fff}.preview-card-header span{color:#9ba3b0}.preview-card-header strong{color:#252a35}.preview-card-header>b{border-color:#ddd9f7;background:#f2f0ff;color:#6258d2}.preview-card-header>button{border-color:#d8d3f7;background:#f3f1ff;color:#5e54c8}.preview-card-header>button:hover{border-color:#9f96e6;background:#ece9ff;color:#4f44b8}
.canvas-stage{background-color:#f1f3f6;background-image:linear-gradient(45deg,#e9ecf1 25%,transparent 25%),linear-gradient(-45deg,#e9ecf1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9ecf1 75%),linear-gradient(-45deg,transparent 75%,#e9ecf1 75%);box-shadow:inset 0 0 0 8px rgba(255,255,255,.4)}.canvas-stage>img{background:#edf0f4}.image-placeholder{border-color:#dde1e8;background:rgba(255,255,255,.94);box-shadow:0 14px 36px rgba(42,47,60,.1)}.placeholder-orbit{border-color:#d6d2ee;background:linear-gradient(145deg,#f8f7ff,#eae8fb)}.image-placeholder strong{color:#2b303b}.image-placeholder p{color:#8891a1}.selected-image-actions{border-color:#c8e7dc;background:#edf9f5}.selected-image-actions span{color:#247c65}.selected-image-actions button{color:#6258cb}
.video-requirement{border-bottom-color:#e5e8ed;background:#f8f9fb;color:#858e9e}.media-preview-card .video-list{background:#f1f3f6}.media-preview-card .video-list.empty{background:radial-gradient(circle at center,#ece9ff 0,transparent 41%),#f3f4f7}.video-empty-icon{border-color:#ddd8f7;background:#efedff;color:#6258d5}.video-list strong{color:#3c4250}.video-list span{color:#8992a2}.media-preview-card .video-card{border-color:#dfe3ea;background:#fff;box-shadow:0 7px 20px rgba(35,40,53,.1)}.media-preview-card .video-card>div:not(.video-empty-icon){background:#fff;color:#737c8d}.media-preview-card .video-card>.video-empty-icon{background:#252a36;color:#d9d4ff}
.repair-choice{border-color:#dcd8f5;background:linear-gradient(135deg,#f5f3ff,#fafaff)}.repair-choice small{color:#7d8594}.repair-options button{border-color:#ddd9ef;background:#fff;color:#6359c5}.repair-options button span{color:#b17625}.repair-options button.selected{border-color:#665ae1;background:linear-gradient(145deg,#7569e8,#5e52d7);box-shadow:0 7px 18px rgba(83,70,195,.18)}.manual-repair-panel{border-color:#efd8b1;background:#fff8ea}.manual-repair-panel strong{color:#805d26}.manual-repair-panel small,.manual-repair-panel p{color:#9a7e52}.manual-repair-actions a,.manual-repair-actions button{border-color:#ecd7b4;background:#fff;color:#8c6428}
.model-warehouse{border-color:#dde2e9;background:#fff;box-shadow:0 6px 18px rgba(36,41,53,.04)}.dock-header span{color:#8f97a5}.dock-header button{border-color:#e0e4ea;background:#f5f6f8;color:#707989}.warehouse-toggle{color:#767f8f}.warehouse-toggle>span{background:#d7dbe2}.warehouse-toggle>span i{background:#fff}.warehouse-toggle input:checked+span{background:#6559df}.model-card{background:#e9ecf1}.model-card.selected{border-color:#6c60e3;box-shadow:0 0 0 3px #e7e3ff}.warehouse-empty{color:#9098a6}

/* Production console */
.inspector-header button{border-color:#dfe3e9;background:#f7f8fa;color:#707989}.inspector-tabs{border-bottom-color:#e3e6eb}.inspector-tabs button{color:#8c94a2}.inspector-tabs button.active{color:#2d323d}.inspector-tabs button.active:after{background:#665ae0;box-shadow:none}.section-title>span{color:#303540}.section-title>b{color:#929aa8}.readiness-list{border-color:#e0e4ea;background:#fff}.readiness-list>div{border-bottom-color:#eceef2}.readiness-list i{background:#c8cdd6}.readiness-list i.ready{background:#179b75}.readiness-list span{color:#555e6e}.readiness-list b{color:#939aa7}.readiness-list b.ready{color:#238066}
.account-title button{color:#6258cc}.active-account{border-color:#dedaf5;background:linear-gradient(135deg,#f3f1ff,#fafaff)}.active-account>span{background:linear-gradient(145deg,#8073eb,#6357db);color:#fff}.active-account strong{color:#303540}.active-account small{color:#7e8797}.manual-action-row{border-color:#e0e4ea;background:#fff}.manual-action-row>span{border-color:#ddd9f6;background:#f1efff;color:#6258d1}.manual-action-row strong{color:#3d4350}.manual-action-row small{color:#848d9d}.manual-action-row button{border-color:#ddd8f6;background:#f5f3ff;color:#6056c9}.manual-action-row button:hover{border-color:#9f96e6;color:#4f45b6}.route-summary{border-color:#e1e4ea;background:#f8f9fb}.route-summary>span{color:#8b93a1}.route-summary b{color:#555e6e}.route-summary i{color:#8c83c9}
.workflow-search{border-color:#d8dde5;background:#fff}.workflow-search>span{color:#9199a6}.workflow-search input{color:#353b47}.workflow-search input::placeholder{color:#a0a7b3}.workflow-loading{color:#8a93a2}.workflow-card{border-color:#e0e4ea;background:#fff}.workflow-card:hover{border-color:#bdb7ec;background:#fbfaff}.workflow-card.selected{border-color:#7267df;background:linear-gradient(135deg,#f1efff,#fbfaff);box-shadow:0 0 0 2px #e9e6ff}.workflow-card-icon{border-color:#ddd9f6;background:#f0eeff;color:#6258d2}.workflow-card strong{color:#353b47}.workflow-card small{color:#8891a1}.workflow-card-tags span{background:#f0f2f5;color:#737c8c}.workflow-card>i{border-color:#d6dbe3}.workflow-card.selected>i{border-color:#6b5fe1;background:#6b5fe1}.workflow-detail{color:#7b8494}.workflow-source{border-color:#e1e4ea;background:#f8f9fb}.workflow-source span{color:#8d95a3}.workflow-source strong{color:#9b6c2c}.workflow-tip{background:#f0eeff;color:#6258c7}.workflow-tip>i{background:#685cdf}
.select-wrap select,.field-input,.settings-drawer input,.settings-drawer select{border-color:#d6dbe3;background:#fff;color:#303641}.select-wrap select:focus,.field-input:focus,.settings-drawer input:focus,.settings-drawer select:focus{border-color:#8c83df;box-shadow:0 0 0 3px #efedff}.field-label{color:#667080}.directory-picker button{background:linear-gradient(145deg,#7266e5,#5e52d5)}.export-format>span{color:#687181}.export-format>div{border-color:#e0e4ea;background:#fff}.export-format small{color:#8d95a3}.job-console{border-color:#e0e4ea;background:#fff}.job-console-head{border-bottom-color:#e4e7ec;background:#f8f9fb}.job-console-head b,.job-empty{color:#8c94a2}.job-empty strong{color:#606979}.job-row .play{background:linear-gradient(145deg,#766ae9,#5d51d5)}.job-info span{color:#7f8898}.progress{background:#e7e9ee}.job-percent{color:#6258d1}
.inspector-footer{border-top-color:#e2e5eb;background:#fff}.run-button{border-color:#6257d8;background:linear-gradient(145deg,#7367e7,#5c50d5);box-shadow:0 10px 24px rgba(81,67,190,.2)}.run-button:disabled{border-color:#d7dce4;background:#e8ebf0;color:#9299a6}.run-button small{color:#d9d5ff}.run-button:disabled small{color:#9ba2ae}.inspector-footer>p{color:#8c94a2}
.statusbar{border-top-color:#dfe3e9;background:#fff;color:#858e9d}.statusbar i{background:#c2c8d1}.statusbar>div:first-child i{background:#159b75}.statusbar b{background:#efedff;color:#6258cb}

/* Light account and settings surfaces */
.modal-mask,.drawer-mask{background:rgba(25,29,40,.38)}.account-modal{border-color:#dce1e8;background:#fff;box-shadow:0 28px 80px rgba(31,36,49,.22)}.modal-head>div>span,.drawer-head span{color:#6459d1}.modal-head h2,.drawer-head h2,.setting-section h3{color:#202530}.modal-head p{color:#727b8b}.modal-head>button,.drawer-head button{border-color:#e0e4ea;background:#f5f6f8;color:#747d8d}.account-gate{border-color:#f0cbd1;background:#fff3f5;color:#ad5664}.account-gate.ready{border-color:#c9e8dd;background:#edf9f5;color:#277e66}.manual-account-ledger{border-color:#e0e4ea;background:#fafbfc}.ledger-head small,.minimum-editor{color:#808998}.minimum-editor input,.manual-account-form input{border-color:#d7dce4;background:#fff;color:#303641}.minimum-editor .secondary-balance-action{border-color:#d7dce4;background:#fff;color:#5f6878}.ledger-recommendation{border-color:#c9e8dd;background:#edf9f5}.ledger-recommendation>span{background:#d7f0e8;color:#187d60}.ledger-recommendation small{color:#61897d}.ledger-empty{border-color:#d5dae2;color:#8c94a2}.manual-ledger-row{border-color:#e0e4ea;background:#fff}.manual-ledger-row.active{border-color:#aaa2ea}.manual-ledger-row.recommended{background:linear-gradient(90deg,#f0eeff,#fbfaff)}.manual-ledger-row.low{background:#fff8f9}.manual-ledger-row.session-running{border-color:#bde2d6;background:#f1faf7}.manual-ledger-row.session-attention{border-color:#ead2a9;background:#fffbf2}.ledger-order{background:#efedff;color:#6258cc}.ledger-account-name small{color:#858e9e}.ledger-balance strong{color:#313742}.ledger-balance span{color:#8b93a1}.manual-ledger-row button{border-color:#dfe3ea;background:#f8f9fb;color:#626b7a}.manual-ledger-row .ledger-active,.manual-ledger-row .ledger-session{border-color:#d9d4f5;background:#f2f0ff;color:#6258cb}.manual-ledger-row .ledger-session.running{border-color:#c8e7dc;background:#edf9f5;color:#237e65}.manual-mode-steps>div{border-color:#e0e4ea;background:#fafbfc}.manual-mode-steps span{color:#6459d1}.manual-mode-steps strong{color:#343a46}.manual-mode-steps p{color:#798292}.secondary{border-color:#d5dae2;background:#fff;color:#555e6d}.modal-note{border-top-color:#e5e8ed}.modal-note span{color:#6459cf}.modal-note p{color:#7d8695}
.settings-drawer{border-left-color:#dce1e8;background:#fff;box-shadow:-28px 0 70px rgba(31,36,49,.18)}.drawer-head{border-bottom-color:#e2e5eb}.drawer-body{background:#fff}.setting-section{border-bottom-color:#e5e8ed}.setting-section p{color:#737c8c}.setting-section label{color:#6f7888}.setting-section>small{color:#858e9e}.drawer-footer{border-top-color:#e2e5eb;background:#fafbfc}.toast{border-color:#343b48;background:#202530;color:#fff;box-shadow:0 15px 38px rgba(30,35,48,.24)}

@media(max-height:800px){.topbar{height:62px}.workspace{grid-template-rows:54px minmax(0,1fr)}.step-rail{padding-top:6px;padding-bottom:6px}.rail-step{min-height:38px}.column-header,.canvas-header,.inspector-header{height:56px}.asset-dock{height:82px}}
@media(max-width:1360px){.topbar{grid-template-columns:245px 1fr auto}.workspace{grid-template-columns:minmax(300px,330px) minmax(440px,1fr) minmax(320px,350px)}.step-rail{padding-left:12px;padding-right:12px;gap:5px}.rail-step{min-width:78px;padding-left:6px;padding-right:6px}.canvas-column{padding-left:10px;padding-right:10px}}
@media(max-width:1190px){.workspace{grid-template-columns:minmax(285px,310px) minmax(420px,1fr) minmax(300px,330px)}.rail-step{padding-left:8px;padding-right:8px}.rail-step small{display:none}.rail-step{grid-template-rows:1fr}.rail-step b{grid-row:auto}.rail-step span{align-self:center}.project-title{display:none}}

/* --------------------------------------------------------------------------
   Commercial workspace V3 — calm graphite, canvas first, switchable side dock
   -------------------------------------------------------------------------- */
:root{color-scheme:dark;--bg:#15171b;--chrome:#191c21;--surface:#20242b;--surface-2:#262b33;--surface-3:#2d333d;--line:#343a45;--line-strong:#454d5a;--text:#eceff4;--text-2:#bdc4cf;--muted:#8992a0;--muted-2:#626b79;--accent:#776de2;--accent-2:#9187ef;--accent-soft:rgba(119,109,226,.14);--green:#35b98e;--green-soft:rgba(53,185,142,.12);--orange:#d4a456;--orange-soft:rgba(212,164,86,.12);--danger:#e36b7c;--shadow:0 24px 70px rgba(0,0,0,.34)}
body{background:#15171b;color:var(--text)}.product-shell{background:radial-gradient(circle at 50% -28%,rgba(119,109,226,.1),transparent 35%),#15171b}

/* Top command bar */
.topbar{height:68px;grid-template-columns:260px minmax(180px,1fr) auto auto;gap:16px;padding:0 18px;border-bottom:1px solid #30353e;background:rgba(25,28,33,.97);box-shadow:0 5px 22px rgba(0,0,0,.16)}
.brand-glyph{border-color:rgba(255,255,255,.14);background:linear-gradient(145deg,#8d83ef,#685dd3 62%,#4f76d7);box-shadow:0 8px 22px rgba(55,46,143,.28)}.brand strong{color:#eff1f5}.brand small{color:#9d95e6}.project-title{border-left-color:#363b45}.project-title>span{color:#717a88}.project-title>strong{color:#c7ccd5}
.dock-switcher{height:38px;display:flex;align-items:center;gap:3px;padding:3px;border:1px solid #383e49;border-radius:10px;background:#14171b}.dock-switcher button{height:30px;display:flex;align-items:center;gap:6px;padding:0 11px;border:0;border-radius:7px;background:transparent;color:#7f8896;font-size:9px;font-weight:650;cursor:pointer;transition:.18s}.dock-switcher button span{font-size:10px}.dock-switcher button:hover{color:#c5cad3}.dock-switcher button.active{background:#2c3039;color:#f0f1f5;box-shadow:0 3px 10px rgba(0,0,0,.22),inset 0 0 0 1px #454b57}.engine-pill{border-color:rgba(53,185,142,.22);background:rgba(53,185,142,.1);color:#83d5ba}.engine-pill i,.live-model i{background:#35b98e;box-shadow:0 0 0 4px rgba(53,185,142,.08)}
.account-button{border-color:#373d48;background:#22262d;box-shadow:none}.account-button:hover{border-color:#5e568e;background:#282c34;box-shadow:0 8px 22px rgba(0,0,0,.18)}.account-button small{color:#717a88}.account-button strong{color:#dfe2e8}.account-button strong b{background:rgba(119,109,226,.16);color:#aca5ed}.account-button>i{color:#747d8b}.account-avatar{background:linear-gradient(145deg,#9186ed,#6d62d3);color:#fff}.icon-button{border-color:#373d48;background:#22262d;color:#8d96a3}.icon-button:hover{border-color:#5e568e;background:#292d35;color:#dadde3}

/* Completely new layout */
.workspace{display:grid;grid-template-columns:190px minmax(560px,1fr) 390px;grid-template-rows:minmax(0,1fr);background:#15171b}
.step-rail{grid-column:1;grid-row:1;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:17px 13px 13px;border:0;border-right:1px solid #30353e;background:#181b20;box-shadow:none;z-index:2}.step-rail:before{content:"创作流程";display:block;margin:0 8px 12px;color:#727b89;font-size:9px;font-weight:750;letter-spacing:.12em}.step-rail:after{content:"所有步骤自动保存";display:block;margin-top:auto;padding:11px 9px;border-top:1px solid #30353e;color:#626b78;font-size:8px;text-align:center}
.rail-step{width:100%;min-width:0;max-width:none;min-height:51px;flex:none;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;gap:1px 9px;padding:7px 8px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left}.rail-step b{grid-row:1/3;width:30px;height:30px;border:1px solid #3b424d;border-radius:9px;background:#20242a;color:#7f8896}.rail-step span{align-self:end;color:#a8afb9;font-size:11px}.rail-step small{display:block;align-self:start;color:#626b78;font-size:8px}.rail-step:hover{border-color:#343a45;background:#1e2228}.rail-step.active{border-color:rgba(119,109,226,.28);background:linear-gradient(135deg,rgba(119,109,226,.16),rgba(119,109,226,.055))}.rail-step.active b{border-color:#8277df;background:#756ae0;color:#fff;box-shadow:0 7px 17px rgba(47,38,131,.3)}.rail-step.active span{color:#f1f2f5}.rail-step.active small{color:#9d95de}.rail-step.completed b{border-color:rgba(53,185,142,.3);background:rgba(53,185,142,.12);color:#74ceb1}.rail-step.completed span{color:#9bc5b7}.step-rail>i{width:1px;height:auto;min-width:1px;min-height:3px;max-height:8px;flex:1;margin:0 0 0 23px;background:#303640}
.canvas-column{grid-column:2;grid-row:1;padding:0 15px 14px;background:#171a1f}.chat-column,.inspector-column{grid-column:3;grid-row:1;min-height:0;border-left:1px solid #30353e;border-right:0;background:#1b1e24}.workspace[data-dock="chat"] .chat-column{display:flex}.workspace[data-dock="chat"] .inspector-column{display:none}.workspace[data-dock="production"] .chat-column{display:none}.workspace[data-dock="production"] .inspector-column{display:flex}
.column-header,.canvas-header,.inspector-header{height:66px}.column-header{padding:0 17px;border-bottom:1px solid #30353e;background:#1b1e24}.canvas-header{padding:0 2px}.inspector-header{padding:0 17px;border-bottom:1px solid #30353e}.eyebrow{color:#9188e5}.column-header h1,.canvas-header h2,.inspector-header h2{color:#eceef3}.live-model,.asset-status{border-color:#383e48;background:#22262d;color:#838c9a}.live-model.configured{border-color:rgba(53,185,142,.22);background:rgba(53,185,142,.1);color:#7ed0b5}.live-model:not(.configured) i{background:#d4a456;box-shadow:0 0 0 4px rgba(212,164,86,.09)}

/* Right AI dock */
.chat-stream{padding:18px;background:radial-gradient(circle at 0 0,rgba(119,109,226,.08),transparent 31%),#1b1e24}.avatar{border-color:rgba(255,255,255,.1);background:linear-gradient(145deg,#8479e5,#655ac9);box-shadow:0 7px 17px rgba(45,36,122,.28)}.bubble{border-color:#363c47;background:#24282f;color:#b8bec8;box-shadow:0 5px 15px rgba(0,0,0,.12)}.bubble strong{color:#eceef2}.message.user .bubble{border-color:#766bd6;background:linear-gradient(145deg,#756bd9,#6056c4);box-shadow:0 8px 20px rgba(37,29,102,.25)}
.prompt-library{margin-left:43px;border-color:#363c46;background:#22262c;box-shadow:none}.prompt-library-head span{color:#dfe2e7}.prompt-library-head small,.prompt-group>b{color:#737c89}.suggestions button,.prompt-group button{border-color:#45405e;background:rgba(119,109,226,.1);color:#aea7e5}.suggestions button:hover,.prompt-group button:hover{border-color:#6a61a8;background:rgba(119,109,226,.17);color:#e7e4ff}
.composer{border-color:#3b424d;background:#22262d;box-shadow:0 12px 30px rgba(0,0,0,.2)}.composer:focus-within{border-color:#7167bd;box-shadow:0 12px 30px rgba(0,0,0,.22),0 0 0 3px rgba(119,109,226,.09)}.composer textarea{color:#ebedf1}.composer textarea::placeholder{color:#697280}.composer-bottom{border-top-color:#353b45}.composer-bottom>div>span{color:#68717e}.upload-reference{border-color:#4a4468;background:rgba(119,109,226,.12);color:#b1aae8}.send-button{background:linear-gradient(145deg,#7d72df,#665bc9);box-shadow:0 8px 18px rgba(37,29,105,.3)}.attachment-tray{border-bottom-color:#343a44}.attachment-chip{border-color:#3d4450}.generated-card{border-color:#3b424d;background:#262a31;box-shadow:0 12px 30px rgba(0,0,0,.22)}.generated-card-info>span{color:#838c99}.generated-card-actions button{border-color:#3e4550;background:#2b3038;color:#b7bdc7}.generated-card-actions button:first-child{border-color:#756bd8;background:#756bd8;color:#fff}

/* Center asset canvas */
.preview-grid{gap:12px}.preview-card{border-color:#363c46;background:#20242a;box-shadow:0 12px 30px rgba(0,0,0,.15)}.preview-card-header{border-bottom-color:#343a44;background:#23272e}.preview-card-header span{color:#727b88}.preview-card-header strong{color:#e6e8ec}.preview-card-header>b{border-color:#494363;background:rgba(119,109,226,.12);color:#b1aae8}.preview-card-header>button{border-color:#4b456b;background:rgba(119,109,226,.12);color:#b6afea}.preview-card-header>button:hover{border-color:#7167b7;background:rgba(119,109,226,.2);color:#eceaff}
.canvas-stage{background-color:#191c21;background-image:linear-gradient(45deg,#1d2127 25%,transparent 25%),linear-gradient(-45deg,#1d2127 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1d2127 75%),linear-gradient(-45deg,transparent 75%,#1d2127 75%);box-shadow:inset 0 0 0 8px rgba(255,255,255,.012)}.canvas-stage>img{background:#181b20}.image-placeholder{border-color:#373e49;background:rgba(35,39,46,.94);box-shadow:0 16px 40px rgba(0,0,0,.24)}.placeholder-orbit{border-color:#4b4567;background:linear-gradient(145deg,#302d45,#22252d)}.image-placeholder strong{color:#e6e8ec}.image-placeholder p{color:#7e8794}.selected-image-actions{border-color:rgba(53,185,142,.24);background:rgba(53,185,142,.1)}.selected-image-actions span{color:#75ceb0}.selected-image-actions button{color:#aaa3e1}
.video-requirement{border-bottom-color:#343a44;background:#1d2026;color:#77808e}.media-preview-card .video-list{background:#191c21}.media-preview-card .video-list.empty{background:radial-gradient(circle at center,rgba(119,109,226,.08),transparent 42%),#191c21}.video-empty-icon{border-color:#46405f;background:rgba(119,109,226,.12);color:#aaa3e2}.video-list strong{color:#d8dbe1}.video-list span{color:#737c89}.media-preview-card .video-card{border-color:#373e49;background:#17191e;box-shadow:0 9px 24px rgba(0,0,0,.2)}.media-preview-card .video-card>div:not(.video-empty-icon){background:#24282f;color:#858e9b}.media-preview-card .video-card>.video-empty-icon{background:#252a32;color:#aaa3e2}
.repair-choice{border-color:#46405f;background:linear-gradient(135deg,rgba(119,109,226,.12),rgba(119,109,226,.035))}.repair-choice small{color:#7c8592}.repair-options button{border-color:#45404f;background:#252930;color:#aaa3df}.repair-options button span{color:#d0a359}.repair-options button.selected{border-color:#756bd7;background:linear-gradient(145deg,#786edb,#6258c2);box-shadow:0 7px 18px rgba(38,30,105,.25)}.manual-repair-panel{border-color:rgba(212,164,86,.25);background:rgba(212,164,86,.09)}.manual-repair-panel strong{color:#e2bf82}.manual-repair-panel small,.manual-repair-panel p{color:#a78e64}.manual-repair-actions a,.manual-repair-actions button{border-color:rgba(212,164,86,.25);background:rgba(255,255,255,.025);color:#d3ad6c}
.model-warehouse{border-color:#363c46;background:#20242a;box-shadow:0 8px 22px rgba(0,0,0,.12)}.dock-header span{color:#77808d}.dock-header button{border-color:#393f49;background:#282c33;color:#8e97a4}.warehouse-toggle{color:#838c99}.warehouse-toggle>span{background:#3b424c}.warehouse-toggle>span i{background:#c8cdd4}.warehouse-toggle input:checked+span{background:#756bd9}.model-card{background:#292e36}.model-card.selected{border-color:#8278df;box-shadow:0 0 0 3px rgba(119,109,226,.15)}.warehouse-empty{color:#747d8a}

/* Right production dock */
.inspector-header button{border-color:#383e48;background:#252930;color:#8c95a2}.inspector-tabs{border-bottom-color:#30353e}.inspector-tabs button{color:#78818f}.inspector-tabs button.active{color:#eceef2}.inspector-tabs button.active:after{background:#8b81e8}.section-title>span{color:#e1e4e8}.section-title>b{color:#747d8a}.readiness-list{border-color:#373d47;background:#21252b}.readiness-list>div{border-bottom-color:#343a43}.readiness-list i{background:#565f6d}.readiness-list i.ready{background:#35b98e}.readiness-list span{color:#b8bec8}.readiness-list b{color:#737c89}.readiness-list b.ready{color:#74cdb0}
.account-title button{color:#aaa3e1}.active-account{border-color:#45405e;background:linear-gradient(135deg,rgba(119,109,226,.13),rgba(119,109,226,.035))}.active-account>span{background:linear-gradient(145deg,#867be4,#6a5fc9)}.active-account strong{color:#e8eaee}.active-account small{color:#828b98}.manual-action-row{border-color:#373d47;background:#21252b}.manual-action-row>span{border-color:#45405f;background:rgba(119,109,226,.12);color:#aaa3e2}.manual-action-row strong{color:#dfe2e7}.manual-action-row small{color:#78818e}.manual-action-row button{border-color:#484262;background:rgba(119,109,226,.1);color:#aaa3df}.manual-action-row button:hover{border-color:#6d63ad;color:#e6e3ff}.route-summary{border-color:#363c46;background:#1e2228}.route-summary>span{color:#737c89}.route-summary b{color:#aab1bc}.route-summary i{color:#8c84c9}
.workflow-search{border-color:#414855;background:#23272e}.workflow-search>span{color:#737c89}.workflow-search input{color:#e4e6eb}.workflow-search input::placeholder{color:#68717e}.workflow-loading{color:#747d8a}.workflow-card{border-color:#373e48;background:#21252b}.workflow-card:hover{border-color:#565071;background:#272b32}.workflow-card.selected{border-color:#7167c3;background:linear-gradient(135deg,rgba(119,109,226,.15),rgba(119,109,226,.035));box-shadow:0 0 0 2px rgba(119,109,226,.07)}.workflow-card-icon{border-color:#484266;background:rgba(119,109,226,.12);color:#aaa3e2}.workflow-card strong{color:#dfe2e7}.workflow-card small{color:#7b8491}.workflow-card-tags span{background:#2c3138;color:#858e9b}.workflow-card>i{border-color:#48505c}.workflow-card.selected>i{border-color:#776ddd;background:#776ddd}.workflow-detail{color:#7c8592}.workflow-source{border-color:#363c46;background:#1e2228}.workflow-source span{color:#7c8592}.workflow-source strong{color:#c29b5f}.workflow-tip{background:rgba(119,109,226,.12);color:#aaa3df}.workflow-tip>i{background:#756bd9}
.select-wrap select,.field-input,.settings-drawer input,.settings-drawer select{border-color:#414855;background:#24282f;color:#e3e6ea}.select-wrap select:focus,.field-input:focus,.settings-drawer input:focus,.settings-drawer select:focus{border-color:#7167bd;box-shadow:0 0 0 3px rgba(119,109,226,.09)}.field-label{color:#9ba3af}.directory-picker button{background:linear-gradient(145deg,#7b70dc,#6359c4)}.export-format>span{color:#959daa}.export-format>div{border-color:#373d47;background:#21252b}.export-format small{color:#78818e}.job-console{border-color:#373d47;background:#21252b}.job-console-head{border-bottom-color:#343a44;background:#24282f}.job-console-head b,.job-empty{color:#77808d}.job-empty strong{color:#aab1bb}.job-row .play{background:linear-gradient(145deg,#7a70dc,#6359c5)}.job-info span{color:#7c8592}.progress{background:#373e48}.job-percent{color:#aaa3e2}
.inspector-footer{border-top-color:#30353e;background:#191c21}.run-button{border-color:#756bd6;background:linear-gradient(145deg,#7d73df,#655bc7);box-shadow:0 10px 24px rgba(34,27,95,.28)}.run-button:disabled{border-color:#3b424d;background:#292e36;color:#6d7683}.run-button small{color:#d1cdf4}.run-button:disabled small{color:#666f7c}.inspector-footer>p{color:#747d8a}.statusbar{border-top-color:#30353e;background:#171a1f;color:#6f7885}.statusbar i{background:#4c5562}.statusbar>div:first-child i{background:#35b98e}.statusbar b{background:rgba(119,109,226,.14);color:#aaa3e1}

/* All overlays use the same graphite material */
.modal-mask,.drawer-mask{background:rgba(8,10,13,.7)}.account-modal{border-color:#3b424d;background:#1d2026;box-shadow:0 30px 90px rgba(0,0,0,.5)}.modal-head>div>span,.drawer-head span{color:#9d95e6}.modal-head h2,.drawer-head h2,.setting-section h3{color:#eceef2}.modal-head p{color:#808996}.modal-head>button,.drawer-head button{border-color:#383e48;background:#262a31;color:#8b94a1}.account-gate{border-color:rgba(227,107,124,.25);background:rgba(227,107,124,.1);color:#df8c99}.account-gate.ready{border-color:rgba(53,185,142,.23);background:rgba(53,185,142,.1);color:#7bcfb3}.manual-account-ledger{border-color:#363c46;background:#191c21}.ledger-head small,.minimum-editor{color:#7e8794}.minimum-editor input,.manual-account-form input{border-color:#414855;background:#24282f;color:#e3e6ea}.minimum-editor .secondary-balance-action{border-color:#414855;background:#272b32;color:#b2b8c2}.ledger-recommendation{border-color:rgba(53,185,142,.22);background:rgba(53,185,142,.1)}.ledger-recommendation>span{background:rgba(53,185,142,.15);color:#76cdb0}.ledger-recommendation small{color:#719c8e}.ledger-empty{border-color:#3c434e;color:#78818e}.manual-ledger-row{border-color:#373d47;background:#21252b}.manual-ledger-row.active{border-color:#655d9f}.manual-ledger-row.recommended{background:linear-gradient(90deg,rgba(119,109,226,.13),rgba(119,109,226,.025))}.manual-ledger-row.low{background:rgba(227,107,124,.04)}.manual-ledger-row.session-running{border-color:rgba(53,185,142,.25);background:rgba(53,185,142,.065)}.manual-ledger-row.session-attention{border-color:rgba(212,164,86,.25);background:rgba(212,164,86,.065)}.ledger-order{background:rgba(119,109,226,.14);color:#aaa3e1}.ledger-account-name small{color:#7d8693}.ledger-balance strong{color:#e0e3e7}.ledger-balance span{color:#7b8491}.manual-ledger-row button{border-color:#3d4450;background:#282c33;color:#a6adb8}.manual-ledger-row .ledger-active,.manual-ledger-row .ledger-session{border-color:#484263;background:rgba(119,109,226,.12);color:#aaa3df}.manual-ledger-row .ledger-session.running{border-color:rgba(53,185,142,.24);background:rgba(53,185,142,.1);color:#75cdae}.manual-mode-steps>div{border-color:#363c46;background:#21252b}.manual-mode-steps span{color:#9d95e4}.manual-mode-steps strong{color:#dfe2e6}.manual-mode-steps p{color:#7c8592}.secondary{border-color:#414855;background:#272b32;color:#bcc1ca}.modal-note{border-top-color:#343a44}.modal-note span{color:#9c94e4}.modal-note p{color:#7d8693}
.settings-drawer{border-left-color:#3a414c;background:#1d2026;box-shadow:-30px 0 80px rgba(0,0,0,.45)}.drawer-head{border-bottom-color:#343a44}.drawer-body{background:#1d2026}.setting-section{border-bottom-color:#343a44}.setting-section p{color:#818a97}.setting-section label{color:#9099a6}.setting-section>small{color:#77808d}.drawer-footer{border-top-color:#343a44;background:#191c21}.toast{border-color:#474f5b;background:#2a2f37;color:#f0f1f4;box-shadow:0 16px 42px rgba(0,0,0,.35)}

@media(max-height:800px){.topbar{height:62px}.workspace{grid-template-rows:minmax(0,1fr)}.step-rail{padding-top:12px}.step-rail:before{margin-bottom:7px}.rail-step{min-height:45px;padding-top:5px;padding-bottom:5px}.rail-step small{font-size:7px}.asset-dock{height:84px}.column-header,.canvas-header,.inspector-header{height:56px}}
@media(max-width:1360px){.topbar{grid-template-columns:220px minmax(140px,1fr) auto auto;gap:10px;padding-left:14px;padding-right:14px}.workspace{grid-template-columns:176px minmax(520px,1fr) 370px}.step-rail{padding-left:10px;padding-right:10px}.canvas-column{padding-left:11px;padding-right:11px}.dock-switcher button{padding-left:9px;padding-right:9px}.engine-pill{display:none}}
@media(max-width:1190px){.topbar{grid-template-columns:205px 1fr auto}.project-title{display:none}.top-status .account-button small{display:none}.workspace{grid-template-columns:162px minmax(500px,1fr) 350px}.rail-step small{display:block}.rail-step{grid-template-rows:auto auto}.rail-step b{grid-row:1/3}.rail-step span{align-self:end}.dock-switcher{justify-self:center}}

/* --------------------------------------------------------------------------
   Research-led V4 — Runway navigation, Firefly canvas, CapCut preview focus
   -------------------------------------------------------------------------- */
:root{--bg:#111318;--chrome:#15181d;--surface:#1b1e24;--surface-2:#20242b;--surface-3:#272b33;--line:#2a2f38;--line-strong:#3a414c;--text:#eef0f3;--text-2:#bdc3cc;--muted:#7f8896;--muted-2:#596371;--accent:#8177e8;--accent-2:#9b92ef;--accent-soft:rgba(129,119,232,.13);--green:#39b88e;--green-soft:rgba(57,184,142,.11);--orange:#d3a258;--orange-soft:rgba(211,162,88,.11)}
body{min-width:1120px;background:#111318}.app-frame{width:100%;height:100vh;display:grid;grid-template-columns:72px minmax(0,1fr);overflow:hidden;background:#111318}.product-shell{height:100vh;min-width:0;background:#111318}

/* Permanent global navigation */
.global-sidebar{grid-column:1;grid-row:1;height:100vh;display:flex;flex-direction:column;align-items:center;padding:11px 8px 10px;border-right:1px solid #282d35;background:#0e1014;z-index:80}.global-brand{height:45px;display:grid;place-items:center;margin-bottom:15px}.global-brand .brand-glyph{width:37px;height:37px;padding:9px;border:0;border-radius:11px;background:#766be0;box-shadow:0 8px 22px rgba(46,37,127,.28)}.global-menu,.global-bottom{width:100%;display:grid;gap:6px}.global-menu button,.global-bottom button{width:100%;height:53px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid transparent;border-radius:9px;background:transparent;color:#626b78;cursor:pointer;transition:.16s}.global-menu svg,.global-bottom svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.global-menu button span,.global-bottom button span{font-size:8px;font-weight:600}.global-menu button:hover,.global-bottom button:hover{background:#181b21;color:#a5acb7}.global-menu button.active{border-color:#393451;background:rgba(129,119,232,.12);color:#b3acee}.global-bottom{margin-top:auto;padding-top:9px;border-top:1px solid #282d35}

/* Session header */
.topbar{height:62px;grid-template-columns:minmax(190px,1fr) auto auto;gap:14px;padding:0 15px 0 18px;border-bottom:1px solid #2a2f37;background:#15181d;box-shadow:none}.project-title{padding:0;border:0}.project-title>span{color:#626b78;font-size:8px;letter-spacing:.055em}.project-title>strong{margin-top:3px;color:#e1e4e8;font-size:12px}.dock-switcher{height:36px;border-color:#2f3540;border-radius:9px;background:#101216}.dock-switcher button{height:28px;padding:0 10px;border-radius:6px;color:#747d8a}.dock-switcher button.active{background:#292d35;color:#eff1f4;box-shadow:none;inset:0}.top-status{gap:8px}.status-item{min-width:42px}.status-item span{color:#5f6875}.status-item strong{color:#d9dce1;font-size:13px}.engine-pill{height:34px;border-color:rgba(57,184,142,.18);border-radius:8px;background:rgba(57,184,142,.085);color:#78cbae}.account-button{height:40px;border-color:#303640;border-radius:9px;background:#1b1f25}.account-button:hover{border-color:#514b78;background:#22262d}.account-avatar{width:28px;height:28px;border-radius:7px;background:#786de0}.account-button{grid-template-columns:28px 1fr 8px;gap:8px}.account-button small{font-size:7px}.account-button strong{font-size:9px}.icon-button{width:36px;height:36px;border-color:#303640;border-radius:9px;background:#1b1f25}

/* Pipeline becomes status, not navigation chrome */
.workspace{min-width:0;grid-template-columns:minmax(0,1fr) 390px;grid-template-rows:48px minmax(0,1fr);background:#111318}.step-rail{grid-column:1/-1;grid-row:1;min-height:0;display:flex;flex-direction:row;align-items:center;gap:5px;padding:6px 14px;border:0;border-bottom:1px solid #292e36;background:#13161a;box-shadow:none}.step-rail:before,.step-rail:after{content:none;display:none}.rail-step{width:auto;min-width:78px;max-width:130px;min-height:35px;flex:1;display:grid;grid-template-columns:23px 1fr;grid-template-rows:1fr;gap:6px;padding:4px 6px;border:1px solid transparent;border-radius:8px;background:transparent}.rail-step b{grid-row:auto;width:23px;height:23px;border-color:#333943;border-radius:7px;background:#1b1e24;color:#747d89;font-size:8px}.rail-step span{align-self:center;color:#7f8895;font-size:9px}.rail-step small{display:none}.rail-step:hover{border-color:#303640;background:#191c21}.rail-step.active{border-color:#443f63;background:rgba(129,119,232,.1)}.rail-step.active b{border-color:#776ddb;background:#776ddb;color:#fff;box-shadow:none}.rail-step.active span{color:#c5c0ef}.rail-step.completed b{border-color:rgba(57,184,142,.24);background:rgba(57,184,142,.1);color:#72c8ab}.rail-step.completed span{color:#82a99c}.step-rail>i{width:auto;height:1px;min-width:5px;min-height:1px;max-height:none;flex:.28;margin:0;background:#2c3139}

/* Canvas plus contextual inspector */
.canvas-column{grid-column:1;grid-row:2;padding:0 14px 13px;background:#14171b}.chat-column,.inspector-column{grid-column:2;grid-row:2;border-left:1px solid #2a2f37;background:#171a20}.column-header,.canvas-header,.inspector-header{height:59px}.canvas-header{padding:0 2px}.column-header,.inspector-header{padding:0 15px;border-bottom-color:#2a2f37;background:#171a20}.eyebrow{font-size:8px;letter-spacing:.1em}.column-header h1,.canvas-header h2,.inspector-header h2{font-size:17px}.live-model,.asset-status{max-width:156px;padding:6px 8px;border-color:#303640;border-radius:8px;background:#1b1f25;font-size:8px}
.preview-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:10px}.preview-card{border-color:#2d333c;border-radius:11px;background:#1a1d23;box-shadow:none}.preview-card-header{height:49px;padding:0 10px;border-bottom-color:#2b3038;background:#1c2026}.preview-card-header>b,.preview-card-header>button{border-radius:6px}.canvas-stage{background-color:#13161a;background-image:linear-gradient(45deg,#181b20 25%,transparent 25%),linear-gradient(-45deg,#181b20 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#181b20 75%),linear-gradient(-45deg,transparent 75%,#181b20 75%)}.image-placeholder{padding:20px 14px;border-color:#303640;border-radius:11px;background:#1d2127;box-shadow:0 14px 35px rgba(0,0,0,.2)}.placeholder-orbit{width:46px;height:46px;border-radius:13px}.repair-choice{margin-top:8px;padding:8px 10px;border-radius:9px}.repair-choice strong{font-size:10px}.asset-dock{height:91px;margin-top:8px}.model-warehouse{padding:8px 10px;border-color:#2d333c;border-radius:10px;background:#1a1d23;box-shadow:none}.model-grid{margin-top:6px}.model-card{height:53px;width:47px;border-radius:7px}.media-preview-card .video-list{padding:7px}.video-requirement{padding:6px 9px}

/* Right panel is intentionally one context at a time */
.chat-stream{padding:16px;background:#171a20}.message{margin-bottom:14px}.bubble{border-color:#2f3540;background:#1e2228;box-shadow:none}.prompt-library{margin-left:41px;padding:10px;border-color:#2f3540;border-radius:10px;background:#1c2026}.prompt-group{grid-template-columns:55px 1fr}.composer{margin:0 12px 12px;border-color:#363c47;border-radius:11px;background:#1e2228;box-shadow:0 10px 24px rgba(0,0,0,.16)}.composer textarea{height:72px;padding:12px 13px}.composer-bottom{padding:8px}.send-button{border-radius:7px;background:#756bd8;box-shadow:none}
.inspector-tabs{height:40px;padding:0 12px}.inspector-page{padding:14px}.readiness-list,.active-account,.manual-action-row,.route-summary,.workflow-card,.workflow-source,.job-console,.export-format>div{border-radius:9px}.readiness-list>div{padding:10px 11px}.account-title{margin-top:14px}.manual-action-row{padding:8px}.route-summary{margin-top:13px}.inspector-footer{padding:11px 12px}.run-button{border-radius:9px;background:#756bd8;box-shadow:none}

/* Quiet, consistent overlays */
.account-modal{width:860px;max-height:84vh;padding:22px;border-color:#383f4a;border-radius:14px;background:#191c22}.manual-account-ledger{border-radius:10px}.manual-mode-steps>div{border-radius:9px}.settings-drawer{width:460px;background:#191c22}.drawer-body{background:#191c22}.setting-section{margin-bottom:15px;padding-bottom:15px}.select-wrap select,.field-input,.settings-drawer input,.settings-drawer select{border-radius:8px;background:#20242b}.statusbar{height:26px;padding:0 14px;border-top-color:#292e36;background:#111318;font-size:7px}

@media(max-height:800px){.topbar{height:58px}.workspace{grid-template-rows:43px minmax(0,1fr)}.step-rail{padding-top:5px;padding-bottom:5px}.rail-step{min-height:32px}.column-header,.canvas-header,.inspector-header{height:52px}.asset-dock{height:78px}.preview-card-header{height:44px}.repair-choice{padding-top:7px;padding-bottom:7px}.composer textarea{height:60px}}
@media(max-width:1280px){.app-frame{grid-template-columns:66px minmax(0,1fr)}.global-sidebar{padding-left:6px;padding-right:6px}.global-menu button,.global-bottom button{height:50px}.workspace{grid-template-columns:minmax(0,1fr) 365px}.topbar{padding-left:14px;padding-right:12px;gap:9px}.engine-pill{display:none}.rail-step{min-width:70px}.canvas-column{padding-left:10px;padding-right:10px}}
@media(max-width:1150px){.workspace{grid-template-columns:minmax(0,1fr) 345px}.status-item{display:none}.dock-switcher button{padding-left:8px;padding-right:8px}.rail-step{min-width:62px}.rail-step span{font-size:8px}}

/* --------------------------------------------------------------------------
   V5 — true stage-based product: one job per screen, no dashboard crowding
   -------------------------------------------------------------------------- */
.topbar{grid-template-columns:minmax(220px,1fr) auto}.workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:46px minmax(0,1fr)}
.workspace>.chat-column,.workspace>.canvas-column,.workspace>.inspector-column{display:none}

/* AI creation page */
.workspace[data-view="studio"]{grid-template-columns:400px minmax(0,1fr);grid-template-rows:46px minmax(0,1fr)}
.workspace[data-view="studio"] .step-rail{grid-column:1/-1;grid-row:1}
.workspace[data-view="studio"] .chat-column{display:flex;grid-column:1;grid-row:2;border-left:0;border-right:1px solid #2a2f37;background:#171a20}
.workspace[data-view="studio"] .canvas-column{display:flex;grid-column:2;grid-row:2;padding:0 15px 13px;background:#14171b}
.workspace[data-view="studio"] .preview-grid{grid-template-columns:minmax(0,1fr)}
.workspace[data-view="studio"] .media-preview-card{display:none}
.workspace[data-view="studio"] .repair-choice,.workspace[data-view="studio"] .manual-repair-panel{display:none}
.workspace[data-view="studio"] .final-preview-card{max-width:760px;width:100%;justify-self:center;margin:0 auto}
.workspace[data-view="studio"] .asset-dock{height:94px}
.workspace[data-view="studio"] .canvas-header h2:after{content:" · 主图创作";color:#646d79;font-size:11px;font-weight:500}

/* Asset finalization page */
.workspace[data-view="assets"]{grid-template-columns:minmax(0,1fr);grid-template-rows:46px minmax(0,1fr)}
.workspace[data-view="assets"] .step-rail{grid-column:1;grid-row:1}
.workspace[data-view="assets"] .canvas-column{display:flex;grid-column:1;grid-row:2;padding:0 24px 16px;background:#14171b}
.workspace[data-view="assets"] .canvas-header{max-width:1080px;width:100%;margin:0 auto}
.workspace[data-view="assets"] .preview-grid{max-width:1080px;width:100%;margin:0 auto;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
.workspace[data-view="assets"] .repair-choice,.workspace[data-view="assets"] .manual-repair-panel,.workspace[data-view="assets"] .asset-dock{max-width:1080px;width:100%;margin-left:auto;margin-right:auto}
.workspace[data-view="assets"] .asset-dock{height:92px}
.workspace[data-view="assets"] .canvas-header h2:after{content:" · 素材定稿";color:#646d79;font-size:11px;font-weight:500}

/* Task and workflow page */
.workspace[data-view="tasks"],.workspace[data-view="exports"]{grid-template-columns:minmax(0,1fr);grid-template-rows:46px minmax(0,1fr)}
.workspace[data-view="tasks"] .step-rail,.workspace[data-view="exports"] .step-rail{grid-column:1;grid-row:1}
.workspace[data-view="tasks"] .inspector-column,.workspace[data-view="exports"] .inspector-column{display:flex;grid-column:1;grid-row:2;width:min(940px,calc(100% - 48px));margin:14px auto;border:1px solid #2e343d;border-radius:12px;background:#181b21;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.18)}
.workspace[data-view="tasks"] .inspector-header,.workspace[data-view="exports"] .inspector-header{height:58px;padding:0 18px}
.workspace[data-view="tasks"] .inspector-tabs,.workspace[data-view="exports"] .inspector-tabs{height:42px;padding:0 18px}
.workspace[data-view="tasks"] .inspector-page,.workspace[data-view="exports"] .inspector-page{padding:18px 22px}
.workspace[data-view="tasks"] .inspector-page[data-inspector-page="task"].active{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(360px,1.2fr);gap:16px;align-content:start}
.workspace[data-view="tasks"] .inspector-page[data-inspector-page="task"]>.section-title:first-child,.workspace[data-view="tasks"] .inspector-page[data-inspector-page="task"]>.readiness-list{grid-column:1}
.workspace[data-view="tasks"] .inspector-page[data-inspector-page="task"]>.account-title,.workspace[data-view="tasks"] .inspector-page[data-inspector-page="task"]>.active-account,.workspace[data-view="tasks"] .inspector-page[data-inspector-page="task"]>.production-launch-card{grid-column:2}
.workspace[data-view="tasks"] .inspector-page[data-inspector-page="task"]>.account-title{grid-row:1;margin-top:0}
.workspace[data-view="tasks"] .inspector-page[data-inspector-page="task"]>.active-account{grid-row:2}
.workspace[data-view="tasks"] .inspector-page[data-inspector-page="task"]>.production-launch-card{grid-row:3/6}
.workspace[data-view="tasks"] .inspector-page[data-inspector-page="task"]>.route-summary{grid-column:1;grid-row:3;margin-top:0}
.workspace[data-view="tasks"] .workflow-card-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:300px}
.workspace[data-view="tasks"] .workflow-search,.workspace[data-view="tasks"] .workflow-card-list,.workspace[data-view="tasks"] .workflow-detail,.workspace[data-view="tasks"] .workflow-source,.workspace[data-view="tasks"] .workflow-tip{max-width:760px;margin-left:auto;margin-right:auto}
.workspace[data-view="exports"] .inspector-page[data-inspector-page="export"].active{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(360px,1.25fr);gap:14px 18px;align-content:start}
.workspace[data-view="exports"] .inspector-page[data-inspector-page="export"]>.field-label,.workspace[data-view="exports"] .inspector-page[data-inspector-page="export"]>.field-input,.workspace[data-view="exports"] .inspector-page[data-inspector-page="export"]>.directory-picker,.workspace[data-view="exports"] .inspector-page[data-inspector-page="export"]>.export-format{grid-column:1}
.workspace[data-view="exports"] .inspector-page[data-inspector-page="export"]>.job-console{grid-column:2;grid-row:1/7;margin-top:0;min-height:250px}
.workspace[data-view="tasks"] .inspector-footer,.workspace[data-view="exports"] .inspector-footer{padding:11px 18px}

/* Navigation feedback */
.global-menu button.active{position:relative}.global-menu button.active:before{content:"";position:absolute;left:-7px;top:13px;bottom:13px;width:2px;border-radius:2px;background:#8f85eb}
.global-menu button span{letter-spacing:.02em}.step-rail{padding-left:18px;padding-right:18px}.rail-step{max-width:138px}.rail-step.active{background:rgba(129,119,232,.085)}

@media(max-height:800px){.workspace[data-view="studio"],.workspace[data-view="assets"],.workspace[data-view="tasks"],.workspace[data-view="exports"]{grid-template-rows:42px minmax(0,1fr)}.workspace[data-view="studio"] .asset-dock,.workspace[data-view="assets"] .asset-dock{height:78px}.workspace[data-view="tasks"] .inspector-column,.workspace[data-view="exports"] .inspector-column{margin-top:9px;margin-bottom:9px}}
@media(max-width:1280px){.workspace[data-view="studio"]{grid-template-columns:370px minmax(0,1fr)}.workspace[data-view="assets"] .canvas-column{padding-left:16px;padding-right:16px}.workspace[data-view="tasks"] .inspector-column,.workspace[data-view="exports"] .inspector-column{width:min(900px,calc(100% - 36px))}}

/* --------------------------------------------------------------------------
   V6 — continuous production desk: chat → assets → workflow/export
   -------------------------------------------------------------------------- */
html,body{overflow:hidden}
body{min-width:1120px;background:#101216}
.app-frame{display:block;width:100%;height:100vh;overflow:hidden;background:#101216}
.global-sidebar{display:none}
.product-shell{width:100%;height:100vh;display:flex;flex-direction:column;background:#101216}

/* Compact command bar; production space is reserved for the actual job. */
.topbar{height:62px;flex:none;display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:18px;padding:0 18px 0 20px;border-bottom:1px solid #2b3038;background:#171a1f;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.project-title{padding:0;border:0}.project-title>span{color:#777f8b;font-size:9px;letter-spacing:.1em}.project-title>strong{margin-top:4px;color:#f0f1f3;font-size:14px}.project-title button{color:#777f8b}
.top-status{gap:9px}.status-item span{font-size:8px}.status-item strong{font-size:14px}.engine-pill{height:36px}.account-button{height:40px}.icon-button{width:38px;height:38px}

/* One screen, one direction: left conversation, center assets, right production. */
.workspace,.workspace[data-view]{min-width:0;min-height:0;flex:1;display:grid;grid-template-columns:minmax(310px,.82fr) minmax(470px,1.5fr) minmax(330px,.9fr);grid-template-rows:46px minmax(0,1fr);background:#111318}
.workspace>.step-rail,.workspace[data-view]>.step-rail{grid-column:1/-1;grid-row:1;min-height:0;display:flex;flex-direction:row;align-items:center;gap:5px;padding:5px 16px;border:0;border-bottom:1px solid #292e36;background:#13161a;box-shadow:none}
.workspace>.step-rail:before,.workspace>.step-rail:after{content:none;display:none}
.workspace .rail-step{width:auto;min-width:72px;max-width:142px;min-height:34px;flex:1;display:grid;grid-template-columns:23px 1fr;grid-template-rows:1fr;gap:6px;padding:4px 7px;border:1px solid transparent;border-radius:8px}
.workspace .rail-step b{grid-row:auto;width:23px;height:23px;border-radius:7px;font-size:8px}.workspace .rail-step span{align-self:center;font-size:9px}.workspace .rail-step small{display:none}.workspace .step-rail>i{width:auto;height:1px;min-width:5px;min-height:1px;max-height:none;flex:.25;margin:0;background:#2c3139}

.workspace>.chat-column,.workspace>.canvas-column,.workspace>.inspector-column,.workspace[data-view]>.chat-column,.workspace[data-view]>.canvas-column,.workspace[data-view]>.inspector-column{min-width:0;min-height:0;display:flex;margin:0;width:auto;border-radius:0;box-shadow:none;overflow:hidden}
.workspace>.chat-column,.workspace[data-view]>.chat-column{grid-column:1;grid-row:2;flex-direction:column;border:0;border-right:1px solid #2b3038;background:#171a20}
.workspace>.canvas-column,.workspace[data-view]>.canvas-column{grid-column:2;grid-row:2;flex-direction:column;padding:0 12px 11px;border:0;background:#14171b}
.workspace>.inspector-column,.workspace[data-view]>.inspector-column{grid-column:3;grid-row:2;flex-direction:column;border:0;border-left:1px solid #2b3038;background:#171a20}

.column-header,.canvas-header,.inspector-header,.workspace[data-view] .inspector-header{height:57px;flex:none;padding:0 14px;border-bottom:1px solid #2b3038;background:#171a20}
.canvas-header{padding:0 2px;border-bottom:0;background:#14171b}.column-header h1,.canvas-header h2,.inspector-header h2{font-size:16px;letter-spacing:-.02em}.eyebrow{font-size:8px}.live-model,.asset-status{font-size:8px}

/* Conversation stays fixed while only the message history scrolls. */
.chat-stream{min-height:0;flex:1;overflow:auto;padding:15px 14px;background:radial-gradient(circle at 0 0,rgba(129,119,232,.07),transparent 30%),#171a20}
.message{margin-bottom:13px}.bubble{font-size:10px;line-height:1.55}.prompt-library{margin-left:39px;padding:9px}.prompt-library-head{margin-bottom:6px}.prompt-group{grid-template-columns:52px 1fr;margin-top:6px}.prompt-group button{padding:5px 7px}
.composer{flex:none;margin:0 11px 11px;border-radius:11px}.composer textarea{height:64px;padding:11px 12px;font-size:11px}.composer-bottom{padding:7px}.upload-reference{padding:7px 9px}.composer-bottom>div>span{display:none}

/* Final image and input video share the center equally. */
.workspace[data-view] .preview-grid{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:9px;width:auto;max-width:none;margin:0}
.workspace[data-view] .preview-card{min-height:0;border-radius:10px}.workspace[data-view] .final-preview-card{width:auto;max-width:none;margin:0}.workspace[data-view] .media-preview-card{display:flex}
.preview-card-header{height:47px;padding:0 10px}.preview-card-header strong{font-size:10px}.preview-card-header>button{padding:5px 7px}.image-placeholder{padding:17px 12px}.placeholder-orbit{width:42px;height:42px;margin-bottom:9px}
.media-preview-card .video-list{padding:7px;grid-auto-rows:minmax(105px,1fr)}.media-preview-card .video-card{min-height:105px}
.workspace[data-view] .repair-choice{display:flex;width:auto;max-width:none;margin:8px 0 0;padding:7px 9px;border-radius:9px}.repair-choice strong{font-size:10px}.repair-choice small{font-size:8px}.repair-options button{padding:6px 8px;font-size:8px}
.workspace[data-view] .manual-repair-panel:not([hidden]){display:flex;width:auto;max-width:none;margin:7px 0 0}
.workspace[data-view] .asset-dock{width:auto;max-width:none;height:78px;margin:8px 0 0}.model-warehouse{padding:7px 9px;border-radius:9px}.model-grid{margin-top:5px}.model-card{width:43px;height:45px}.dock-header strong{font-size:9px}.dock-header span{font-size:7px}

/* Production controls remain visible and change only inside the right panel. */
.workspace[data-view] .inspector-tabs{height:39px;flex:none;padding:0 12px}.workspace[data-view] .inspector-content{min-height:0;flex:1;position:relative}.workspace[data-view] .inspector-page{position:absolute;inset:0;display:none;overflow-y:auto;padding:13px}.workspace[data-view] .inspector-page.active{display:block}.workspace[data-view] .inspector-page[data-inspector-page="task"].active,.workspace[data-view] .inspector-page[data-inspector-page="export"].active{display:block}
.workspace[data-view] .workflow-card-list{grid-template-columns:1fr;max-height:none}.workspace[data-view] .workflow-search,.workspace[data-view] .workflow-card-list,.workspace[data-view] .workflow-detail,.workspace[data-view] .workflow-source,.workspace[data-view] .workflow-tip{max-width:none;margin-left:0;margin-right:0}
.workspace[data-view] .inspector-footer{flex:none;padding:10px 12px}.readiness-list>div{padding:9px 10px}.manual-action-row{padding:8px}.route-summary{margin-top:11px}.job-console{min-height:190px}

.flow-pulse{animation:flowPulse .9s ease}
@keyframes flowPulse{0%,100%{box-shadow:0 0 0 0 rgba(139,129,232,0)}35%{box-shadow:0 0 0 3px rgba(139,129,232,.34),0 0 28px rgba(95,82,201,.2)}}

.statusbar{height:25px;flex:none;padding:0 14px;font-size:7px}

@media(max-height:800px){.topbar{height:58px}.workspace,.workspace[data-view]{grid-template-rows:42px minmax(0,1fr)}.column-header,.canvas-header,.inspector-header,.workspace[data-view] .inspector-header{height:52px}.workspace[data-view] .asset-dock{height:70px}.composer textarea{height:56px}.preview-card-header{height:43px}}
@media(max-width:1280px){.workspace,.workspace[data-view]{grid-template-columns:minmax(290px,.8fr) minmax(455px,1.45fr) minmax(315px,.88fr)}.topbar{padding-left:15px;padding-right:12px}.workspace>.canvas-column,.workspace[data-view]>.canvas-column{padding-left:9px;padding-right:9px}.engine-pill{display:none}}

/* V6 contrast pass — preserve the accepted layout, improve legibility only. */
:root{--text:#f4f5f7;--text-2:#d5d9df;--muted:#a4acb8;--muted-2:#838d9b}
body,.product-shell{color:var(--text)}
.project-title>span,.eyebrow{color:#a79ff0}.project-title>strong,.column-header h1,.canvas-header h2,.inspector-header h2{color:#f5f6f8}
.status-item span,.account-button small,.asset-status,.live-model{color:#9ca5b2}.status-item strong,.account-button strong{color:#edf0f3}
.workspace .rail-step span{color:#aeb5c0}.workspace .rail-step.active span{color:#eeeaff}.workspace .rail-step.completed span{color:#9fd3c1}
.bubble{color:#d2d6dc}.bubble strong,.prompt-library-head span,.dock-header strong,.preview-card-header strong{color:#f0f2f5}.bubble span{color:#c4c9d1}
.prompt-library-head small,.prompt-group>b,.dock-header span,.image-placeholder p,.video-list span,.repair-choice small,.manual-repair-panel small,.manual-repair-panel p{color:#929ca9}
.suggestions button,.prompt-group button{color:#c9c3f4}.composer textarea{color:#f0f2f5}.composer textarea::placeholder{color:#929ba8}.upload-reference{color:#d3cef7}
.preview-card-header span,.video-requirement{color:#929ba8}.image-placeholder strong,.video-list strong{color:#e8ebef}.preview-card-header>b{color:#d1ccf7}
.repair-choice strong,.manual-repair-panel strong{color:#edf0f3}.repair-options button{color:#c9c4ef}.repair-options button span{color:#e0b469}
.inspector-tabs button{color:#9ca5b2}.inspector-tabs button.active{color:#f3f4f6}.section-title>span,.field-label,.export-format>span{color:#dde1e6}.section-title>b{color:#9ca5b2}
.readiness-list span,.manual-action-row strong,.route-summary b,.workflow-card strong,.active-account strong,.job-info strong,.export-format strong{color:#dce0e5}.readiness-list b,.manual-action-row small,.active-account small,.route-summary>span,.workflow-card small,.workflow-detail,.workflow-source span,.workflow-tip p,.job-info span,.export-format small,.job-empty span{color:#929ca9}
.workflow-search input,.field-input,.select-wrap select,.settings-drawer input,.settings-drawer select{color:#eef0f3}.workflow-search input::placeholder{color:#8f98a5}.workflow-source strong{color:#d6ad6e}
.job-console-head span,.job-console-head b,.job-empty{color:#9ba4b1}.job-empty strong{color:#cfd4da}.inspector-footer>p,.statusbar{color:#929ba8}.run-button strong{color:#f5f6f8}.run-button small{color:#d8d4f6}
.setting-section h3,.modal-head h2,.drawer-head h2{color:#f2f4f6}.setting-section p,.setting-section label,.setting-section>small,.modal-head p,.modal-note p{color:#a5adba}

/* V6 color hierarchy — distinct functional zones without changing layout. */
:root{--violet:#8576f4;--violet-strong:#7362ee;--cyan:#38b7bd;--cyan-strong:#239aa4;--blue:#5c8fe8;--gold:#d7a952}
.topbar{background:linear-gradient(90deg,#191a23 0%,#171a1f 42%,#161c22 100%)}
.workspace>.chat-column,.workspace[data-view]>.chat-column{background:radial-gradient(circle at 0 0,rgba(133,118,244,.13),transparent 34%),#171820}
.workspace>.canvas-column,.workspace[data-view]>.canvas-column{background:radial-gradient(circle at 48% -12%,rgba(92,143,232,.09),transparent 36%),#14181d}
.workspace>.inspector-column,.workspace[data-view]>.inspector-column{background:radial-gradient(circle at 100% 0,rgba(56,183,189,.09),transparent 34%),#171a20}
.column-header{background:linear-gradient(110deg,rgba(133,118,244,.1),transparent 55%),#181a21}.canvas-header{background:transparent}.inspector-header{background:linear-gradient(110deg,rgba(56,183,189,.075),transparent 58%),#181b21}
.column-header .eyebrow{color:#b0a7ff}.canvas-header .eyebrow{color:#7eacf3}.inspector-header .eyebrow{color:#6fd0d3}
.chat-stream{background:radial-gradient(circle at 0 0,rgba(133,118,244,.095),transparent 31%),#171920}.prompt-library{border-color:#423d5e;background:linear-gradient(145deg,rgba(133,118,244,.075),rgba(31,34,42,.96))}
.composer{border-color:#4a436c;background:#20232c}.composer:focus-within{border-color:#8375ed;box-shadow:0 0 0 3px rgba(133,118,244,.13),0 12px 30px rgba(0,0,0,.22)}
.workspace[data-view] .final-preview-card{border-color:#3e4160;background:linear-gradient(180deg,rgba(92,143,232,.055),transparent 20%),#1a1d23}.workspace[data-view] .final-preview-card .preview-card-header{border-bottom-color:#363b55;background:linear-gradient(90deg,rgba(92,143,232,.11),rgba(28,32,38,.96))}
.workspace[data-view] .media-preview-card{border-color:#315158;background:linear-gradient(180deg,rgba(56,183,189,.055),transparent 20%),#191e23}.workspace[data-view] .media-preview-card .preview-card-header{border-bottom-color:#315158;background:linear-gradient(90deg,rgba(56,183,189,.12),rgba(27,32,38,.96))}
.final-preview-card .preview-card-header span{color:#91b6ee}.media-preview-card .preview-card-header span{color:#75cdd1}
.workspace[data-view] .repair-choice{border-color:#594b33;background:linear-gradient(90deg,rgba(215,169,82,.14),rgba(215,169,82,.035))}.repair-choice strong{color:#f3e6c8}.repair-choice small{color:#b7a785}
.model-warehouse{border-color:#394354;background:linear-gradient(90deg,rgba(92,143,232,.07),rgba(30,34,41,.96))}
.inspector-tabs button.active{color:#86d7da}.inspector-tabs button.active:after{background:#39b8bd;box-shadow:0 -3px 12px rgba(56,183,189,.24)}
.active-account{border-color:#3d5860;background:linear-gradient(135deg,rgba(56,183,189,.11),rgba(56,183,189,.025))}.manual-action-row>span{border-color:#485584;background:rgba(92,143,232,.14);color:#9dbcf0}.workflow-card.selected{border-color:#4d7ea9;background:linear-gradient(135deg,rgba(56,183,189,.13),rgba(92,143,232,.045))}.workflow-card.selected>i{border-color:#38b7bd;background:#38b7bd}

/* High-visibility upload actions. */
.upload-reference,#mainImageUploadButton,#videoUploadButton{min-height:30px;border:1px solid transparent!important;color:#fff!important;font-weight:750;letter-spacing:.01em;box-shadow:0 7px 18px rgba(0,0,0,.25);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}
.upload-reference,#mainImageUploadButton{background:linear-gradient(135deg,#8b7cf5,#6f5ce8)!important;border-color:#9a8df7!important;box-shadow:0 7px 19px rgba(78,59,190,.3)}
#videoUploadButton{background:linear-gradient(135deg,#43bec3,#21939e)!important;border-color:#63cbd0!important;box-shadow:0 7px 19px rgba(24,119,128,.3)}
.upload-reference:hover,#mainImageUploadButton:hover,#videoUploadButton:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,0,0,.34)}
.upload-reference:active,#mainImageUploadButton:active,#videoUploadButton:active{transform:translateY(0);filter:brightness(.98)}
#mainImageUploadButton:before{content:"▣ ";font-size:10px}#videoUploadButton:before{content:"▶ ";font-size:9px}.upload-reference:before{content:"＋ ";font-size:11px}
.send-button{background:linear-gradient(135deg,#8b7cf5,#6f5ce8);box-shadow:0 8px 20px rgba(78,59,190,.32)}
.run-button{border-color:#397e89;background:linear-gradient(135deg,#3bb7bd,#247e92);box-shadow:0 10px 24px rgba(18,100,112,.3)}

/* Production task: keep the automatic workflow state large, visible and persistent. */
.production-launch-card{gap:13px;padding:17px;min-height:410px}.production-launch-card>label{font-size:11px}.production-workflow-select select{padding:13px 38px 13px 13px;font-size:12px}.production-workflow-summary{font-size:10px;line-height:1.55}.production-export-mode{padding:12px 13px}.production-export-mode span{font-size:10px}.production-export-mode strong{font-size:11px}.production-start-button{min-height:62px;padding:13px 15px;transition:.2s}.production-start-button>span{font-size:18px}.production-start-button strong{font-size:14px}.production-start-button small{margin-top:4px;font-size:10.5px;line-height:1.35}.production-start-button.running{opacity:1;border-color:#3bc1c7;background:linear-gradient(135deg,#2faab5,#246f92);box-shadow:0 12px 30px rgba(31,139,160,.28)}.production-spinner{display:inline-block;animation:production-spin 1s linear infinite}@keyframes production-spin{to{transform:rotate(360deg)}}.production-live-progress{padding:13px 14px;border:1px solid #394353;border-radius:11px;background:#10151d}.production-live-progress>div{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.production-live-progress strong{color:#dce2ec;font-size:12px;line-height:1.45}.production-live-progress b{flex:none;color:#b9b0ff;font-size:13px}.production-live-progress>span{display:block;height:9px;margin-top:11px;border-radius:999px;background:#29313d;overflow:hidden}.production-live-progress>span>i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5c74ef,#35d0c4,#43d49a);box-shadow:0 0 16px rgba(53,208,196,.35);transition:width .45s ease}.production-live-progress.active{border-color:#3b6470;background:linear-gradient(135deg,rgba(41,133,151,.14),rgba(21,26,35,.98))}.production-status-stack{gap:7px;padding:5px 3px}.production-status-stack small{font-size:10.5px;line-height:1.55;white-space:normal;overflow:visible;text-overflow:clip}.production-status-stack #workflowImportStatus{color:#d0d6e0}.production-status-stack #runningHubResultStatus{color:#75d8c4}.job-info strong{font-size:11px}.job-info span{font-size:10px;line-height:1.4}.job-percent{font-size:11px}.progress{height:7px;margin-top:8px}.job-row{grid-template-columns:38px 1fr 48px;padding:13px}.job-row .play{width:38px;height:38px;font-size:12px}

/* Parallel account task center. */
.parallel-task-center{display:grid;gap:11px;margin-top:16px;padding:14px;border:1px solid #343d49;border-radius:14px;background:radial-gradient(circle at 100% 0,rgba(56,183,189,.1),transparent 38%),#14191f;box-shadow:0 16px 38px rgba(0,0,0,.2)}.parallel-task-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.parallel-task-head>div:first-child{display:grid;gap:3px}.parallel-task-head>div:first-child>span{color:#45c5ca;font-size:8px;font-weight:850;letter-spacing:.14em}.parallel-task-head strong{color:#f2f4f7;font-size:14px}.parallel-task-head small{color:#8994a2;font-size:9px;line-height:1.45}.parallel-slot-summary{min-width:112px;display:grid;grid-template-columns:auto auto auto;align-items:baseline;justify-content:end;gap:4px;padding:8px 10px;border:1px solid #3d5960;border-radius:10px;background:rgba(39,122,132,.11);text-align:right}.parallel-slot-summary>b{color:#55d7c0;font-size:19px}.parallel-slot-summary>span{color:#697681;font-size:11px}.parallel-slot-summary>strong{color:#d7dee6;font-size:12px}.parallel-slot-summary>small{grid-column:1/-1;color:#7fa1a3;font-size:8px}.parallel-task-list{display:grid;gap:9px}.parallel-task-empty{min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px;border:1px dashed #39424e;border-radius:11px;background:rgba(255,255,255,.015);text-align:center}.parallel-task-empty i{color:#45b7bd;font-size:18px;font-style:normal}.parallel-task-empty strong{margin-top:5px;color:#cbd2db;font-size:10px}.parallel-task-empty span{margin-top:4px;color:#717d8b;font-size:8px}.parallel-task-card{position:relative;padding:12px;border:1px solid #353e49;border-radius:11px;background:#1b2027;overflow:hidden;transition:border-color .18s,transform .18s}.parallel-task-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#586273}.parallel-task-card.running{border-color:#35666d;background:linear-gradient(135deg,rgba(37,126,137,.14),#1b2027 48%)}.parallel-task-card.running:before{background:#3bc7c9;box-shadow:0 0 16px rgba(59,199,201,.55)}.parallel-task-card.completed:before{background:#3ecb94}.parallel-task-card.failed:before{background:#e36d78}.parallel-task-card.review:before{background:#d8a653}.parallel-task-card.selected{box-shadow:inset 0 0 0 1px rgba(139,124,245,.45)}.parallel-task-card-head{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px}.parallel-account-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid #455162;border-radius:9px;background:#272e38;color:#c6ced9;font-size:8px;font-weight:850}.parallel-task-card-head>div:nth-child(2){min-width:0}.parallel-task-card-head strong,.parallel-task-card-head span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.parallel-task-card-head strong{color:#f0f2f5;font-size:10.5px}.parallel-task-card-head span{margin-top:3px;color:#7f8998;font-size:8px}.parallel-task-card-head>b{padding:5px 7px;border:1px solid #42505d;border-radius:6px;background:#242b33;color:#aeb8c5;font-size:8px}.parallel-task-card.running .parallel-task-card-head>b{border-color:#36747a;background:#17363b;color:#79ddd6}.parallel-task-card.completed .parallel-task-card-head>b{border-color:#326b58;background:#19342c;color:#7be0b8}.parallel-task-card.failed .parallel-task-card-head>b{border-color:#70414a;background:#382127;color:#f0a0a8}.parallel-task-card.review .parallel-task-card-head>b{border-color:#725d39;background:#362e20;color:#e8c37d}.parallel-task-stage{margin-top:10px;color:#aeb7c3;font-size:9px;line-height:1.5;word-break:break-word}.parallel-task-progress{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:9px;margin-top:9px}.parallel-task-progress>span{height:7px;overflow:hidden;border-radius:999px;background:#2b333e}.parallel-task-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6f68ed,#36c3c6,#3ed09d);transition:width .45s}.parallel-task-progress>b{color:#b3abff;font-size:9px;text-align:right}.parallel-task-meta{display:flex;justify-content:space-between;gap:8px;margin-top:7px;color:#687585;font-size:8px}.parallel-task-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:10px}.parallel-task-actions button{min-height:29px;padding:0 10px;border:1px solid #46515f;border-radius:7px;background:#252c35;color:#bcc5d0;font-size:8px;font-weight:750;cursor:pointer}.parallel-task-actions .parallel-open-output{border-color:#36785f;background:#1f5948;color:#b8f0d8}.parallel-idle-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;padding-top:10px;border-top:1px solid #303844}.parallel-idle-row>span{padding-top:6px;color:#788493;font-size:8px}.parallel-idle-row>div{display:flex;flex-wrap:wrap;gap:6px}.parallel-idle-row button{min-height:28px;padding:0 9px;border:1px solid #3c4855;border-radius:7px;background:#212730;color:#aeb8c4;font-size:8px;cursor:pointer}.parallel-idle-row button.selected{border-color:#7267cf;background:#2b2850;color:#d2ccff}.parallel-idle-row button:disabled{opacity:.42;cursor:not-allowed}.parallel-idle-row small{padding-top:6px;color:#687583;font-size:8px}.workspace[data-view="tasks"] .parallel-task-center{grid-column:1/-1;grid-row:6;margin-top:0}.workspace[data-view="tasks"] .parallel-task-list{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace[data-view="tasks"] .parallel-task-empty{grid-column:1/-1}

/* User account and single-machine activation gate. */
.license-user-button{height:40px;display:flex;align-items:center;gap:7px;padding:4px 9px 4px 5px;border:1px solid #3b4350;border-radius:9px;background:#1d2228;color:#eef0f3;text-align:left}.license-user-button>span{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;background:linear-gradient(145deg,#3bb8bd,#267f94);font-size:9px;font-weight:800}.license-user-button>div{display:grid}.license-user-button small{color:#7f8996;font-size:7px}.license-user-button strong{margin-top:2px;font-size:9px}.user-auth-gate{position:fixed;inset:0;z-index:500;display:grid;grid-template-columns:minmax(440px,1.15fr) minmax(400px,.85fr);background:radial-gradient(circle at 20% 12%,rgba(125,110,231,.2),transparent 34%),rgba(13,16,21,.985)}.user-auth-gate[hidden]{display:none}.user-auth-panel{display:flex;flex-direction:column;justify-content:space-between;padding:45px 54px;border-right:1px solid #303640;background:linear-gradient(135deg,rgba(125,110,231,.075),transparent 46%)}.user-auth-brand{display:flex;align-items:center;gap:11px}.user-auth-brand>i{width:38px;height:38px;display:flex;align-items:end;gap:3px;padding:8px;border-radius:11px;background:linear-gradient(145deg,#8b7bf0,#6253d4)}.user-auth-brand i span{width:6px;border-radius:3px;background:#fff}.user-auth-brand i span:nth-child(1){height:12px}.user-auth-brand i span:nth-child(2){height:21px}.user-auth-brand i span:nth-child(3){height:16px}.user-auth-brand>div{display:grid}.user-auth-brand strong{font-size:14px}.user-auth-brand small{margin-top:3px;color:#7f8996;font-size:8px}.user-auth-copy>span{color:#9d92ee;font-size:9px;font-weight:800;letter-spacing:.15em}.user-auth-copy h2{margin:11px 0 14px;font-size:39px;letter-spacing:-.05em}.user-auth-copy p{max-width:510px;color:#a0a8b4;font-size:13px;line-height:1.7}.user-auth-copy>div{display:flex;gap:9px;margin-top:22px}.user-auth-copy b{padding:8px 10px;border:1px solid #3a414b;border-radius:8px;background:#1b1f25;color:#bcc3cc;font-size:9px}.user-auth-card{width:min(380px,calc(100% - 56px));align-self:center;justify-self:center;padding:20px;border:1px solid #353c47;border-radius:15px;background:#191d23;box-shadow:0 30px 90px rgba(0,0,0,.42)}.user-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:9px;background:#111419}.user-auth-tabs button{height:34px;border:0;border-radius:7px;background:transparent;color:#7e8794;font-size:10px}.user-auth-tabs button.active{background:#292e36;color:#f1f2f5;box-shadow:inset 0 0 0 1px #414854}.user-auth-form{display:none;gap:12px;margin-top:18px}.user-auth-form.active{display:grid}.user-auth-form>span{color:#57c5c8;font-size:9px}.user-auth-form h3{margin:0;font-size:20px}.user-auth-form>p{margin:-5px 0 4px;color:#818b98;font-size:10px}.user-auth-form label{display:grid;gap:6px;color:#b3bbc5;font-size:10px}.user-auth-form input{height:39px;border:1px solid #3a424d;border-radius:8px;background:#22272e;color:#f2f3f5;padding:0 11px;outline:0}.user-auth-form input:focus{border-color:#796de0;box-shadow:0 0 0 3px rgba(121,109,224,.12)}.user-auth-form>button[type="submit"]{height:41px;border:1px solid #978aec;border-radius:8px;background:linear-gradient(135deg,#8979ed,#6757d7);color:#fff;font-weight:750}.user-auth-form [data-auth-error]{min-height:15px;color:#eb8190;font-size:9px}.auth-link{height:30px;border:0;background:transparent;color:#929ba8;font-size:9px}.machine-note{display:block;margin-top:13px;padding-top:12px;border-top:1px solid #2f353e;color:#697380;font-size:8px}.machine-note b{color:#8993a0}

/* Delivery action becomes available only after a successful export. */
.directory-picker{grid-template-columns:minmax(0,1fr) auto auto}.directory-picker .open-output-folder{border:1px solid #57cda8;background:linear-gradient(135deg,#32b68b,#23856f);font-weight:750;box-shadow:0 7px 18px rgba(30,139,108,.24)}.directory-picker .open-output-folder:hover{filter:brightness(1.08)}

/* Online short-video resolver beside the normal upload action. */
.media-upload-actions{display:flex;align-items:center;gap:6px}.media-upload-actions>button{min-height:30px;padding:0 9px;border-radius:6px;white-space:nowrap;font-size:9px;font-weight:750;cursor:pointer}.media-upload-actions #onlineVideoButton{border:1px solid #d19b49;background:linear-gradient(135deg,#d9a149,#ad762b);color:#fff;box-shadow:0 7px 18px rgba(149,94,24,.25)}.media-upload-actions #onlineVideoButton:before{content:"⌁ ";font-size:10px}.media-upload-actions>button:hover{filter:brightness(1.1);transform:translateY(-1px)}
.douyin-parser-mask{position:fixed;inset:0;z-index:119;background:rgba(4,6,10,.76);backdrop-filter:blur(9px)}.douyin-parser-modal{position:fixed;left:50%;top:50%;z-index:120;width:min(940px,calc(100vw - 80px));max-height:calc(100vh - 70px);display:flex;flex-direction:column;transform:translate(-50%,-50%);overflow:hidden;border:1px solid #3b424d;border-radius:17px;background:#171a20;box-shadow:0 35px 100px rgba(0,0,0,.62)}.douyin-parser-head{height:90px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #313741;background:radial-gradient(circle at 8% 0,rgba(218,160,73,.12),transparent 38%),#1a1e24}.douyin-parser-head>div>span{color:#d9a65b;font-size:8px;font-weight:800;letter-spacing:.15em}.douyin-parser-head h2{margin:5px 0 3px;color:#f4f5f7;font-size:21px}.douyin-parser-head p{margin:0;color:#8d96a2;font-size:10px}.douyin-parser-head>button{width:35px;height:35px;border:1px solid #3b424c;border-radius:9px;background:#242930;color:#a8b0bb;font-size:19px;cursor:pointer}.douyin-parser-body{min-height:0;display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px;padding:18px}.douyin-source-panel,.douyin-result-panel{min-height:390px;border:1px solid #303741;border-radius:13px;background:#1b1f25}.douyin-source-panel{padding:17px}.douyin-source-panel>label{display:block;margin-bottom:7px;color:#cbd1d8;font-size:10px;font-weight:700}.douyin-source-panel textarea{width:100%;height:112px;resize:none;border:1px solid #3a424d;border-radius:10px;background:#22272e;color:#f1f3f5;padding:11px 12px;outline:0;font-size:11px;line-height:1.55}.douyin-source-panel textarea:focus{border-color:#c18d40;box-shadow:0 0 0 3px rgba(193,141,64,.12)}.douyin-analyze-button{width:100%;min-height:54px;display:flex;align-items:center;gap:11px;margin-top:10px;padding:9px 12px;border:1px solid #d1a154;border-radius:10px;background:linear-gradient(135deg,#d7a14c,#b47a2d);color:#fff;text-align:left;cursor:pointer;box-shadow:0 10px 24px rgba(148,92,21,.22)}.douyin-analyze-button>span{font-size:22px}.douyin-analyze-button strong,.douyin-analyze-button small{display:block}.douyin-analyze-button strong{font-size:11px}.douyin-analyze-button small{margin-top:3px;color:#fff1d8;font-size:8px}.douyin-analyze-button:disabled{opacity:.55;cursor:wait}.douyin-security{display:flex;gap:10px;margin-top:14px;padding:11px;border:1px solid #35534d;border-radius:10px;background:rgba(54,174,137,.075)}.douyin-security>i{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:7px;background:#2d9b79;color:#fff;font-size:9px;font-style:normal}.douyin-security p{margin:0}.douyin-security strong,.douyin-security span{display:block}.douyin-security strong{color:#bfe5d8;font-size:9px}.douyin-security span{margin-top:4px;color:#779b90;font-size:8px;line-height:1.5}.douyin-parser-tips{display:flex;flex-wrap:wrap;gap:5px;margin-top:13px}.douyin-parser-tips span{width:100%;color:#707b89;font-size:8px}.douyin-parser-tips b{padding:5px 7px;border:1px solid #353c46;border-radius:6px;background:#20252b;color:#9ca5b1;font-size:8px;font-weight:600}.douyin-result-panel{position:relative;overflow:hidden}.douyin-result-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6f7986}.douyin-result-empty>i{width:58px;height:58px;display:grid;place-items:center;margin-bottom:13px;border:1px solid #3a414c;border-radius:17px;background:#242931;color:#bb8840;font-size:18px;font-style:normal}.douyin-result-empty strong{color:#c4cbd3;font-size:12px}.douyin-result-empty span{margin-top:5px;font-size:9px}.douyin-result-content{height:100%;display:grid;grid-template-rows:minmax(230px,1fr) auto auto}.douyin-video-frame{position:relative;min-height:230px;background:#080a0d}.douyin-video-frame video{width:100%;height:100%;position:absolute;inset:0;object-fit:contain;background:#080a0d}.douyin-video-frame>b{position:absolute;left:11px;top:11px;padding:6px 8px;border:1px solid rgba(70,211,166,.45);border-radius:7px;background:rgba(17,89,70,.86);color:#aff0da;font-size:8px}.douyin-video-info{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:14px;padding:13px 14px;border-top:1px solid #303741}.douyin-video-info>div{min-width:0}.douyin-video-info strong,.douyin-video-info span{display:block}.douyin-video-info strong{overflow:hidden;color:#eef0f3;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.douyin-video-info span{margin-top:5px;color:#87919e;font-size:8px}.douyin-video-info label{color:#828c98;font-size:8px}.douyin-video-info input{width:100%;height:31px;margin-top:5px;border:1px solid #3a424c;border-radius:7px;background:#23282f;color:#f0f2f4;padding:0 9px;font-size:9px}.douyin-result-actions{display:grid;grid-template-columns:1fr 1.15fr;gap:8px;padding:0 14px 14px}.douyin-result-actions button{min-height:40px;border-radius:9px;font-size:10px;font-weight:750}.douyin-download-status{flex:none;padding:13px 19px 15px;border-top:1px solid #303741;background:#14171c}.douyin-download-status>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.douyin-download-status strong{color:#cbd1d8;font-size:10px}.douyin-download-status b{color:#d7aa67;font-size:11px}.douyin-download-status>span{display:block;height:7px;margin-top:8px;overflow:hidden;border-radius:999px;background:#2b313a}.douyin-download-status>span>i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d39a45,#44c9b6);transition:width .25s}.douyin-download-status>small{display:block;min-height:12px;margin-top:7px;overflow:hidden;color:#75808d;font-size:8px;text-overflow:ellipsis;white-space:nowrap}@media(max-height:760px){.douyin-parser-head{height:72px}.douyin-parser-body{padding:12px}.douyin-source-panel,.douyin-result-panel{min-height:340px}.douyin-source-panel textarea{height:86px}.douyin-video-frame{min-height:190px}}
.douyin-video-frame>b.failed{border-color:rgba(231,105,105,.55);background:rgba(120,35,35,.88);color:#ffd0d0}.douyin-result-actions button:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.35)}
.douyin-preview-state{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;background:radial-gradient(circle at center,rgba(50,56,68,.5),rgba(8,10,13,.94) 72%)}.douyin-preview-state[hidden]{display:none}.douyin-preview-state strong{color:#f1f3f6;font-size:13px}.douyin-preview-state span{max-width:420px;margin-top:7px;color:#9aa4b1;font-size:9px;line-height:1.55}.douyin-preview-state button{margin-top:14px;padding:9px 14px;border:1px solid #c8994d;border-radius:8px;background:rgba(194,141,61,.14);color:#f0c77f;font-size:9px;font-weight:750;cursor:pointer}.douyin-preview-state button:hover{background:rgba(194,141,61,.24);color:#fff0ce}

/* Account scheduler: ordered lanes, automatic rotation, and manual override. */
.account-scheduler-bar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:10px;border:1px solid #36414d;border-radius:11px;background:#1a2027}.account-scheduler-toggle{display:grid;grid-template-columns:1fr 1fr;align-self:center;padding:3px;border-radius:8px;background:#10151b}.account-scheduler-toggle button{min-width:82px;height:32px;border:0;border-radius:6px;background:transparent;color:#778493;font-size:9px;font-weight:750;cursor:pointer}.account-scheduler-toggle button.active{background:linear-gradient(135deg,#7466e5,#574bc2);color:#fff;box-shadow:0 5px 14px rgba(73,59,183,.3)}.account-scheduler-next{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 8px}.account-scheduler-next>span{color:#788595;font-size:8px}.account-scheduler-next>strong{overflow:hidden;color:#f0f3f6;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.account-scheduler-next>small{grid-column:1/-1;color:#69c8bd;font-size:8px;line-height:1.4}.parallel-capacity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.parallel-capacity-grid>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border:1px solid #343e49;border-radius:9px;background:#1b2027}.parallel-capacity-grid span{color:#7f8b99;font-size:8px}.parallel-capacity-grid strong{color:#e7ebef;font-size:14px}.parallel-capacity-grid>div:nth-child(3) strong{color:#4ed0ae}.parallel-capacity-grid>div:nth-child(4) strong{color:#a89eff}.parallel-task-card.ready{border-color:#356153;background:linear-gradient(135deg,rgba(48,145,111,.12),#1b2027 48%)}.parallel-task-card.ready:before{background:#3ecb94}.parallel-task-card.ready .parallel-task-card-head>b{border-color:#356b59;background:#19372e;color:#7ce1b9}.parallel-task-card.idle .parallel-task-progress i{background:#566171}.parallel-task-card-head{grid-template-columns:42px minmax(0,1fr) auto}.parallel-account-mark{width:42px;height:36px;border-color:#4a5563;background:#252c35;color:#aeb8c4;font-size:9px}.parallel-task-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.parallel-task-meta span{overflow:hidden;padding:6px 7px;border:1px solid #303944;border-radius:6px;background:#161b21;color:#788594;text-overflow:ellipsis;white-space:nowrap}.parallel-task-meta span:nth-child(2){text-align:center}.parallel-task-meta span:last-child{text-align:right}.parallel-task-actions .parallel-start-account{border-color:#7266df;background:linear-gradient(135deg,#7668e6,#594dc4);color:#fff;box-shadow:0 6px 15px rgba(75,61,185,.22)}.parallel-task-actions .parallel-login-account{border-color:#9b7139;background:#5a3d1f;color:#f2c780}.parallel-task-actions button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.parallel-queue-note{display:flex;align-items:flex-start;gap:8px;padding-top:10px;border-top:1px solid #303844;color:#7f8a98;font-size:8px;line-height:1.5}.parallel-queue-note i{width:17px;height:17px;flex:none;display:grid;place-items:center;border-radius:50%;background:#273743;color:#5ed0c2;font-size:8px;font-style:normal}.workspace[data-view="tasks"] .account-scheduler-bar{grid-template-columns:210px minmax(0,1fr)}

.production-start-button.parallel-ready{border-color:#56c9a7;background:linear-gradient(135deg,#2eaa83,#247d72);box-shadow:0 12px 28px rgba(38,154,119,.28)}

/* Selected-image quality adjustment. */
.selected-image-actions span b{font-weight:750}.selected-image-actions>div{display:flex;align-items:center;gap:6px}.selected-image-actions>div button{height:29px;padding:0 9px;border:1px solid #444b57;border-radius:7px;background:#282d35;color:#c4cad3;font-size:9px;font-weight:700;cursor:pointer}.selected-image-actions #adjustImageQualityButton{border-color:#b98139;background:linear-gradient(135deg,#c58c40,#9f6826);color:#fff;box-shadow:0 5px 14px rgba(143,88,25,.22)}.selected-image-actions>div button:hover{filter:brightness(1.12)}
.quality-editor-mask{position:fixed;inset:0;z-index:124;background:rgba(3,5,8,.78);backdrop-filter:blur(10px)}.quality-editor-modal{position:fixed;left:50%;top:50%;z-index:125;width:min(900px,calc(100vw - 70px));max-height:calc(100vh - 54px);display:flex;flex-direction:column;overflow:hidden;transform:translate(-50%,-50%);border:1px solid #3b424d;border-radius:17px;background:#191c22;box-shadow:0 38px 110px rgba(0,0,0,.68)}.quality-editor-mask[hidden],.quality-editor-modal[hidden]{display:none}.quality-editor-head{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 22px;border-bottom:1px solid #323842;background:radial-gradient(circle at 8% 0,rgba(204,145,61,.14),transparent 38%),#1b1f25}.quality-editor-head span{color:#daa252;font-size:8px;font-weight:850;letter-spacing:.15em}.quality-editor-head h2{margin:5px 0 3px;color:#f2f3f5;font-size:21px}.quality-editor-head p{margin:0;color:#8e97a3;font-size:10px}.quality-editor-head>button{width:35px;height:35px;flex:none;border:1px solid #3e4550;border-radius:9px;background:#262b32;color:#adb4be;font-size:19px;cursor:pointer}.quality-editor-body{min-height:0;overflow:auto;padding:16px 18px 12px}.quality-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.quality-compare-grid figure{min-width:0;margin:0;overflow:hidden;border:1px solid #343b45;border-radius:12px;background:#14171c}.quality-compare-grid figure>div{height:310px;display:grid;place-items:center;overflow:hidden;background-color:#0b0d11;background-image:linear-gradient(45deg,#12161c 25%,transparent 25%),linear-gradient(-45deg,#12161c 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#12161c 75%),linear-gradient(-45deg,transparent 75%,#12161c 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.quality-compare-grid img{width:100%;height:100%;object-fit:contain;transition:filter .08s linear,transform .08s linear}.quality-compare-grid figcaption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-top:1px solid #343b45}.quality-compare-grid figcaption b{color:#e7e9ed;font-size:10px}.quality-compare-grid figcaption span{color:#7f8997;font-size:8px}.quality-adjusted{border-color:#5b4930!important}.quality-control-panel{margin-top:13px;padding:13px 15px 11px;border:1px solid #363d47;border-radius:11px;background:#20242b}.quality-control-title{display:flex;align-items:center;justify-content:space-between}.quality-control-title strong,.quality-control-title span{display:block}.quality-control-title strong{color:#e8eaed;font-size:11px}.quality-control-title span{margin-top:3px;color:#7f8996;font-size:8px}.quality-control-title>b{min-width:57px;padding:6px 8px;border:1px solid #6d542f;border-radius:7px;background:#2b251c;color:#e6b363;text-align:center;font-size:10px}.quality-control-panel input[type="range"]{width:100%;height:6px;margin:15px 0 7px;appearance:none;border-radius:999px;background:linear-gradient(90deg,#47c6b4 0%,#d19a4a 100%);outline:0}.quality-control-panel input[type="range"]::-webkit-slider-thumb{width:21px;height:21px;appearance:none;border:3px solid #171a1f;border-radius:50%;background:#e0a752;box-shadow:0 0 0 1px #f0bd6d,0 5px 13px rgba(0,0,0,.45);cursor:grab}.quality-range-labels{display:flex;justify-content:space-between;color:#747e8b;font-size:8px}.quality-editor-status{min-height:14px;margin-top:7px;color:#75cdb0;font-size:8px}.quality-editor-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;padding:12px 18px 15px;border-top:1px solid #323842;background:#16191e}.quality-editor-actions button{min-width:105px;min-height:38px;border-radius:9px;font-size:10px;font-weight:750}.quality-editor-actions .primary{border-color:#d9a150;background:linear-gradient(135deg,#d4a04d,#ad732a);box-shadow:0 8px 18px rgba(145,89,22,.2)}.quality-editor-actions button:disabled{opacity:.5;cursor:wait}@media(max-height:760px){.quality-editor-head{min-height:72px}.quality-compare-grid figure>div{height:235px}.quality-editor-body{padding-top:12px}.quality-control-panel{margin-top:10px}}