:root{
  --bg:#090b10;--panel:#11141b;--panel2:#151923;--line:#252b38;--text:#f6f7fb;--muted:#8f98aa;--accent:#7c5cff;--accent2:#2dd4bf;--warn:#f59e0b;--danger:#ef4444;
}
*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at 70% -10%,#1b1640 0,transparent 34%),var(--bg);color:var(--text);font-family:Inter,"Noto Sans SC",sans-serif}button,textarea,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:24px 16px;background:rgba(10,12,18,.92);border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 28px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#a78bfa);display:grid;place-items:center;font-weight:800}.brand-title{font-weight:800}.brand-sub{font-size:11px;color:var(--muted);margin-top:3px}.nav{display:flex;flex-direction:column;gap:6px}.nav-item{border:0;background:transparent;color:var(--muted);padding:12px 14px;border-radius:10px;text-align:left;cursor:pointer}.nav-item.active,.nav-item:hover{background:#171b25;color:#fff}.nav-item span{margin-left:9px}.sidebar-foot{margin-top:auto;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:8px;padding:10px}.status-dot{width:8px;height:8px;background:var(--accent2);border-radius:99px;box-shadow:0 0 16px var(--accent2)}.main{padding:34px;max-width:1600px;width:100%;margin:0 auto}.view{display:none}.view.active{display:block}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.eyebrow,.step-tag{font-size:11px;letter-spacing:.16em;color:#8f7dff;font-weight:700}.topbar h1{font-size:36px;margin:7px 0 8px}.topbar p{margin:0;color:var(--muted);max-width:760px}.top-actions{display:flex;gap:10px}.btn{border:1px solid var(--line);background:#171b25;color:#fff;border-radius:10px;padding:10px 16px;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--accent),#6847ff);border-color:transparent;box-shadow:0 10px 30px rgba(124,92,255,.2)}.btn.ghost{background:transparent}.btn.tiny{padding:6px 10px;font-size:12px}.workspace-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.left-stack{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:linear-gradient(180deg,rgba(20,24,33,.98),rgba(14,17,24,.98));border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 18px 50px rgba(0,0,0,.16)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel h2{font-size:17px;margin:4px 0 0}.role-pill,.job-status{font-size:10px;border:1px solid #315e58;color:#65e6d3;border-radius:99px;padding:6px 9px;background:#10231f}.role-pill.purple{border-color:#493a7a;color:#b7a8ff;background:#1d1733}.dropzone{min-height:260px;border:1px dashed #343c4d;border-radius:13px;display:grid;place-items:center;position:relative;overflow:hidden;cursor:pointer;background:linear-gradient(180deg,#0d1017,#10141d)}.dropzone.drag{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.dropzone img{display:none;width:100%;height:100%;object-fit:contain;position:absolute;inset:0;background:#0b0e14}.dropzone.has-image img{display:block}.dropzone.has-image .drop-copy{display:none}.drop-copy{text-align:center;color:var(--muted);display:flex;flex-direction:column;gap:7px;align-items:center}.drop-copy strong{color:#fff}.upload-icon{font-size:34px;width:50px;height:50px;border-radius:14px;background:#171c27;display:grid;place-items:center;color:#a89aff}.control-panel textarea{width:100%;min-height:150px;resize:vertical;border:1px solid var(--line);background:#0c0f15;color:#fff;border-radius:12px;padding:14px;outline:none}.control-panel textarea:focus{border-color:#51428c}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.settings-grid label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:7px}.settings-grid select{background:#0c0f15;color:#fff;border:1px solid var(--line);border-radius:9px;padding:10px}.priority-box{margin-top:14px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#0e1118}.priority-title{font-size:11px;color:var(--muted);margin-bottom:8px}.priority-flow{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:11px}.priority-flow span{background:#171b25;padding:5px 7px;border-radius:7px}.priority-flow b{color:#6553c5}.workflow-panel{margin-top:18px}.workflow{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.wf-step{padding:12px 10px;border:1px solid var(--line);border-radius:12px;background:#0d1017;min-height:86px}.wf-step .n{font-size:10px;color:var(--muted)}.wf-step .t{font-size:12px;font-weight:700;margin-top:8px}.wf-step .s{font-size:10px;color:var(--muted);margin-top:5px}.wf-step.running{border-color:#6e58f2;box-shadow:0 0 0 1px rgba(124,92,255,.25) inset}.wf-step.done{border-color:#275d54}.wf-step.done .s{color:#58d8c4}.job-status.idle{color:var(--muted);border-color:#343b49;background:#151922}.job-status.running{color:#b9adff;border-color:#53458d;background:#1c1731}.job-status.done{color:#65e6d3;border-color:#315e58;background:#10231f}.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.small-note{font-size:11px;color:var(--muted)}.empty-state{border:1px dashed #303746;border-radius:12px;padding:28px;color:var(--muted);text-align:center}.decision-grid{display:grid;grid-template-columns:1.2fr .9fr .8fr .8fr;gap:8px;font-size:11px}.decision-grid>div{padding:9px;border-bottom:1px solid #232936}.decision-grid .head{color:var(--muted);font-weight:700}.badge{display:inline-block;padding:4px 7px;border-radius:6px;font-size:10px}.badge.keep{background:#17201c;color:#70d8a8}.badge.modify{background:#2c2412;color:#f1c36e}.badge.reject{background:#2a1719;color:#f18d95}.brief-box{white-space:pre-wrap;margin:0;background:#0b0e14;border:1px solid var(--line);border-radius:12px;padding:14px;min-height:240px;color:#cbd1df;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.65}.output-panel{margin-top:18px}.result-area{min-height:360px;border:1px dashed #313847;border-radius:14px;display:grid;place-items:center;background:radial-gradient(circle at center,#16162b,#0c0f15 60%)}.result-placeholder{display:flex;flex-direction:column;gap:8px;text-align:center;color:var(--muted)}.result-placeholder strong{color:#fff}.result-orb{width:76px;height:76px;margin:0 auto 8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#b5aaff,#6a50ff 50%,#1b1539 72%);box-shadow:0 0 60px rgba(124,92,255,.25)}.simple-page{padding:20px}.code-card{margin-top:20px;background:#0c0f15;border:1px solid var(--line);border-radius:12px;padding:18px;font-family:monospace;color:#b9c1d2}.history-list{display:grid;gap:10px;margin-top:20px}.history-item{border:1px solid var(--line);background:#11151d;border-radius:12px;padding:14px}.history-item b{display:block}.history-item span{font-size:12px;color:var(--muted)}
@media(max-width:1100px){.app-shell{grid-template-columns:76px 1fr}.brand-title,.brand-sub,.nav-item span,.sidebar-foot span{display:none}.brand{padding-left:2px}.nav-item{text-align:center}.workspace-grid,.results-grid{grid-template-columns:1fr}.workflow{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.main{padding:18px}.app-shell{display:block}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;overflow:auto;padding:10px}.brand{padding:0}.nav{flex-direction:row}.sidebar-foot{display:none}.left-stack{grid-template-columns:1fr}.workflow{grid-template-columns:repeat(2,1fr)}.topbar{flex-direction:column}.settings-grid{grid-template-columns:1fr}}

