:root{color-scheme:dark;--bg:#0d1119;--panel:#151c27;--panel2:#1b2331;--stroke:#2a3445;--muted:#8795aa;--text:#e8eef7;--cyan:#69dce9;--purple:#a894f9;--orange:#e5ae78;--font:"Segoe UI","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px var(--font)}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:background .15s,border-color .15s,transform .15s}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,label.dropzone:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}button:hover:not(:disabled){filter:brightness(1.13)}[hidden]{display:none!important}input,select,textarea{background:#101722;border:1px solid var(--stroke);color:var(--text);border-radius:8px;padding:10px 12px;outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:#68cedc;box-shadow:0 0 0 3px #68cedc10}textarea{resize:vertical;line-height:1.8}select{cursor:pointer}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--stroke);background:#101621}.brand{display:flex;align-items:center;gap:14px}.brand-mark{display:grid;place-items:center;width:34px;height:38px;color:#0d1821;background:var(--cyan);font-size:26px;font-weight:900;border-radius:8px 8px 8px 0}.brand strong{font-size:20px;letter-spacing:3px}.brand-dot{color:var(--cyan);font-weight:400}.brand-sub{font-size:12px;letter-spacing:1px;color:#b6c2d4}.local-badge{font-size:10px;letter-spacing:1.5px;color:var(--muted);border:1px solid var(--stroke);padding:5px 8px;border-radius:5px;display:flex;align-items:center;gap:5px}.local-badge i{height:5px;width:5px;border-radius:50%;background:#78cda5}nav{display:flex;gap:10px;align-items:center}button.quiet,.text-btn{border:0;color:var(--muted);background:transparent;font-size:12px;padding:5px 8px}.settings-btn{background:#1c2635;color:#dae6f6;border:1px solid #3c4a60;padding:10px 15px;border-radius:8px;font-size:12px;display:flex;align-items:center;gap:8px}.config-dot{width:6px;height:6px;border-radius:50%;background:#677083}.config-dot.ready{background:var(--cyan)}.workspace{max-width:1920px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 350px;align-items:start}.workspace main{padding:30px 30px 20px;min-width:0}.page-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:15px}.eyebrow{font-size:9px;letter-spacing:2.5px;color:#8d9aaa;font-weight:600}h1{font-size:27px;line-height:1.4;letter-spacing:1px;margin:9px 0 7px;font-weight:650}.page-intro p{color:var(--muted);font-size:12px;margin:0}h2,h3{margin:0;font-weight:600}h2{font-size:14px}h3{font-size:13px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.section-heading h2{display:flex;gap:8px;align-items:center}.section-heading>span{font-size:10px;color:var(--muted)}.tiny-icon{color:var(--cyan);margin-right:4px;font-size:15px}.references{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.reference-card{background:var(--panel);border:1px solid var(--stroke);border-radius:12px;padding:14px}.card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-heading>div{display:flex;gap:9px;align-items:center}.step-no{font-size:10px;color:var(--muted);border:1px solid #334057;width:25px;height:25px;display:grid;place-items:center;border-radius:6px}.tag{font-size:9px;padding:4px 7px;border-radius:5px;letter-spacing:.3px;white-space:nowrap}.cyan{color:var(--cyan);background:#69dce911}.purple{color:var(--purple);background:#a894f912}.neutral{color:#9aa9bd;background:#202a3a}.dropzone{height:235px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at 50% 40%,#1c2a3980,transparent 75%),#0e1520;border:1px dashed #344154;border-radius:8px;overflow:hidden;cursor:pointer}.dropzone.dragover{border-color:var(--cyan);background:#19313a}.upload-empty{text-align:center;display:flex;align-items:center;flex-direction:column;gap:9px}.upload-empty strong{font-weight:500;font-size:13px;color:#bfccdc}.upload-empty span:not(.upload-glyph){font-size:11px;color:#74849a}.upload-empty small{color:#77899f;font-size:9px;margin-top:12px;letter-spacing:.6px}.upload-glyph{font-size:26px;line-height:1;width:48px;height:48px;border:1px solid #374d61;background:#1f34413b;border-radius:11px;display:grid;place-items:center;color:var(--cyan);margin-bottom:9px}.style-glyph{color:var(--purple);border-color:#493d62;background:#34294340}.dropzone img{height:100%;width:100%;object-fit:contain;background:#090d13}.remove-ref{position:absolute;right:8px;top:8px;width:25px;height:25px;border:1px solid #ffffff33;border-radius:50%;background:#0a101dcc;color:white;font-size:19px;padding:0}.reference-foot{display:flex;align-items:center;gap:6px;margin-top:11px;font-size:10px;color:var(--muted)}.dot{height:4px;width:4px;border-radius:50%}.cyan-dot{background:var(--cyan)}.purple-dot{background:var(--purple)}.panel{background:var(--panel);border:1px solid var(--stroke);border-radius:12px;padding:18px;margin-bottom:18px}.controls-row{display:flex;align-items:end;gap:12px;margin-bottom:16px}.field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#8d9db3}.field small{font-size:10px;color:#8497ae;line-height:1.6}.grow{flex:1}.model-field{width:34%}.square-btn{height:38px;width:38px;flex-shrink:0;color:#9bacbf;border:1px solid var(--stroke);border-radius:8px;background:#1b2534}.prompt-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#b3c1d4;margin-bottom:8px}.prompt-heading small{color:#8da0b7;font-size:10px;margin-left:8px}.accent-text{color:var(--purple)}.optional-label{font-size:9px;padding-left:4px;color:#776699}.prompt-input{height:148px;min-height:105px;font-size:12px;line-height:1.85;background:#111824;padding:12px 14px}.generation-options{display:flex;align-items:end;justify-content:space-between;margin-top:14px;gap:14px}.option-label{font-size:10px;color:var(--muted);display:block;margin-bottom:7px}.segmented{display:flex;border:1px solid var(--stroke);border-radius:8px;background:#101722;padding:3px;gap:3px}.segmented button{border:1px solid transparent;background:transparent;color:#8b9bb1;border-radius:5px;padding:7px 14px;font-size:10px}.segmented button.selected{color:var(--cyan);border-color:#558598;background:#223b4950}.compact-options{display:flex;gap:10px;align-items:end}.compact-options select{font-size:11px;min-width:84px;padding:9px}.batch-field select{min-width:62px}.custom-size{width:110px;padding:9px 7px;font-size:11px}.generate-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #293344;margin-top:17px;padding-top:16px;gap:10px}.generate-bar>div{display:flex;gap:9px}.generate-bar>span{font-size:10px;color:#778ba5}.primary{background:linear-gradient(110deg,#71d6e3,#9da2ed);border:0;border-radius:8px;padding:12px 22px;color:#111d2d;font-weight:700;font-size:12px}.secondary{background:#1c2838;border:1px solid #35465b;border-radius:8px;padding:11px 15px;color:#bacde3;font-size:12px}.subtle-note{font-size:10px;color:#8799b0;margin:10px 0 0}.queue-strip{border:1px dashed #314257;background:#131c29;border-radius:9px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:13px 16px;margin-bottom:20px;font-size:11px;gap:10px}.queue-strip>div{display:flex;align-items:center;gap:9px}.queue-strip strong{font-size:11px;font-weight:500}.counter{display:inline-block;background:#243247;color:#9aacbf;min-width:19px;padding:2px 5px;text-align:center;border-radius:4px;font-size:10px;font-weight:400}.queue-strip #queueSummary{color:#8a9cb4;font-size:10px}.queue-strip .queue-list{width:100%;display:flex;flex-direction:column;gap:6px}.queue-list:empty{display:none}.queue-item{width:100%;display:flex;justify-content:space-between;gap:12px;padding:8px;border-top:1px solid #293344;color:#91a5bd}.queue-item .error{color:#ef9c9c}.danger{color:#d99696}.results-panel{min-height:235px}.results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.empty-results{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;padding:27px 10px 23px;color:#536781}.empty-results strong{font-size:12px;font-weight:500;color:#7f92ac}.empty-results p{font-size:10px}.grid-symbol{display:grid;grid-template-columns:repeat(3,8px);gap:3px;margin-bottom:17px}.grid-symbol i{width:8px;height:8px;background:#364961;border-radius:2px}.grid-symbol i:nth-child(5){background:#6ea7b7}.result-card{border:1px solid #2b384b;border-radius:8px;overflow:hidden;background:#101722}.result-card.active{border-color:#68cedc}.result-thumb{position:relative;aspect-ratio:1;background:#090d13;cursor:pointer;overflow:hidden}.result-thumb img{width:100%;height:100%;object-fit:contain}.demo-label{position:absolute;top:7px;left:7px;background:#152333df;color:#e4ba87;border:1px solid #a47d4860;border-radius:4px;font-size:9px;padding:3px 6px}.result-card-foot{padding:9px}.result-card-foot strong{display:block;font-size:11px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.result-card-foot small{display:block;font-size:9px;color:#8a9db5;margin:5px 0}.result-actions{display:flex;flex-wrap:wrap;gap:4px 9px;justify-content:space-between}.result-actions button{font-size:9px;padding:4px}.extract-panel{position:sticky;top:0;background:#111925;border-left:1px solid var(--stroke);min-height:calc(100vh - 76px);padding:23px 20px}.aside-heading{display:flex;justify-content:space-between;align-items:center}.aside-heading>div{display:flex;align-items:center;gap:5px}.aside-subtitle{font-size:11px;color:#7b8ca5;margin:10px 0 19px}.grid-preview{position:relative;width:100%;aspect-ratio:1;border-radius:9px;border:1px solid #2a384c;background:#0a1019;overflow:hidden}.grid-preview>img{height:100%;width:100%;object-fit:fill}.grid-empty{display:grid;place-content:center;height:100%;text-align:center;color:#52667f;font-size:11px;line-height:2;background:linear-gradient(90deg,transparent 33%,#26344740 33.1%,transparent 33.5%,transparent 66%,#26344740 66.1%,transparent 66.5%),linear-gradient(0deg,transparent 33%,#26344740 33.1%,transparent 33.5%,transparent 66%,#26344740 66.1%,transparent 66.5%)}.cell-overlay{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.cell-overlay button{border:1px solid #ffffff25;border-radius:0;background:transparent;padding:5px;text-align:left;color:white;font-size:10px;display:flex;align-items:start;justify-content:start;text-shadow:0 1px 3px black}.cell-overlay button.selected{box-shadow:inset 0 0 0 2px var(--cyan);background:#69dce925}.selection-info{display:flex;justify-content:space-between;align-items:center;color:#7990ae;font-size:10px;margin:10px 0}.crop-settings{margin-top:15px;font-size:10px;color:#92a5bc}.crop-settings summary,.extract-prompt summary{cursor:pointer;color:#9eafc4;display:flex;justify-content:space-between;padding:8px 0}.crop-settings summary span{color:#576e8b;font-size:9px}.crop-settings label{display:flex;align-items:center;justify-content:space-between;margin:8px 0}.crop-settings input{width:77px;font-size:10px;padding:7px}.crop-settings small{font-size:9px;color:#60758f}.extract-divider{height:1px;background:#26354a;margin:19px 0}.extract-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.extract-prompt{font-size:10px;margin-top:9px}.extract-prompt textarea{font-size:10px;min-height:100px}.full{width:100%;margin-top:10px}.full span{color:#758ba6;font-weight:400;font-size:10px;margin-left:5px}.extract-note{font-size:9px;line-height:1.9;color:#647b99;text-align:center;margin:11px 0}.extract-results{display:grid;grid-template-columns:1fr 1fr;gap:8px}.small-empty{grid-column:1/-1;text-align:center;color:#526b8b;font-size:10px;padding:10px}.extract-card{border:1px solid #293d54;border-radius:7px;overflow:hidden;background:#0e1724}.extract-card img{width:100%;aspect-ratio:1;object-fit:contain;cursor:zoom-in}.extract-card>div{display:flex;justify-content:space-between;align-items:center;padding:5px;font-size:9px;color:#8da4bd}.extract-card small{font-size:8px;color:#8296af;display:block;padding:0 5px 7px}.extract-card button{padding:2px;font-size:9px}footer{display:flex;justify-content:space-between;align-items:center;padding:16px 30px;border-top:1px solid var(--stroke);font-size:9px;color:#50647f;letter-spacing:1px}footer span{letter-spacing:0}.settings-dialog,.help-dialog{max-width:720px;width:calc(100vw - 32px);max-height:90vh;overflow-y:auto;padding:26px;background:#151e2b;color:var(--text);border:1px solid #3b4b62;border-radius:16px;box-shadow:0 24px 100px #0009}.settings-dialog::backdrop,.help-dialog::backdrop,.preview-dialog::backdrop{background:#060a12ba;backdrop-filter:blur(6px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dialog-header h2{font-size:21px;margin-top:7px}.close-dialog{border:1px solid #35435a;background:#1c293a;color:#98a9c1;border-radius:7px;height:29px;width:29px;font-size:21px;padding:0}.dialog-description{font-size:11px;color:var(--muted);line-height:1.8}.settings-tabs{display:flex;border-bottom:1px solid var(--stroke);gap:20px;margin:20px 0}.settings-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:10px 2px;font-size:12px}.settings-tabs button.selected{border-color:var(--cyan);color:var(--cyan)}.profile-toolbar{display:flex;gap:8px;align-items:center;margin-bottom:17px}.profile-toolbar select{flex:1;font-size:12px}.small{font-size:11px;white-space:nowrap;padding:8px 12px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.span2{grid-column:1/-1}.settings-grid input,.settings-grid select,.settings-grid textarea{font-size:12px}.advanced{border-top:1px solid var(--stroke);margin-top:19px;padding-top:5px}.advanced summary{font-size:12px;color:#9bafc7;cursor:pointer;padding:11px 0}.advanced summary span{font-size:10px;color:#586c86;margin-left:5px}.checkbox-row{display:flex;align-items:center;gap:7px;font-size:11px;color:#8ca0ba}.checkbox-row input{width:14px;height:14px;accent-color:var(--cyan)}.model-test{margin-top:18px;display:flex;align-items:center;gap:12px}.model-test span{font-size:10px;color:#7188a7;max-width:75%;overflow-wrap:anywhere}.dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;border-top:1px solid var(--stroke);padding-top:17px}.dialog-actions>span{font-size:10px;color:#6f86a4}.info-callout{font-size:11px;line-height:1.8;color:#a0b6d2;background:#1a2d4155;border:1px solid #2d425b;padding:12px;border-radius:8px;margin-bottom:16px}.preview-dialog{max-width:95vw;max-height:95vh;padding:18px;background:#0b111c;border:1px solid #35475d;border-radius:12px;color:#93abc9}.preview-dialog img{display:block;max-width:85vw;max-height:80vh;object-fit:contain}.preview-dialog .close-dialog{position:absolute;right:7px;top:7px;background:#101725e8}#previewCaption{font-size:11px;margin-top:9px;text-align:center}.help-dialog{font-size:12px;line-height:1.9}.help-dialog li{padding:8px 0;color:#aebfd5}.help-dialog p{color:#7f96b4;font-size:11px}.help-dialog a{color:var(--cyan)}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);max-width:min(650px,90vw);z-index:100;background:#203248;color:#dceafd;border:1px solid #4b6e92;padding:13px 20px;border-radius:9px;box-shadow:0 10px 40px #0005;font-size:12px;line-height:1.7}.toast.error{background:#37242d;border-color:#704051;color:#edbac5}.busy-spin{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 380px}.dropzone{height:290px}.prompt-input{height:150px}.references{gap:22px}.workspace main{padding:35px 40px}}
@media(max-width:1150px){.workspace{grid-template-columns:minmax(0,1fr) 310px}.workspace main{padding:25px 18px}.extract-panel{padding:22px 15px}.dropzone{height:190px}.generation-options{flex-wrap:wrap}.generate-bar{align-items:start;flex-direction:column;gap:12px}.section-heading>div .text-btn{font-size:10px;padding:4px}.card-heading .tag{font-size:8px}.prompt-heading small{display:none}.results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.topbar{padding:0 16px;height:66px}.brand-sub,.local-badge{display:none}nav{gap:3px}.quiet{font-size:10px!important}.settings-btn{padding:8px;font-size:10px}.workspace{display:block}.workspace main{padding:23px 16px}.extract-panel{position:static;border-left:0;border-top:1px solid var(--stroke);padding:24px;max-width:520px;margin:0 auto;min-height:auto;border-radius:12px}.references{gap:10px}.reference-card{padding:10px}.card-heading h3{font-size:11px}.card-heading .tag{display:none}.dropzone{height:175px}.upload-empty strong{font-size:11px}.upload-empty span:not(.upload-glyph){font-size:9px}.reference-foot{font-size:8px}.page-intro h1{font-size:23px}.prompt-heading{font-size:10px}.compose-panel{padding:14px}.segmented button{padding:7px 10px}.controls-row{gap:7px}.model-field{width:40%}.field{font-size:10px}.results-panel .section-heading{align-items:start;flex-direction:column}.results{grid-template-columns:repeat(2,minmax(0,1fr))}footer{padding:14px 16px}footer span{display:none}.section-heading>span{font-size:8px}.settings-dialog{padding:20px}.dialog-actions{gap:10px}.dialog-actions>span{max-width:55%}.settings-grid{gap:10px}}

.ratio-hint{display:block;font-size:9px;line-height:1.7;color:#8fa3bc;margin-top:7px;overflow-wrap:anywhere}.generation-options{align-items:start;flex-wrap:wrap}.segmented{flex-wrap:wrap}#extractRatio{font-size:11px}

.controls-row{flex-wrap:wrap}.controls-row .grow{min-width:200px}.controls-row .model-field{flex:1;min-width:150px;width:auto}.connection-status{font-size:10px;color:#8296b1;line-height:1.9;overflow-wrap:anywhere;margin-bottom:12px}.connection-status.verified{color:#7ddab7}.connection-status.listed{color:#77d2df}.connection-status.unknown{color:#d9b077}.connection-status.failed{color:#ef9cac}.station-connection{display:flex;align-items:center;gap:12px;margin:15px 0;flex-wrap:wrap}.station-connection>span{font-size:10px;color:#8098b5;line-height:1.8;flex:1;min-width:220px}.model-section-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--stroke);padding-top:20px;margin:21px 0 15px;gap:10px}.model-section-heading>span{font-size:9px;color:#6882a1}.discovery-box{padding:13px;background:#142b3a66;border:1px solid #2d465c;border-radius:9px;margin:12px 0}.discovery-box button{margin-top:10px}.model-probe{margin-top:20px;border:1px solid #334258;border-radius:10px;padding:13px}.probe-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.probe-controls label{flex:1;min-width:125px}.probe-controls select{font-size:11px}.probe-controls button{margin-bottom:2px}.probe-note{font-size:9px;color:#9b839c;line-height:1.8}.test-image-preview{max-width:160px;max-height:160px;object-fit:contain;border:1px solid #40536e;border-radius:7px}.extract-model-field{margin-top:12px}

.probe-confirm{padding:12px;border:1px solid #776142;background:#493c2633;border-radius:8px;margin:10px 0}.probe-confirm p{font-size:11px;color:#d8ba8f;line-height:1.9;margin:0 0 10px}

.scene-directions{margin-bottom:12px}.scene-directions textarea{font-size:12px;line-height:1.7;min-height:62px}.prompt-conflict{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;background:#493c2633;border:1px solid #776142;border-radius:8px;margin-bottom:10px;font-size:10px;color:#d8ba8f}.prompt-conflict button{flex-shrink:0}

.shot-plan{border:1px solid var(--stroke);border-radius:8px;padding:10px 12px;margin:12px 0;color:#92a7c3;font-size:11px}.shot-plan summary{cursor:pointer}.shot-plan summary span{font-size:9px;color:#66839f;margin-left:8px}.shot-plan-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.shot-plan-cards>div{padding:9px;border:1px solid #32445c;background:#101c2b;border-radius:6px}.shot-plan-cards strong{display:block;font-size:10px;color:#9cdae4}.shot-plan-cards span{display:block;font-size:9px;line-height:1.8;color:#7994b3;margin-top:4px}.shot-plan small{font-size:9px;color:#68839f}@media(max-width:650px){.shot-plan-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.shot-plan summary span{display:block;margin-top:5px;margin-left:0}}

.creative-planner{margin:18px 0 24px;padding:18px;border:1px solid #365369;background:linear-gradient(120deg,#13252d80,#1a1d3180);border-radius:10px}.creative-planner h3{font-size:13px;color:#a5e3eb}.creative-description{font-size:11px;line-height:1.9;color:#9badc4;margin:8px 0 16px}.creative-controls{display:grid;grid-template-columns:1fr 2fr;gap:14px}.creative-controls small{font-size:10px;line-height:1.8;color:#839bb6}.creative-controls textarea{min-height:94px;font-size:12px}.creative-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:15px}.creative-toolbar span{font-size:10.5px;color:#a4b6cc}.plan-cta{padding:12px 22px;font-size:12.5px;letter-spacing:.2px;min-width:250px;justify-content:center;border-color:#655a94;background:#1b2233;color:#dcd4ff;box-shadow:none}.plan-cta:hover:not(:disabled){filter:none;border-color:#8d7fd0;background:#232c43}@media(max-width:650px){.plan-cta{width:100%;min-width:0}}.creative-planner .connection-status{margin:10px 0 0}.creative-status{font-size:12px;line-height:1.8;color:#b3d0dc;overflow-wrap:anywhere}.creative-status:empty{display:none}.creative-status.working{color:#8ed6e2}.creative-status.success{display:flex;align-items:flex-start;gap:8px;margin:10px 0 0;padding:11px 13px;border:1px solid #2f6b5c;background:#122a26;border-radius:8px;color:#a9eed6;font-size:12px;font-weight:600;line-height:1.7}.creative-status.success .ui-icon{width:17px;height:17px;margin-top:1px;color:#7ddab7;flex-shrink:0}.creative-status.warning{display:flex;align-items:flex-start;gap:8px;margin:10px 0 0;padding:11px 13px;border:1px solid #776142;background:#493c2633;border-radius:8px;color:#e8c89a;font-size:12px;line-height:1.7}.creative-status.warning .ui-icon{width:16px;height:16px;margin-top:1px;color:#e5ae78;flex-shrink:0}.creative-status.error{padding:11px 13px;border:1px solid #704051;background:#37242d;border-radius:8px;color:#f0b6c1;font-size:12px;line-height:1.7;margin:10px 0 0;overflow-wrap:anywhere}@keyframes planDoneGlow{0%{box-shadow:0 0 0 0 #7ddab766}60%{box-shadow:0 0 0 8px #7ddab700}100%{box-shadow:0 0 0 0 #7ddab700}}#creativePlanResult.just-completed .creative-plan-header{animation:planDoneGlow 1.6s ease-out 1}@media(prefers-reduced-motion:reduce){#creativePlanResult.just-completed .creative-plan-header{animation:none}}.creative-source{display:block;font-size:11px;line-height:1.7;color:#b8c8dc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creative-plan-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;border:1px solid #33495e;border-radius:8px;background:#101b28;margin:14px 0 0}.creative-plan-heading{min-width:0;flex:1}.creative-plan-heading>strong{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;color:#a5e3eb;margin-bottom:4px}.creative-plan-done{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:500;line-height:1.6;color:#8fe1c2;background:#16342d;border:1px solid #2f6b5c;border-radius:4px;padding:2px 6px}.creative-plan-done .ui-icon{width:12px;height:12px;color:#7ddab7}.creative-plan-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}#creativePlanBody{margin-top:12px}#creativePlanBody .creative-plan-cards{margin-top:0}@media(max-width:650px){.creative-plan-header{flex-direction:column;align-items:stretch}.creative-plan-actions{justify-content:flex-end}}.creative-plan-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.creative-card{border:1px solid #33495e;border-radius:8px;padding:12px;background:#101b28;min-width:0}.creative-cell{display:block;color:#83d1dd;font-size:11px;margin-bottom:10px}.creative-card .field{margin-top:10px;font-size:11px}.creative-card input,.creative-card textarea{font-size:12px;line-height:1.75;width:100%}.creative-card textarea{min-height:112px;resize:vertical}.creative-card .field:last-child textarea{min-height:160px}@media(max-width:900px){.creative-controls{grid-template-columns:1fr}.creative-plan-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.creative-plan-cards{grid-template-columns:1fr}.creative-planner{padding:12px}}

.text-routing{margin:14px 0}.text-routing button{align-self:flex-end;margin-bottom:1px}.text-test-reply{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:#0d1824;border:1px solid #334a5e;border-radius:8px;font:12px/1.8 inherit;color:#a2d6c8;max-height:160px;overflow:auto}

.product-mode-section{margin:17px 0}.product-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.product-mode-options button{text-align:left;padding:14px;background:#101b28;border:1px solid #35465e;border-radius:9px;color:#b8c9dc}.product-mode-options strong{display:block;font-size:13px}.product-mode-options span{display:block;font-size:11px;line-height:1.8;color:#839ab5;margin-top:5px}.product-mode-options button.selected{border-color:#64d8e6;background:#173740;color:#a1edf4;box-shadow:inset 0 0 0 1px #64d8e622}.product-mode-options button.selected span{color:#9ec4cd}.product-mode-options button:disabled{opacity:.6;cursor:wait}@media(max-width:550px){.product-mode-options{grid-template-columns:1fr}}

.credential-preference{margin:14px 0;color:#9bd2c6;font-size:11px;line-height:1.8}
.creative-heading-actions{display:flex;align-items:center;gap:12px}.creative-planner.collapsed>.creative-planner-heading{margin-bottom:0}.creative-planner-heading{gap:12px}.creative-planner-heading h3{flex-shrink:0}@media(max-width:600px){.creative-heading-actions{gap:7px}.creative-heading-actions .text-btn{font-size:10px}}
.result-heading-actions,.extract-history-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.history-limit{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#8296b1;font-size:10px;margin-bottom:8px}.history-limit:has(>span[hidden]):has(>button[hidden]){display:none}#results{max-height:640px;overflow-y:auto;scrollbar-gutter:stable}#extractResults{max-height:450px;overflow-y:auto;scrollbar-gutter:stable}.collapsed>.section-heading{margin-bottom:0}.queue-list{max-height:230px;overflow-y:auto}.extraction-history h3{white-space:nowrap}.extraction-history>.section-heading{gap:8px;flex-wrap:wrap}
.results-panel.collapsed{min-height:0}
.lan-access-dialog{max-width:430px}.lan-access-dialog h2{font-size:18px}.lan-access-dialog .field{margin-top:20px}.lan-access-dialog #lanAccessStatus{min-height:20px;color:#d9a5a5}.lan-access-dialog .primary{width:100%}
.product-mode-options{grid-template-columns:repeat(3,minmax(0,1fr))}.gemini-settings{margin:16px 0;padding:14px;border:1px solid #344858;border-radius:9px;background:#13232c}.gemini-settings>.field{margin-bottom:14px}.gemini-settings small{color:#839ab5;font-size:10px;line-height:1.8}.extract-tabs{display:flex;gap:6px;position:sticky;top:-1px;z-index:3;background:#111925;padding:10px 0;border-bottom:1px solid #2a394b;margin-bottom:12px}.extract-tabs button{flex:1;background:#142130;border:1px solid #2c4055;color:#8faac2;border-radius:8px;padding:9px 6px;font-size:11px}.extract-tabs button[aria-selected=true]{border-color:#69ced7;color:#a4e1e6;background:#203943}.extract-queue{padding:11px;border:1px solid #304358;border-radius:8px;background:#13202e;margin-bottom:14px}.extract-queue h3{font-size:11px;margin:0}.extract-queue .section-heading{gap:7px;flex-wrap:wrap;margin-bottom:7px}.extract-queue .text-btn{font-size:9px;padding:3px}.extract-queue p{font-size:10px;line-height:1.7;color:#90acc3;margin:0}.extract-queue #extractQueueList{max-height:150px;overflow-y:auto}.extract-queue .queue-item{font-size:10px;padding:7px 0;gap:6px}.extract-queue .queue-item span{min-width:0;overflow-wrap:anywhere}.extract-panel{height:100vh;overflow-y:auto;align-self:start}.extraction-history{padding-top:4px}.extraction-history .section-heading{margin-top:8px}@media(max-width:820px){.extract-panel{height:auto;max-height:none;overflow:visible}}@media(max-width:900px){.product-mode-options{grid-template-columns:1fr}}
.prompt-section,.canvas-section{margin-top:20px;padding-top:16px;border-top:1px solid #293344}
.block-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.block-title{display:flex;align-items:center;gap:8px;min-width:0}
.block-title h3{font-size:15px;line-height:1.4;font-weight:600;letter-spacing:.3px;color:var(--text);margin:0;white-space:nowrap}
.block-title small{font-size:10px;line-height:1.6;color:#8799b0}
.block-title .tiny-icon{margin:0;flex-shrink:0}
.block-title .canvas-icon{color:var(--purple)}
.block-actions{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
@media(max-width:820px){.block-title h3{font-size:14px}.block-title small{display:none}.block-heading{margin-bottom:10px}}
/* Readability pass: enlarge the smallest interface text while keeping the existing hierarchy. */
body{font-size:15px}
.eyebrow,.tag,.step-no,.upload-empty small,.result-card-foot small,.demo-label,.result-actions button,.extract-note,.extract-card small,.extract-card button,.extract-card>div,.model-section-heading>span,.probe-note,.shot-plan summary span,.shot-plan-cards strong,.shot-plan-cards span,.shot-plan small,.footer,.extract-queue .text-btn,.crop-settings small,.local-badge{font-size:11px}
.section-heading>span,.reference-foot,.upload-empty span,.field small,.option-label,.segmented button,.subtle-note,.queue-strip #queueSummary,.counter,.empty-results p,.selection-info,.crop-settings,.extract-prompt,.connection-status,.station-connection>span,.history-limit,.extract-queue p,.extract-queue .queue-item,.dialog-actions>span,.creative-controls small,.small-empty,.cell-overlay button,.advanced summary span,.block-title small,.aside-subtitle,.dialog-description,.info-callout,.help-dialog p,.result-card-foot strong,.queue-strip,.queue-strip strong,.queue-item,.field,.shot-plan,.creative-source,.creative-card .field,.creative-cell,.checkbox-row,.grid-empty,.product-mode-options span,.creative-plan-done{font-size:12px}
.primary,.secondary,.settings-tabs button,.profile-toolbar select,.settings-grid input,.settings-grid select,.settings-grid textarea,.advanced summary,.help-dialog,.text-test-reply,.toast,.creative-card input,.creative-card textarea,.prompt-input,.scene-directions textarea,.creative-status,.creative-status.success,.creative-status.warning,.creative-status.error,.empty-results strong,.extract-tabs button,.extract-queue h3,.plan-cta{font-size:13px}
.creative-plan-heading>strong,.creative-planner h3,.model-section-heading h3,.card-heading h3,.product-mode-options strong,.upload-empty strong{font-size:14px}
.section-heading h2,.aside-heading h2{font-size:15px}
.page-intro h1{font-size:28px}.page-intro p,.brand-sub,.quiet,.settings-btn{font-size:13px}
.text-btn{font-size:12.5px}.small{font-size:12px}.crop-settings input{font-size:12px}.extract-prompt textarea{font-size:13px}
.settings-tabs-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:20px 0;border-bottom:1px solid var(--stroke);flex-wrap:wrap}
.settings-tabs-row .settings-tabs{margin:0;border-bottom:0;flex:1}
.settings-mode-toggle{display:flex;align-items:center;gap:6px;padding-bottom:10px;font-size:12px;color:#9aabc2;white-space:nowrap;cursor:pointer}
.settings-mode-toggle input{width:14px;height:14px;accent-color:var(--cyan)}
.settings-dialog.simple .advanced-only{display:none!important}
.creative-more{margin:10px 0;padding:10px 12px;border:1px solid #33495e;border-radius:8px;background:#101b28}
.creative-more summary{display:flex;justify-content:space-between;gap:10px;cursor:pointer;font-size:12px;color:#a7bcd2;list-style:none}
.creative-more summary::-webkit-details-marker{display:none}
.creative-more summary span{font-size:11px;color:#6f88a4}
.creative-more summary::after{content:'展开';font-size:10px;color:#6f88a4}
.creative-more[open] summary::after{content:'收起'}
.creative-more[open]{padding-bottom:14px}
.creative-more .creative-controls{margin-top:12px}
.dropzone.has-image{height:190px}
@media(min-width:1600px){.dropzone.has-image{height:210px}}
@media(max-width:820px){.dropzone.has-image{height:175px}}
@media(min-width:821px){.extract-panel{padding-bottom:13px}}

/* Interaction pass: prompt editor, right-side actions, plan state. */
.prompt-input.expanded{height:380px}
@media(max-width:820px){.prompt-input.expanded{height:300px}}
.compose-heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.extract-actions{display:flex;flex-direction:column;gap:8px;margin:12px 0 0}
.extract-actions .full{margin-top:0}
.extract-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.extract-actions-row .secondary{width:100%;padding:11px 8px;display:flex;align-items:center;justify-content:center;gap:5px}
.extract-action-note{font-size:10px;color:#8498b0;text-align:center;margin:0}
.creative-plan-done.pending{color:#e8c89a;background:#493c2633;border-color:#776142}
.creative-plan-done.pending .ui-icon{color:#e5ae78}
.prompt-dialog{max-width:820px}
.prompt-readonly{white-space:pre-wrap;overflow-wrap:anywhere;max-height:48vh;overflow-y:auto;background:#0d1824;border:1px solid #334a5e;border-radius:8px;padding:12px;font:12px/1.85 Consolas,"Microsoft YaHei",monospace;color:#b9cde2;margin:12px 0}
footer{flex-wrap:wrap;gap:8px 18px}
.footer-signature{font-size:11px;color:#a9bacf;display:flex;align-items:center;gap:5px;letter-spacing:0}
.footer-signature a{color:#8fd8e4;text-decoration:none}
.footer-signature a:hover{text-decoration:underline}
.footer-end{display:flex;align-items:center;gap:14px}
@media(max-width:820px){footer{justify-content:center;text-align:center}.footer-signature{width:100%;justify-content:center}.footer-end span{display:none}}
.planner-mode-summary{font-size:10px;line-height:1.5;color:#a8bfd6;border:1px solid #365369;background:#13252d;border-radius:999px;padding:2px 8px;white-space:nowrap;max-width:42vw;overflow:hidden;text-overflow:ellipsis}
.scene-label{display:inline-flex;align-items:center;gap:2px}
@media(max-width:600px){.planner-mode-summary{display:none}}
.extract-model-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:start}
.extract-model-row .extract-model-field{margin-top:0}
.extract-model-row select{font-size:11px}
@media(min-width:821px) and (max-height:820px){.page-intro{margin-bottom:16px}.references{margin-bottom:14px}.reference-card{padding:12px}.dropzone,.dropzone.has-image{height:185px}}
/* Mobile layout */
@media(max-width:820px){
  html{-webkit-text-size-adjust:100%}
  input,select,textarea{font-size:16px}
  .prompt-input{font-size:16px}
  .creative-card input,.creative-card textarea{font-size:16px}
  .extract-prompt textarea{font-size:16px}
  .scene-directions textarea{font-size:16px}
  .crop-settings input{font-size:16px;width:96px}
  .text-btn{padding:8px 6px;min-height:34px}
  .topbar button{min-height:40px}
  .block-actions{gap:0}
  .optional-label{display:none}
  .generate-bar>div{display:flex;width:100%;gap:8px}
  .generate-bar .primary,.generate-bar .secondary{flex:1;justify-content:center;text-align:center}
  .settings-dialog,.help-dialog{width:calc(100vw - 20px);padding:18px;max-height:94vh}
}
@media(max-width:600px){
  .settings-grid{grid-template-columns:1fr}
  .settings-grid .span2{grid-column:auto}
  .profile-toolbar{flex-wrap:wrap}
  .profile-toolbar select{flex:1 1 100%}
  .dialog-actions{flex-direction:column;align-items:stretch;gap:10px}
  .dialog-actions .primary,.dialog-actions .secondary{width:100%}
  .model-test{align-items:flex-start;flex-direction:column}
  .model-test span{max-width:100%}
}
@media(max-width:520px){
  .references{grid-template-columns:1fr;gap:10px}
  .reference-section .section-heading>span{display:none}
  .reference-card{padding:10px}
  .dropzone,.dropzone.has-image{height:110px}
  .dropzone .upload-empty{display:grid;grid-template-columns:42px 1fr;grid-template-areas:"glyph title" "glyph copy";align-items:center;column-gap:10px;row-gap:2px;text-align:left;padding:0 10px}
  .upload-empty .upload-glyph{grid-area:glyph;margin-bottom:0;width:42px;height:42px}
  .upload-empty strong{grid-area:title}
  .upload-empty span:not(.upload-glyph){grid-area:copy}
  .upload-empty small{display:none}
  .controls-row .model-field{width:100%;flex:1 1 100%}
  .controls-row #quickTestBtn{flex:1}
  .workspace main{padding:18px 12px}
  .topbar{padding:0 12px}
  .extract-panel{padding:20px 16px}
  .page-intro h1{font-size:22px}
  .prompt-input{height:180px}
  .segmented{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
  .segmented button{padding:9px 4px;font-size:11px;white-space:nowrap;min-height:40px}
  .extract-panel{margin:0 12px 18px;max-width:none;border:1px solid var(--stroke)}
  .remove-ref{width:32px;height:32px;font-size:22px}
  .extract-model-row,.extract-controls{grid-template-columns:1fr}
  .extract-actions-row{grid-template-columns:1fr 1fr}
  .shot-plan-cards{grid-template-columns:1fr}
  .extract-tabs button{padding:11px 6px;font-size:13px}
  .footer-end .text-btn{min-height:36px}
  .generate-bar>div{display:flex;width:100%;gap:8px}
  .generate-bar .primary,.generate-bar .secondary{flex:1 1 0;min-width:0}
}
.gallery-button,.logout-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border:1px solid #3c4a60;border-radius:8px;background:#1c2635;color:#dae6f6;font-size:12px;white-space:nowrap;text-decoration:none;transition:filter .15s,border-color .15s}.gallery-button:hover,.logout-button:hover{filter:brightness(1.13);border-color:#68cedc}.gallery-button:focus-visible,.logout-button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media(max-width:600px){
  .topbar{height:auto;display:flex;flex-wrap:wrap;gap:10px;padding:12px}
  .topbar .brand{width:100%}
  .topbar nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:6px}
  .topbar nav>*{min-width:0;min-height:40px;padding:8px 3px;font-size:11px;white-space:nowrap;justify-content:center}
  .topbar nav .ui-icon{width:14px;height:14px;flex:none}
}