.result-card{display:flex;flex-direction:column;gap:12px}.result-card img{width:100%;border-radius:18px;border:1px solid rgba(255,255,255,.08)}.result-meta{display:flex;justify-content:space-between;gap:12px;color:#cdd4df;font-size:13px;flex-wrap:wrap}

.result-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;width:100%;align-items:start}
.result-gallery .result-card{min-width:0}

/* Inspiration Library V1 */
.source-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.inspiration-board-panel{margin-top:18px}.board-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.empty-board{display:block;color:var(--muted);border:1px dashed #303746;border-radius:12px;padding:18px}.board-item{display:grid;grid-template-columns:62px 1fr 28px;gap:10px;align-items:center;background:#0d1017;border:1px solid var(--line);border-radius:12px;padding:8px}.board-item img{width:62px;height:62px;object-fit:cover;border-radius:9px;background:#090b10}.board-item-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.board-item-copy b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-item-copy small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.board-role{width:max-content;font-size:9px;border-radius:99px;padding:3px 6px;background:#1b2130;color:#cbd5e1}.board-role.style{background:#241b42;color:#c7b9ff}.board-role.color{background:#2c2111;color:#ffd28c}.board-role.material{background:#102923;color:#88ead8}.board-role.detail{background:#18233a;color:#9fc1ff}.board-role.sole{background:#2b1d22;color:#ffb1c2}.board-remove{border:0;background:transparent;color:#7f8796;font-size:20px;cursor:pointer}.board-remove:hover{color:#fff}
.library-layout{display:grid;grid-template-columns:340px 1fr;gap:18px}.asset-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.asset-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--muted)}.asset-form input,.asset-form select,.asset-form textarea,.library-searchbar input,.library-searchbar select{background:#0c0f15;color:#fff;border:1px solid var(--line);border-radius:9px;padding:10px;outline:none}.asset-form textarea{min-height:90px;resize:vertical}.asset-form .wide{grid-column:1/-1}.asset-image-pick{grid-column:1/-1;border:1px dashed #364052;border-radius:12px;padding:16px;text-align:center;cursor:pointer}.asset-image-pick input{border:0;padding:0;background:transparent}.library-searchbar{display:grid;grid-template-columns:1fr 150px auto;gap:10px}.search-tip{font-size:11px;color:var(--muted);margin:10px 0 16px}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.library-card{overflow:hidden;border:1px solid var(--line);background:#0e121a;border-radius:14px}.library-thumb{height:190px;position:relative;background:#090b10}.library-thumb img{width:100%;height:100%;object-fit:contain}.score-pill{position:absolute;top:9px;right:9px;background:rgba(18,24,35,.9);border:1px solid #40506a;border-radius:99px;padding:5px 8px;font-size:10px;color:#cfe1ff}.library-card-body{padding:12px}.library-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.library-card-head b{font-size:13px}.library-card-head span{font-size:10px;color:#9aa6bb;background:#171c27;border-radius:6px;padding:4px 6px}.asset-meta{font-size:10px;color:#9ca6b9;line-height:1.55;margin-top:8px}.asset-tags{font-size:10px;color:#6f7d94;margin-top:5px;min-height:16px}.library-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.library-actions select{min-width:0;background:#0b0f16;color:#fff;border:1px solid var(--line);border-radius:8px;padding:7px}.card-admin{display:flex;gap:10px;justify-content:flex-end;margin-top:9px}.text-btn{border:0;background:transparent;color:#8893a5;font-size:10px;cursor:pointer}.text-btn:hover{color:#fff}.text-btn.danger:hover{color:#ff9494}.library-topbar{margin-bottom:18px}
@media(max-width:1100px){.library-layout{grid-template-columns:1fr}.asset-form-panel{order:2}.library-browser{order:1}}
@media(max-width:760px){.library-searchbar{grid-template-columns:1fr}.asset-form{grid-template-columns:1fr}.asset-form .wide,.asset-image-pick{grid-column:auto}.board-summary{grid-template-columns:1fr}}

/* History V2: visual task cards with generated result images */
.history-list{grid-template-columns:repeat(auto-fit,minmax(520px,1fr));gap:16px}
.history-card{border:1px solid var(--line);background:linear-gradient(180deg,#121721,#0e1219);border-radius:16px;padding:16px;min-width:0}
.history-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.history-card-head b{display:block;font-size:14px}.history-card-head small{display:block;color:var(--muted);margin-top:5px;font-size:11px}.history-status{font-size:9px;letter-spacing:.08em;padding:5px 7px;border-radius:99px;background:#161b25;color:var(--muted);border:1px solid var(--line)}.history-status.completed{color:#65e6d3;border-color:#315e58;background:#10231f}.history-status.failed,.history-status.interrupted{color:#f29aa1;border-color:#61363a;background:#271719}.history-status.generating,.history-status.uploading_references,.history-status.queued,.history-status.analyzing{color:#b9adff;border-color:#53458d;background:#1c1731}
.history-visual-flow{display:grid;grid-template-columns:minmax(180px,.8fr) 30px minmax(220px,1.25fr);gap:10px;align-items:center}.history-sources{display:grid;grid-template-columns:1fr 1fr;gap:8px}.history-source,.history-result-thumb{position:relative;min-height:130px;border:1px solid #2b3342;border-radius:11px;overflow:hidden;background:#090c12;padding:0}.history-source img,.history-result-thumb img{width:100%;height:130px;object-fit:contain;display:block;background:#0b0e14}.history-source span,.history-result-thumb span{position:absolute;left:7px;bottom:7px;background:rgba(6,9,14,.78);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:4px 6px;color:#dce2ee;font-size:9px}.history-source,.history-result-thumb{cursor:pointer;color:#fff;appearance:none;-webkit-appearance:none;width:100%;font:inherit;text-align:initial}.history-source:hover,.history-result-thumb:hover{border-color:#705cff;box-shadow:0 0 0 1px rgba(112,92,255,.18)}.history-results{display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));gap:8px}.history-arrow{text-align:center;color:#7769cc;font-size:24px}.history-empty-thumb{min-height:130px;border:1px dashed #303746;border-radius:11px;display:grid;place-items:center;color:var(--muted);font-size:12px}.history-copy{margin-top:13px;color:#c7cedc;font-size:12px;line-height:1.55}.history-copy small{color:var(--muted)}.history-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.history-actions a{text-decoration:none}.history-actions .primary{margin-left:auto}
@media(max-width:900px){.history-list{grid-template-columns:1fr}.history-visual-flow{grid-template-columns:1fr}.history-arrow{transform:rotate(90deg)}.history-actions .primary{margin-left:0}}

/* Colorway V1 */
.colorway-eye{color:#f59e0b}.colorway-panel{border-color:#3a3325}.color-pill{border-color:#6a4c1f;color:#ffd28c;background:#2b2112}.lock-badge{font-size:9px;letter-spacing:.08em;padding:5px 8px;border-radius:99px;background:#2a2112;color:#ffd28c;border:1px solid #6c5226}.colorway-primary{background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 10px 30px rgba(245,158,11,.16)!important}.colorway-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.colorway-options label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:7px}.colorway-options select,.colorway-options input{background:#0c0f15;color:#fff;border:1px solid var(--line);border-radius:9px;padding:10px}.hidden-option{display:none!important}.lock-checks{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:9px;background:#0e1118;border:1px solid var(--line);border-radius:12px;padding:12px}.lock-checks label{font-size:11px;color:#c9d0db;display:flex;gap:8px;align-items:center}.lock-checks input{accent-color:#f59e0b}.compact-settings{margin-top:14px}.color-priority{border-color:#4a3b20}.color-priority .priority-flow span{background:#211b12}.color-priority .priority-flow b{color:#f59e0b}.color-orb{background:radial-gradient(circle at 35% 35%,#fde68a,#f59e0b 50%,#422006 74%);box-shadow:0 0 60px rgba(245,158,11,.22)}.mode-badge{display:inline-block;margin-left:6px;font-size:8px;letter-spacing:.06em;padding:3px 6px;border-radius:99px;background:#211b38;color:#c9bcff;border:1px solid #4b3d78;vertical-align:middle}.mode-badge.colorway{background:#2a2112;color:#ffd28c;border-color:#6c5226}
@media(max-width:760px){.colorway-options,.lock-checks{grid-template-columns:1fr}}

/* Colorway V2 */
#colorway .workflow{grid-template-columns:repeat(6,minmax(0,1fr))}
.v2-analysis-grid .panel{min-width:0}
.inventory-grid{display:grid;grid-template-columns:.45fr 1.15fr .7fr 1.9fr .8fr;gap:6px;font-size:11px;overflow:auto}
.mapping-grid{display:grid;grid-template-columns:1fr 1.15fr 1.4fr .8fr 1.5fr;gap:6px;font-size:11px;overflow:auto}
.inventory-grid>div,.mapping-grid>div{padding:9px;border-bottom:1px solid #232936;min-width:0;overflow-wrap:anywhere}
.inventory-grid .head,.mapping-grid .head{color:var(--muted);font-weight:700;position:sticky;top:0;background:#11151d}
.quality-list{display:grid;gap:8px}
.quality-row{display:grid;grid-template-columns:72px 1fr 1.4fr;gap:10px;align-items:center;padding:9px 10px;border:1px solid #232936;border-radius:10px;background:#0d1017;font-size:11px}
.quality-row b{font-size:11px}.quality-row>span:last-child{color:var(--muted)}
.quality-status{display:inline-flex;justify-content:center;align-items:center;padding:4px 7px;border-radius:7px;font-size:9px;font-weight:800;letter-spacing:.04em}
.quality-status.lock{background:#17201c;color:#70d8a8}.quality-status.review{background:#2c2412;color:#f1c36e}.quality-status.pass{background:#12231f;color:#65e6d3}
@media(max-width:1250px){#colorway .workflow{grid-template-columns:repeat(4,minmax(0,1fr))}.inventory-grid{grid-template-columns:.5fr 1fr .8fr 1.5fr .9fr}.mapping-grid{grid-template-columns:1fr 1fr 1.2fr .8fr 1.2fr}}
@media(max-width:760px){#colorway .workflow{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-grid,.mapping-grid{display:block}.inventory-grid>div,.mapping-grid>div{border-bottom:1px solid #232936}.inventory-grid .head,.mapping-grid .head{display:none}.quality-row{grid-template-columns:64px 1fr}.quality-row>span:last-child{grid-column:1/-1}}

/* Colorway V2.1 pre-analysis state */
.job-status.ready{color:#8ee7b8;border-color:#315e58;background:#10231f;box-shadow:0 0 0 1px rgba(101,230,211,.08) inset}
.mapping-head-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.analyzer-note{font-size:10px;color:#aeb7ca;border:1px solid #343b49;background:#11151d;border-radius:999px;padding:5px 8px}

/* Colorway V2.2 optional pre-analysis */
.analysis-mode-box{margin-top:14px;padding:12px;border:1px solid #433a27;border-radius:12px;background:linear-gradient(180deg,#12100b,#0d1017);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.analysis-toggle{display:flex;align-items:flex-start;gap:10px;cursor:pointer;min-width:0;flex:1}
.analysis-toggle input{margin-top:3px;accent-color:#f59e0b;width:16px;height:16px;flex:0 0 auto}
.analysis-toggle-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.analysis-toggle-copy b{font-size:12px;color:#fff}.analysis-toggle-copy small{font-size:10px;color:var(--muted);line-height:1.55}
.mode-hint{font-size:9px;letter-spacing:.05em;border-radius:999px;padding:6px 9px;border:1px solid var(--line);white-space:nowrap}.mode-hint.direct{color:#ffd28c;background:#2a2112;border-color:#6c5226}.mode-hint.analyzed{color:#8ee7b8;background:#10231f;border-color:#315e58}
.mode-badge.submode{margin-left:5px}.mode-badge.submode.direct{background:#2a2112;color:#ffd28c;border-color:#6c5226}.mode-badge.submode.analyzed{background:#10231f;color:#8ee7b8;border-color:#315e58}
@media(max-width:760px){.analysis-mode-box{align-items:stretch}.mode-hint{width:max-content;max-width:100%;white-space:normal}}

/* Colorway V3 STRICT mode */
.analysis-mode-box{align-items:stretch}
.strict-toggle{flex-basis:100%;padding-bottom:10px;border-bottom:1px solid #342c1d}
.strict-toggle input{accent-color:#ef4444}
.strict-hint{flex-basis:100%;font-size:10px;line-height:1.55;border-radius:9px;padding:8px 10px;border:1px solid #343b49;background:#10141b;color:#8f98aa}
.strict-hint.on{color:#ffd2d5;border-color:#6b3438;background:#241416}.strict-hint.off{color:#8f98aa}
.mode-hint.strict{color:#ffd2d5;background:#2b1518;border-color:#6b3438}
.mode-badge.submode.strict{background:#2b1518;color:#ffd2d5;border-color:#6b3438}
.mode-badge.qa{margin-left:4px}.mode-badge.qa.pass{background:#10231f;color:#8ee7b8;border-color:#315e58}.mode-badge.qa.fail{background:#2b1518;color:#ff9aa2;border-color:#6b3438}.mode-badge.qa.unverified,.mode-badge.qa.pending{background:#222018;color:#ffd28c;border-color:#6c5226}
.strict-qa-panel{margin-top:18px;border-color:#463033}
.post-qa{border:1px solid var(--line);border-radius:12px;padding:14px;background:#0d1017}.post-qa-head{display:flex;flex-direction:column;gap:5px}.post-qa-head b{font-size:13px}.post-qa-head span{font-size:11px;color:var(--muted)}
.post-qa.qa-pass{border-color:#315e58;background:#10201c}.post-qa.qa-fail{border-color:#6b3438;background:#221315}.post-qa.qa-unverified{border-color:#6c5226;background:#211b12}
.qa-violations{display:grid;gap:8px;margin-top:12px}.qa-violations>div{display:grid;grid-template-columns:140px 1fr auto;gap:10px;align-items:center;padding:9px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(0,0,0,.16);font-size:11px}.qa-violations span{color:#c9d0db}.qa-violations em{font-style:normal;font-size:9px;text-transform:uppercase;color:#ff9aa2}.qa-no-violations{margin-top:10px;color:#8ee7b8;font-size:11px}
.strict-result-note{width:100%;padding:10px 12px;border-radius:10px;font-size:11px;margin-bottom:12px}.strict-result-note.pass{background:#10231f;color:#8ee7b8;border:1px solid #315e58}.strict-result-note.fail{background:#2b1518;color:#ff9aa2;border:1px solid #6b3438}.strict-result-note.unverified,.strict-result-note.pending{background:#211b12;color:#ffd28c;border:1px solid #6c5226}
.history-status.quality_failed{color:#ff9aa2;border-color:#6b3438;background:#2b1518}.history-status.validating{color:#ffd28c;border-color:#6c5226;background:#211b12}
.job-status.failed{color:#ff9aa2;border-color:#6b3438;background:#2b1518}
@media(max-width:760px){.qa-violations>div{grid-template-columns:1fr}.strict-toggle{padding-bottom:8px}}


/* History Organizer V1 */
.history-list{display:block!important;margin-top:20px}
.history-date-group{margin-bottom:30px}
.history-date-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;padding:0 2px 10px;border-bottom:1px solid var(--line)}
.history-date-head>div{display:flex;align-items:center;gap:10px}
.history-date-label{font-size:15px;font-weight:800;color:#f4f6fb}
.history-date-count{font-size:10px;color:var(--muted);border:1px solid var(--line);background:#11151d;border-radius:99px;padding:4px 8px}
.history-date-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(520px,1fr));gap:16px}
.btn.danger{color:#ff9b9b;border-color:#5b3035;background:#241518}
.btn.danger:hover:not(:disabled){background:#34191d;border-color:#8a3b43;color:#ffc0c0}
.btn.danger:disabled{opacity:.38;cursor:not-allowed}
.history-delete-btn{margin-left:2px}
@media(max-width:900px){.history-date-grid{grid-template-columns:1fr}}

/* Pause / resume task controls */
.job-status.paused{color:#ffd28c;border-color:#6c5226;background:#211b12}
.job-status.pausing{color:#c9b9ff;border-color:#5e4b8f;background:#1d1830}
.history-status.paused{color:#ffd28c;border-color:#6c5226;background:#211b12}
.history-status.pausing{color:#c9b9ff;border-color:#5e4b8f;background:#1d1830}
.pause-task-btn{border-color:#6c5226!important;color:#ffd28c!important;background:#211b12!important}
.pause-task-btn.resume{border-color:#315e58!important;color:#65e6d3!important;background:#10231f!important}

/* Pause safety V1.1: Lovart remote generation is not pausable. */
.pause-task-btn.wait{border-color:#394052!important;color:#aeb7c8!important;background:#171b24!important;opacity:.85}


/* Locked Colorway safety rule: show as a permanent rule instead of a disabled checkbox */
.locked-rule-row{
  min-height:38px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:8px 10px;
  border:1px solid #4b3b20;
  border-radius:9px;
  background:#17130d;
  color:#e4e8ef;
}
.locked-rule-icon{
  font-size:14px;
  line-height:1;
  flex:0 0 auto;
}
.locked-rule-copy{
  min-width:0;
  display:flex;
  flex:1;
  flex-direction:column;
  gap:2px;
}
.locked-rule-copy b{
  font-size:11px;
  font-weight:600;
  color:#e7eaf0;
}
.locked-rule-copy small{
  font-size:9px;
  color:#b79d6a;
}
.locked-rule-badge{
  flex:0 0 auto;
  font-size:8px;
  letter-spacing:.08em;
  color:#ffd28c;
  border:1px solid #6c5226;
  background:#2a2112;
  border-radius:999px;
  padding:4px 6px;
}


/* MultiRef Studio V1 */
.multiref-eye{color:#d6b75b}.multiref-run{background:linear-gradient(135deg,#d7ad42,#d88416)!important;color:#161108!important}
.mr-stepbar{display:grid;grid-template-columns:1fr 430px;gap:14px;margin-bottom:14px}.mr-step,.mr-model-box{height:76px;border:1px solid #45402d;border-radius:13px;background:#101316;display:flex;align-items:center;padding:0 22px;gap:18px}.mr-step b,.mr-model-box>b{font-size:34px;font-weight:300;color:#d8bd69}.mr-step span,.mr-model-box>span{font-size:15px;font-weight:700}.mr-model-box select{margin-left:auto;width:180px;border:0;border-left:1px solid #4a442e;border-radius:0;background:transparent;color:#f4d981;font-weight:700}.mr-studio{display:grid;grid-template-columns:minmax(440px,1.45fr) 300px minmax(360px,.9fr);gap:14px;min-height:610px}.mr-canvas-panel,.mr-role-rail,.mr-task-panel{border:1px solid #45402d;border-radius:14px;background:#101316}.mr-canvas-panel{padding:18px;display:flex;flex-direction:column}.mr-canvas-title{display:flex;gap:4px;color:#f1da90;font-size:13px;font-weight:700}.mr-main-drop{flex:1;min-height:500px;margin-top:10px;border:1px solid #c6a54a;border-radius:13px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;position:relative;background:#0d1114}.mr-main-drop.drag{outline:2px solid #d8bd69}.mr-main-drop img{max-width:100%;max-height:100%;object-fit:contain;display:none}.mr-main-drop.has-image img{display:block}.mr-main-drop.has-image .mr-main-empty{display:none}.mr-main-empty{width:270px;height:195px;border:1px solid #8c753b;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#ead081}.mr-main-empty>span{font-size:48px;font-weight:200;line-height:1}.mr-main-empty b{font-size:18px}.mr-main-empty small{color:#8f9299}.mr-role-rail{padding:0;border-color:#2d3036;background:#0d1014;display:flex;flex-direction:column;gap:10px}.mr-role-card{width:100%;min-height:105px;border:1px solid #34373d;border-radius:14px;background:#101316;color:#b8bbc2;display:grid;grid-template-columns:78px 1fr 20px;gap:12px;align-items:center;text-align:left;padding:11px;cursor:pointer}.mr-role-card.active{border-color:#e0c56f;background:#211f18;color:#fff4c9;box-shadow:0 0 0 1px rgba(224,197,111,.22) inset}.mr-role-thumb{height:74px;border:1px solid #544b2c;border-radius:12px;background:#0c1013;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.mr-role-thumb i{font-style:normal;font-size:34px;color:#c9cdd5}.mr-role-thumb img{width:100%;height:100%;object-fit:cover;display:none}.mr-role-thumb img.show{display:block}.mr-role-thumb img.show+i{display:none}.mr-role-card b{display:block;font-size:15px;margin-bottom:6px}.mr-role-card small{display:block;color:#858992;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.mr-role-card em{font-style:normal;font-size:22px;color:#a7abb4}.mr-task-panel{overflow:hidden;display:flex;flex-direction:column}.mr-task-head{height:60px;padding:0 16px;border-bottom:1px solid #3f3a29;display:flex;align-items:center;justify-content:space-between}.mr-task-head b{font-size:15px}.mr-task-head span{font-size:11px;color:#7d818a}.mr-task-panel textarea{margin:12px;border:1px solid #d7b955;border-radius:10px;min-height:280px;resize:vertical;background:#0d1114;color:#e8ebf0;padding:15px;font-size:14px;line-height:1.7}.mr-role-rule{margin:0 12px 12px;padding:12px;border:1px solid #4a4229;border-radius:10px;background:#17150f}.mr-role-rule span{font-size:9px;letter-spacing:.12em;color:#d7b955}.mr-role-rule p{margin:7px 0 0;color:#b8bdc7;font-size:11px;line-height:1.6}.mr-settings-mini{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 12px}.mr-settings-mini label{font-size:10px;color:#8e94a0}.mr-settings-mini select{margin-top:5px;width:100%;background:#0d1117;border:1px solid #313643;color:#e5e9ef;border-radius:8px;padding:8px}.mr-workflow-panel{margin-top:16px}.mr-results-grid{margin-top:16px}.mr-role-map-list{display:grid;gap:8px}.mr-role-map-list>div{display:grid;grid-template-columns:110px 1fr;gap:7px 12px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#0e1218}.mr-role-map-list b{color:#f0d27b}.mr-role-map-list span,.mr-role-map-list small{font-size:10px;color:#c4cad4}.mr-role-map-list small{grid-column:2;color:#8f96a2}.mode-badge.multiref{background:#221f12;color:#f0d27b;border-color:#65572e}
@media(max-width:1200px){.mr-studio{grid-template-columns:1fr 270px}.mr-task-panel{grid-column:1/-1}.mr-stepbar{grid-template-columns:1fr 360px}}@media(max-width:800px){.mr-stepbar,.mr-studio{grid-template-columns:1fr}.mr-role-rail{order:2}.mr-task-panel{order:3}.mr-main-drop{min-height:360px}}


/* Colorway Material V1.2 */
.material-dna-list{display:grid;gap:8px}.material-dna-item{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(80px,.7fr) 1.5fr;gap:8px 12px;align-items:center;padding:10px 12px;border:1px solid #2d3340;border-radius:10px;background:#10141d}.material-dna-item b{font-size:12px;color:#f3f5f9}.material-dna-item span{font-size:11px;color:#c3cad8}.material-dna-item small{font-size:10px;color:#9aa6bb}.material-dna-item em{grid-column:1/-1;font-style:normal;font-size:10px;color:#8e9bb1}.material-dna-overall{display:flex;gap:10px;padding:10px 12px;border:1px dashed #4b3b20;border-radius:10px;background:#17130d}.material-dna-overall b{color:#ffd28c;font-size:11px}.material-dna-overall span{color:#c9d0dd;font-size:11px}.material-analysis-grid .panel{min-height:180px}


/* Colorway Material V1.3 - de-structured material board */
.material-board-panel{overflow:hidden}
.material-board-view{display:grid;grid-template-columns:minmax(260px,520px) 1fr;gap:18px;align-items:center}
.material-board-view img{width:100%;max-height:300px;object-fit:contain;border:1px solid #3d4250;border-radius:12px;background:#ebe7df}
.material-board-view>div{display:flex;flex-direction:column;gap:7px}
.material-board-view b{font-size:12px;color:#ffd28c;letter-spacing:.06em}
.material-board-view span,.material-board-building span{font-size:11px;line-height:1.65;color:#9ea8ba}
.material-board-building{min-height:110px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:16px;border:1px dashed #6c5226;border-radius:12px;background:#17130d}
.material-board-building b{color:#ffd28c}
@media(max-width:900px){.material-board-view{grid-template-columns:1fr}}