:root{font-family:MiSans,HarmonyOS Sans SC,PingFang SC,Microsoft YaHei UI,Inter,sans-serif;color:#292b28;background:#ecebe7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #ecebe7;--sidebar: #f6f5f2;--surface: #fdfcf9;--surface-soft: #f4f3ef;--surface-muted: #eeede8;--line: #deddd6;--line-soft: #e8e7e1;--text: #292b28;--text-soft: #60625e;--muted: #858781;--accent: #5369d9;--accent-strong: #465ccf;--accent-soft: #edf0ff;--success: #298b69;--danger: #bd4d4a;--radius: 16px;--shadow: 0 16px 36px rgba(41, 42, 35, .075)}:root[data-theme=dark]{color-scheme:dark;--bg: #1d1f21;--sidebar: #222426;--surface: #282a2c;--surface-soft: #303234;--surface-muted: #383a3c;--line: #414345;--line-soft: #37393b;--text: #eeefeb;--text-soft: #c2c4bf;--muted: #92958f;--accent: #8796ff;--accent-strong: #7182f5;--accent-soft: #353b59;--success: #72c6a3;--danger: #ed8984;--shadow: 0 16px 40px rgba(0, 0, 0, .24)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 34%,transparent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{min-height:100vh;background:var(--bg);color:var(--text)}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;display:flex;width:230px;flex-direction:column;padding:16px 16px 14px;background:var(--sidebar);border-right:1px solid var(--line)}.side-brand{display:flex;align-items:center;gap:12px;height:46px;margin:2px 7px 19px}.brand-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:12px;color:#fff;background:var(--accent);font-size:13px;font-weight:700;letter-spacing:0}.brand-copy{display:grid;gap:2px}.brand-copy strong{font-size:13px;line-height:1.2}.brand-copy span{color:var(--muted);font-size:9px}.side-nav{display:grid;gap:4px}.nav-item{position:relative;display:flex;width:100%;min-height:42px;align-items:center;gap:10px;padding:5px 8px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease}.nav-item:hover{background:var(--surface-muted)}.nav-item.active{border-color:#d2d8f5;background:#eceef9;color:#3f56c2}:root[data-theme=dark] .nav-item.active{border-color:#495279;background:#313650;color:#b8c1ff}.nav-icon{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border-radius:9px;background:var(--surface-soft);color:var(--text-soft)}.nav-item.active .nav-icon{background:var(--surface);color:var(--accent)}.nav-text{display:grid;min-width:0;gap:2px}.nav-text strong{overflow:hidden;font-size:11px;font-weight:650;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.nav-text small{overflow:hidden;color:var(--muted);font-size:8.5px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.nav-indicator{position:absolute;top:10px;right:-1px;width:2px;height:20px;border-radius:4px 0 0 4px;background:var(--accent)}.side-bottom{margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}.app-main{min-height:100vh;margin-left:230px}.topbar{position:sticky;z-index:10;top:0;display:flex;min-height:77px;align-items:center;justify-content:space-between;gap:20px;padding:12px 38px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar-title>div{display:flex;align-items:baseline;gap:8px}.topbar-title strong{font-size:18px;font-weight:700}.topbar-project{color:var(--accent);font-size:16px;font-weight:700}.product-tag{color:var(--text-soft);font-size:10px}.topbar-title>small{display:block;margin-top:4px;color:var(--muted);font-size:9px}.topbar-actions{display:flex;align-items:center;gap:8px}.status-chip,.gpu-chip{display:inline-flex;height:32px;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text-soft);font-size:10px;white-space:nowrap}.status-chip i,.status-muted i,.demo-label span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 12%,transparent)}.status-chip.is-offline i{background:#a3a49e;box-shadow:0 0 0 3px color-mix(in srgb,#a3a49e 12%,transparent)}.gpu-chip{min-width:0;max-width:250px}.gpu-chip svg{flex:0 0 auto;color:var(--text-soft)}.gpu-label{overflow:hidden;text-overflow:ellipsis}.cloud-connect-button{min-height:32px;padding-inline:10px}.icon-button{display:inline-grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--surface);cursor:pointer;transition:background .15s ease,border-color .15s ease}.icon-button:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:var(--accent-soft);color:var(--accent)}.page-heading{display:flex;width:min(100% - 76px,1070px);align-items:end;justify-content:space-between;gap:20px;margin:20px auto 23px;transform:translate(20px)}.page-heading h1{margin:0;font-size:22px;font-weight:700;line-height:1.25}.page-heading p{margin:5px 0 0;color:var(--muted);font-size:11px}.demo-label{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--muted);font-size:9px;white-space:nowrap}.demo-label span{width:6px;height:6px;box-shadow:none;background:#aaa99f}.page-content{width:min(100% - 76px,1070px);margin:0 auto 50px;transform:translate(20px)}.panel{border:1px solid rgba(120,120,110,.12);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.generation-layout{display:grid;grid-template-columns:minmax(380px,.82fr) minmax(470px,1fr);align-items:start;gap:17px}.composer-panel{width:100%;padding:25px 26px 23px;zoom:1.15}.composer-title{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--line-soft)}.composer-title h2{margin:0;font-size:16px;font-weight:700}.composer-title p{margin:3px 0 0;color:var(--muted);font-size:9px}.model-badge{display:inline-flex;min-width:43px;height:23px;align-items:center;justify-content:center;border-radius:7px;background:var(--accent-soft);color:var(--accent);font-size:9px;font-weight:700}.composer-section{padding-top:16px}.prompt-section{padding-bottom:13px}.prompt-mode-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.compact-field{display:flex;min-width:0;align-items:center;gap:12px}.compact-field strong{font-size:10px;white-space:nowrap}.compact-field select{width:175px}.text-button{padding:4px 1px;border:0;background:transparent;color:var(--accent);font-size:10px;cursor:pointer;white-space:nowrap}.text-button:hover{color:var(--accent-strong);text-decoration:underline}.helper-copy{margin:9px 0;color:var(--muted);font-size:9px;line-height:1.65}.field{display:grid;min-width:0;gap:7px;color:var(--text-soft);font-size:10px}.field-label{display:inline-flex;align-items:center;gap:6px;color:var(--text-soft);font-size:10px;font-weight:600}.field-label small{color:var(--accent);font-size:8px;font-weight:500}.field-help{display:inline-grid;color:var(--muted);cursor:help}input:not([type=range]):not([type=checkbox]),select,textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);color:var(--text)}input:not([type=range]):not([type=checkbox]),select{min-height:38px;padding:0 11px;font-size:10px}select{cursor:pointer}textarea{min-height:112px;padding:11px 12px 28px;resize:vertical;font-size:10px;line-height:1.6}textarea::placeholder,input::placeholder{color:#a3a49c}.prompt-field{position:relative;margin-top:13px}.prompt-field textarea{display:block}.char-count{position:absolute;right:10px;bottom:8px;color:var(--muted);font-size:8px}.ref-section{border-top:1px solid var(--line-soft)}.section-title{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:15px}.section-title h3{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:700}.section-title p{max-width:420px;margin:5px 0 0;color:var(--muted);font-size:8.5px;line-height:1.5}.section-count{color:var(--muted);font-size:9px;font-weight:400;white-space:nowrap}.resource-group{margin-top:16px}.image-workspace{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(420px,1.28fr);align-items:start;gap:16px}.image-prompt-panel{display:grid;gap:16px;padding:22px}.image-page-title{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line-soft)}.image-page-title h2,.image-results-heading h2{margin:0;font-size:15px}.image-page-title p,.image-results-heading p{margin:4px 0 0;color:var(--muted);font-size:9px}.image-prompt-panel textarea{min-height:155px}.image-prompt-panel textarea.negative-prompt{min-height:75px}.image-prompt-panel textarea.krea-json-field{min-height:105px}.image-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.krea-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.krea-mode-switch button{min-height:34px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:10px;cursor:pointer}.krea-mode-switch button.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 4px #1a1e181a;font-weight:700}.krea-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.krea-options-grid .field:first-child{grid-column:1 / -1}.krea-style-section{display:grid;gap:9px;padding:13px;border:1px solid var(--line-soft);border-radius:9px;background:var(--surface-soft)}.krea-style-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.krea-style-heading>div{display:grid;gap:4px}.krea-style-heading strong{color:var(--text-soft);font-size:10px}.krea-style-heading small,.krea-style-note{color:var(--muted);font-size:8px;line-height:1.45}.krea-style-toggle{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;color:var(--text-soft);font-size:9px;cursor:pointer}.krea-style-toggle input{width:14px;height:14px;margin:0;accent-color:var(--accent)}.krea-style-section select:disabled,.krea-style-section input:disabled{opacity:.55;cursor:not-allowed}.krea-style-note{margin:0}.krea-reference-section{display:grid;gap:11px;padding-top:14px;border-top:1px solid var(--line-soft)}.krea-reference-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.krea-reference-heading>div{display:grid;gap:4px}.krea-reference-heading strong{color:var(--text-soft);font-size:11px}.krea-reference-heading small{color:var(--muted);font-size:8px;line-height:1.45}.krea-master-toggle,.krea-reference-card-heading label{display:inline-flex;min-width:0;align-items:center;gap:6px;color:var(--text-soft);font-size:9px;cursor:pointer}.krea-master-toggle{flex:0 0 auto}.krea-master-toggle input,.krea-reference-card-heading input{width:14px;height:14px;margin:0;accent-color:var(--accent)}.krea-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.krea-reference-card{display:grid;min-width:0;gap:7px;padding:8px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft)}.krea-reference-card.is-enabled{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.krea-reference-card-heading{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:4px}.krea-reference-card-heading label{overflow:hidden}.krea-reference-card-heading label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.krea-reference-card-heading .icon-button{width:24px;height:24px;flex:0 0 auto}.krea-reference-preview,.krea-reference-empty{display:grid;width:100%;height:88px;place-items:center;border-radius:6px;background:var(--surface);color:var(--muted);object-fit:cover}.krea-reference-empty{gap:5px;font-size:8px}.krea-reference-file{width:100%;min-width:0;padding:5px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text-soft);font-size:8px}.krea-reference-file::file-selector-button{max-width:100%;margin-right:5px;padding:4px 6px;border:1px solid var(--line);border-radius:5px;background:var(--surface-soft);color:var(--text-soft);font-size:8px;cursor:pointer}.krea-reference-name{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.image-prompt-panel input[type=file]{padding:7px}.image-reference-row{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid var(--line);border-radius:8px}.image-reference-row img{width:46px;height:46px;border-radius:6px;object-fit:cover}.image-reference-row span{flex:1;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.image-model-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--line-soft)}.image-model-row>span{display:grid;gap:4px}.image-model-row strong{font-size:10px}.image-model-row small{color:var(--muted);font-size:8px}.image-model-row .text-button{display:inline-flex;align-items:center;gap:5px}.image-generate-button{min-height:43px}.image-results{min-width:0}.image-results-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.image-results-heading .secondary-button{display:inline-flex;align-items:center}.image-empty{display:grid;min-height:440px;place-items:center}.image-empty>div{display:grid;justify-items:center;gap:9px;color:var(--muted)}.image-empty strong{color:var(--text-soft);font-size:12px}.image-empty span{font-size:9px}.image-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.image-result-item{overflow:hidden}.image-result-item>a,.image-result-placeholder{display:grid;width:100%;aspect-ratio:4 / 3;place-items:center;background:var(--surface-soft)}.image-result-item>a img{width:100%;height:100%;object-fit:contain}.image-result-placeholder{align-content:center;gap:9px;color:var(--muted);font-size:10px}.image-result-item>div:last-child{display:grid;gap:6px;padding:10px}.image-result-item strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.image-result-item small{color:var(--muted);font-size:8px}.image-result-item .text-button{justify-self:start}.resource-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.resource-heading>div{display:grid;gap:3px}.resource-heading strong{font-size:10px}.resource-heading small{color:var(--muted);font-size:8px}.resource-grid{display:grid;gap:6px}.image-grid,.three-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.resource-tile{position:relative;display:flex;min-width:0;min-height:78px;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:1px dashed #d6d5cd;border-radius:10px}.resource-tile.empty{gap:4px;background:var(--surface-soft);color:var(--accent);cursor:pointer;transition:border-color .16s ease,background .16s ease}.resource-tile.empty:hover{border-color:var(--accent);background:var(--accent-soft)}.resource-tile.empty strong{color:var(--text-soft);font-size:9px;font-weight:500}.resource-tile.empty small{color:var(--muted);font-size:8px}.resource-tile.filled{border-style:solid;border-color:var(--line);background:var(--surface-soft)}.resource-tile.filled img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.resource-tile.filled:after{position:absolute;inset:auto 0 0;height:46px;background:linear-gradient(transparent,#000000b3);content:"";pointer-events:none}.resource-name{position:absolute;z-index:1;right:4px;bottom:6px;left:5px;overflow:hidden;color:#fff;font-size:8px;text-overflow:ellipsis;white-space:nowrap;text-align:left}.resource-file-icon{display:grid;width:37px;height:37px;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent)}.resource-tile.filled:has(.resource-file-icon) .resource-name{color:var(--text-soft)}.resource-tile.filled:has(.resource-file-icon):after{display:none}.tile-actions{position:absolute;z-index:2;top:4px;right:4px;display:flex;gap:2px;opacity:0;transition:opacity .15s ease}.resource-tile:hover .tile-actions,.resource-tile:focus-within .tile-actions{opacity:1}.tile-actions button{display:grid;width:22px;height:22px;place-items:center;border:0;border-radius:6px;background:#1e1f1dbf;color:#fff;cursor:pointer}.secondary-button,.primary-button,.danger-button{display:inline-flex;min-height:36px;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text-soft);font-size:10px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .15s ease,border-color .15s ease}.secondary-button:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));background:var(--accent-soft);color:var(--accent)}.secondary-button.compact{min-height:29px;padding:0 9px;font-size:9px}.primary-button{border-color:var(--accent);background:var(--accent);color:#fff}.primary-button:hover{border-color:var(--accent-strong);background:var(--accent-strong);transform:translateY(-1px)}.small-primary{min-height:34px}.danger-button{border-color:#e8c8c5;background:#fff6f4;color:var(--danger)}.danger-text-button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--danger);font-size:10px;cursor:pointer;white-space:nowrap}.lora-choice{margin-top:17px;padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--surface-soft)}.lora-choice-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 2px 8px}.lora-choice-head strong{font-size:10px}.lora-choice-head strong span{color:var(--muted);font-size:8px;font-weight:400}.lora-choice-head small{color:var(--muted);font-size:8px}.lora-open{display:flex;width:100%;min-height:48px;align-items:center;gap:9px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface);text-align:left;cursor:pointer}.lora-open:hover{border-color:#cbd2f5}.lora-open-icon{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--accent)}.lora-open>span:nth-child(2){display:grid;flex:1;gap:3px;min-width:0}.lora-open strong{font-size:9px}.lora-open small{overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.lora-plus{color:var(--accent)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px;margin-top:15px}.range-control{display:flex;min-height:38px;align-items:center;gap:9px;padding:0 9px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft)}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.range-control b{color:var(--accent);font-size:9px;font-weight:600;white-space:nowrap}.audio-note{display:flex;align-items:start;gap:8px;margin-top:13px;padding:10px;border:1px solid #d9def6;border-radius:10px;background:#f4f5fb;color:var(--accent)}:root[data-theme=dark] .audio-note{border-color:#485075;background:#30354c}.audio-note>svg{flex:0 0 auto;margin-top:1px}.audio-note div{display:grid;gap:3px}.audio-note strong{font-size:9px}.audio-note span{color:var(--text-soft);font-size:8.5px;line-height:1.55}.output-settings{margin-top:14px;padding:12px;border:1px solid var(--line-soft);border-radius:12px;background:var(--surface-soft)}.output-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.output-heading strong{font-size:11px}.output-heading small{color:var(--muted);font-size:8px}.output-grid{margin-top:0}.resolution-summary{display:grid;gap:4px;margin:10px 0;padding-top:9px;border-top:1px solid var(--line)}.resolution-summary strong{color:var(--accent);font-size:10px;font-weight:600}.resolution-summary span{color:var(--muted);font-size:8px}.output-settings>.field input{min-height:34px;background:var(--surface)}.seed-help{margin:5px 0 0}.generate-button{width:100%;min-height:45px;justify-content:flex-start;margin-top:15px;padding:0 15px;border-radius:10px;box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 20%,transparent)}.generate-button span{font-size:11px}.generate-button small{margin-left:auto;color:#ffffffc7;font-size:8px}.local-note{margin:8px 0 0;color:var(--muted);font-size:8px;line-height:1.5;text-align:center}.workflow-map-card{display:grid;gap:9px;margin-top:12px;padding:11px;border:1px solid var(--line-soft);border-radius:11px;background:var(--surface-soft)}.workflow-map-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.workflow-map-heading>div{display:grid;gap:3px;min-width:0}.workflow-map-heading strong{font-size:10px}.workflow-map-heading small{color:var(--muted);font-size:8px;overflow-wrap:anywhere}.workflow-state{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;color:var(--muted);font-size:8px}.workflow-state i{width:6px;height:6px;border-radius:50%;background:#d99732}.workflow-map-list{display:grid;gap:4px;margin:0;padding-left:15px;color:var(--text-soft);font-size:8px;line-height:1.5}.workflow-alert{display:grid;gap:4px;padding:8px;border:1px solid #eadbb7;border-radius:8px;background:#fbf7ed;color:#775817;font-size:8px;line-height:1.45}.workflow-alert strong{font-size:8px}.workflow-alert-error{border-color:#eccdca;background:#fbf1f0;color:#934b46}:root[data-theme=dark] .workflow-alert{border-color:#68593b;background:#393427;color:#e4ca8e}:root[data-theme=dark] .workflow-alert-error{border-color:#704642;background:#3e2928;color:#e9aaa4}.workflow-map-actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}.workflow-map-actions .text-button{display:inline-flex;align-items:center;gap:4px}.workflow-open-actions{display:flex;flex-wrap:wrap;gap:8px}.workflow-map-actions details{color:var(--muted);font-size:8px}.workflow-map-actions summary{cursor:pointer}.workflow-map-actions pre{max-height:220px;max-width:100%;overflow:auto;margin:7px 0 0;padding:8px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text-soft);font:8px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.workflow-tuning-grid{margin-top:8px}.frame-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.frame-picker>strong{display:block;margin-bottom:7px;color:var(--text-soft);font-size:10px}.frame-drop{display:flex;width:100%;min-height:125px;flex-direction:column;align-items:center;justify-content:center;gap:6px;overflow:hidden;border:1px dashed var(--line);border-radius:10px;background:var(--surface-soft);color:var(--accent);cursor:pointer}.frame-drop span{color:var(--text-soft);font-size:10px}.frame-drop small{color:var(--muted);font-size:8px}.frame-drop.has-image{position:relative;padding:0}.frame-drop.has-image img{width:100%;height:125px;object-fit:cover}.frame-drop.has-image span,.frame-drop.has-image i{position:absolute;right:6px;bottom:6px;left:6px;overflow:hidden;color:#fff;font-size:9px;font-style:normal;text-align:left;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px #000}.frame-drop.has-image i{top:6px;right:6px;bottom:auto;left:auto;padding:4px 6px;border-radius:5px;background:#141414b3}.preview-panel{position:sticky;top:96px;padding:16px 14px 18px}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:0 2px 12px}.preview-header>div{display:grid;gap:3px}.preview-header strong{font-size:11px}.preview-header small{color:var(--muted);font-size:8px}.status-muted{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:12px;background:var(--surface-soft);color:var(--muted);font-size:8px}.status-muted i{width:5px;height:5px;background:#aaa99f;box-shadow:none}.preview-stage{display:grid;min-height:455px;grid-template-rows:1fr minmax(180px,1.8fr) 1fr;overflow:hidden;border-radius:12px;background:var(--surface-muted)}.preview-stage.has-result{display:flex;align-items:center;justify-content:center;background:#111}.preview-video{display:block;width:100%;max-height:520px;aspect-ratio:16 / 9;background:#111;object-fit:contain}.preview-letterbox{background:color-mix(in srgb,var(--surface-muted) 86%,#b2b3ac)}.preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;background:linear-gradient(125deg,var(--surface-soft),var(--surface));text-align:center}.preview-icon{display:grid;width:46px;height:46px;place-items:center;margin-bottom:2px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--accent);box-shadow:0 8px 20px #292a2312}.preview-empty strong{font-size:11px}.preview-empty small{color:var(--muted);font-size:8px}.preview-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px;border:1px solid var(--line);border-radius:10px}.preview-stats div{display:grid;min-height:40px;align-content:center;gap:4px;padding:0 8px;border-right:1px solid var(--line)}.preview-stats div:last-child{border:0}.preview-stats small{color:var(--muted);font-size:7px}.preview-stats strong{overflow:hidden;font-size:8px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.preview-footnote{margin:12px 1px 0;color:var(--muted);font-size:8px;line-height:1.6}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.content-column{display:grid;gap:17px}.asset-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 20px}.toolbar-copy{display:grid;gap:4px}.toolbar-copy strong{font-size:12px}.toolbar-copy span{color:var(--muted);font-size:9px}.toolbar-buttons{display:flex;align-items:center;gap:8px}.asset-stats,.queue-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 2fr;gap:10px}.asset-stats>div,.queue-summary>div:not(.gpu-capacity){display:grid;min-height:70px;align-content:center;gap:3px;padding:0 15px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.asset-stats strong,.queue-summary>div>strong{font-size:19px}.asset-stats span,.queue-summary>div>span{color:var(--muted);font-size:9px}.asset-list-header{display:flex;align-items:center;gap:12px}.asset-filter-tabs,.filter-tabs,.history-filter,.source-tabs,.lora-categories,.modal-categories{display:flex;align-items:center;gap:5px}.asset-filter-tabs button,.filter-tabs button,.history-filter button,.source-tabs button,.lora-categories button,.modal-categories button{min-height:31px;padding:0 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-soft);font-size:9px;cursor:pointer;white-space:nowrap}.asset-filter-tabs button.selected,.filter-tabs button.selected,.history-filter button.selected,.source-tabs button.selected,.lora-categories button.selected,.modal-categories button.selected{border-color:var(--line);background:var(--surface);color:var(--accent);font-weight:650}.search-field{display:flex;min-width:155px;min-height:34px;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted)}.search-field input:not([type=range]):not([type=checkbox]){min-height:30px;padding:0;border:0;background:transparent;font-size:9px;outline:0}.asset-list-header .danger-text-button{margin-left:auto}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.asset-card{position:relative;overflow:hidden}.asset-preview{display:grid;height:145px;place-items:center;overflow:hidden;background:var(--surface-muted);color:var(--accent)}.asset-preview img{width:100%;height:100%;object-fit:cover}.asset-card-body{display:grid;gap:5px;padding:11px 12px}.asset-card-body strong,.asset-card-body input{overflow:hidden;font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.asset-card-body small{color:var(--muted);font-size:8px}.asset-card-actions{position:absolute;right:8px;bottom:8px;display:flex;gap:3px}.asset-card-actions button{display:grid;width:26px;height:26px;place-items:center;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text-soft);cursor:pointer}.empty-state{display:flex;min-height:235px;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center}.empty-icon{display:grid;width:46px;height:46px;place-items:center;margin-bottom:11px;border-radius:14px;background:var(--surface-soft);color:var(--accent)}.empty-state strong{font-size:12px}.empty-state p{max-width:310px;margin:6px 0 14px;color:var(--muted);font-size:9px;line-height:1.55}.assets-empty{min-height:290px}.queue-summary{grid-template-columns:repeat(3,minmax(0,1fr)) 2fr}.gpu-capacity{display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--accent)}.gpu-capacity span{display:grid;gap:4px}.gpu-capacity strong{color:var(--text);font-size:10px}.gpu-capacity small{color:var(--muted);font-size:8px}.queue-panel{overflow:hidden}.queue-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 14px;border-bottom:1px solid var(--line-soft)}.filter-tabs{flex-wrap:wrap}.filter-tabs button{display:inline-flex;align-items:center;gap:5px}.filter-tabs button span{color:var(--muted);font-size:8px}.task-list{display:grid}.task-row{display:flex;align-items:center;gap:11px;padding:15px 16px;border-bottom:1px solid var(--line-soft)}.task-row:last-child{border-bottom:0}.task-state-icon{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:10px;background:var(--surface-soft);color:var(--muted)}.task-state-icon.state-运行中{background:var(--accent-soft);color:var(--accent)}.task-state-icon.state-已完成{background:color-mix(in srgb,var(--success) 12%,var(--surface));color:var(--success)}.task-copy{display:grid;flex:1;gap:4px;min-width:0}.task-copy>div{display:flex;align-items:center;gap:8px}.task-copy strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.task-copy p,.task-copy small{overflow:hidden;margin:0;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.task-copy .task-error{color:var(--danger)}.task-result{display:grid;justify-items:start;gap:7px;margin-top:6px}.task-result video{width:min(100%,480px);max-height:270px;border-radius:7px;background:#111}.task-workflow-details{margin-top:4px;color:var(--muted);font-size:8px}.task-workflow-details summary{cursor:pointer}.task-workflow-details pre{max-height:180px;overflow:auto;margin:6px 0 0;padding:8px;border-radius:7px;background:var(--surface-soft);color:var(--text-soft);font:8px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.state-label{padding:3px 7px;border-radius:12px;background:var(--surface-soft);color:var(--muted);font-size:8px;white-space:nowrap}.state-label.state-运行中{background:var(--accent-soft);color:var(--accent)}.state-label.state-失败{background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:var(--danger)}.generate-button:disabled{cursor:progress;opacity:.72}.state-label.state-已完成{background:color-mix(in srgb,var(--success) 12%,var(--surface));color:var(--success)}.queue-empty{min-height:270px}.queue-note{display:flex;align-items:center;gap:7px;margin:0;color:var(--muted);font-size:9px}.queue-note i{width:6px;height:6px;border-radius:50%;background:var(--success)}.spin{animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lora-page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 20px}.lora-page-head h2,.history-toolbar h2,.tool-intro h2{margin:0;font-size:14px}.lora-page-head p,.history-toolbar p,.tool-intro p{margin:5px 0 0;color:var(--muted);font-size:9px}.lora-categories{flex-wrap:wrap;padding-bottom:3px}.lora-categories button{display:flex;align-items:center;gap:6px}.lora-categories small{color:var(--muted);font-size:8px}.lora-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.lora-card{padding:13px;box-shadow:none}.lora-card.is-disabled{opacity:.62}.lora-card-top{display:flex;align-items:center;gap:7px}.lora-card-icon{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent)}.lora-category-tag{padding:4px 7px;border-radius:12px;background:var(--surface-soft);color:var(--muted);font-size:8px;white-space:nowrap}.lora-card-top .icon-button{width:28px;height:28px;margin-left:auto;border:0;background:transparent}.lora-card h3{margin:12px 0 5px;font-size:11px}.lora-card p{min-height:29px;margin:0;color:var(--muted);font-size:8px;line-height:1.5}.trigger-word{display:flex;align-items:center;gap:6px;margin-top:12px;padding-top:9px;border-top:1px solid var(--line-soft);color:var(--muted);font-size:8px}.trigger-word span{color:var(--text-soft)}.lora-card-footer{display:flex;align-items:center;gap:6px;margin-top:9px;color:var(--muted);font-size:8px}.lora-card-footer .text-button{margin-left:auto}.active-dot,.inactive-dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.inactive-dot{background:var(--muted)}.guide-layout{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:start;gap:14px}.guide-toc{position:sticky;top:95px;display:grid;gap:4px;padding:15px 12px;box-shadow:none}.guide-toc strong{margin:0 6px 7px;font-size:10px}.guide-toc button{min-height:30px;padding:0 7px;border:0;border-radius:7px;background:transparent;color:var(--text-soft);font-size:9px;text-align:left;cursor:pointer}.guide-toc button:hover{background:var(--surface-soft);color:var(--accent)}.guide-article{padding:21px 25px}.guide-actions{display:flex;justify-content:space-between;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--line-soft)}.guide-actions>div{display:flex;gap:6px}.guide-article section{padding:24px 0;border-bottom:1px solid var(--line-soft);scroll-margin-top:96px}.guide-article section:last-child{border-bottom:0}.guide-article .eyebrow{color:var(--accent);font-size:8px;font-weight:700;letter-spacing:0}.guide-article h2{margin:9px 0;font-size:16px}.guide-article p,.guide-article li{color:var(--text-soft);font-size:10px;line-height:1.8}.guide-article ul{padding-left:18px}.guide-callout{display:flex;align-items:start;gap:10px;margin-top:15px;padding:13px;border:1px solid #d9def6;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:9px;line-height:1.7}.guide-callout svg{flex:0 0 auto;margin-top:1px}.guide-callout strong{font-size:10px}.prompt-example,.spec-code{padding:13px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);color:var(--text-soft);font-size:9px;line-height:1.75}.guide-article code{padding:2px 4px;border-radius:4px;background:var(--surface-soft);color:var(--accent);font-size:9px}.guide-article details{padding:10px 0;border-bottom:1px solid var(--line-soft)}.guide-article summary{color:var(--text);font-size:10px;cursor:pointer}.guide-article details p{margin-bottom:0}.tool-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);align-items:start;gap:15px}.tool-panel{padding:22px}.tool-intro{display:flex;align-items:center;gap:11px;padding-bottom:17px;border-bottom:1px solid var(--line-soft)}.tool-icon{display:grid;width:39px;height:39px;place-items:center;border-radius:11px;background:var(--accent-soft);color:var(--accent)}.source-tabs{margin:16px 0 12px;padding:4px;border-radius:9px;background:var(--surface-soft)}.source-tabs button{flex:1}.source-tabs button.selected{background:var(--surface);box-shadow:0 1px 3px #0000000d}.source-empty{display:flex;min-height:170px;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px dashed var(--line);border-radius:10px;color:var(--muted)}.source-empty svg{margin-bottom:4px;color:var(--accent)}.source-empty strong{color:var(--text-soft);font-size:10px}.source-empty span{font-size:8px}.source-picks{display:grid;gap:7px;max-height:250px;overflow-y:auto}.source-pick-row{display:flex;min-height:53px;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);text-align:left;cursor:pointer}.source-pick-row:hover,.source-pick-row.selected{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:var(--accent-soft)}.source-pick-row>span:first-child{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border-radius:8px;background:var(--surface-soft);color:var(--accent)}.source-pick-row>span:nth-child(2){display:grid;flex:1;gap:4px;min-width:0}.source-pick-row strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.source-pick-row small{color:var(--muted);font-size:8px}.source-pick-row .source-check{color:var(--accent)}.upload-drop{display:flex;min-height:190px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;border:1px dashed var(--line);border-radius:11px;background:var(--surface-soft);text-align:center}.upload-drop.dragging{border-color:var(--accent);background:var(--accent-soft)}.upload-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:var(--surface);color:var(--accent)}.upload-drop>strong{font-size:10px}.upload-drop>small{color:var(--muted);font-size:8px}.selected-file{display:flex;width:100%;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--accent);text-align:left}.selected-file span{flex:1;overflow:hidden;color:var(--text-soft);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.selected-file button{display:grid;place-items:center;border:0;background:transparent;cursor:pointer}.tool-options{display:grid;gap:9px;margin-top:16px}.tool-options .helper-copy{margin:0}.segmented{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft)}.segmented button{flex:1;min-height:29px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text-soft);font-size:9px;cursor:pointer}.segmented button.selected{border-color:var(--line);background:var(--surface);color:var(--accent);font-weight:650}.tool-submit{width:100%;margin-top:18px}.tool-submit small{margin-left:auto;color:#ffffffc7;font-size:8px}.tool-info{position:sticky;top:95px;padding:18px;box-shadow:none}.tool-info>strong{font-size:11px}.tool-info ul{display:grid;gap:11px;padding-left:17px;margin:14px 0 18px;color:var(--text-soft);font-size:9px;line-height:1.5}.tool-info-gpu{display:flex;align-items:center;gap:7px;padding-top:12px;border-top:1px solid var(--line-soft);color:var(--muted);font-size:8px}.tool-info-gpu svg{color:var(--accent)}.history-panel{padding:18px}.history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.history-filter{flex-wrap:wrap;margin:16px 0;padding-bottom:11px;border-bottom:1px solid var(--line-soft)}.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.history-card{overflow:hidden;box-shadow:none}.history-preview{display:flex;height:128px;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:var(--surface-muted);color:var(--accent);text-align:center}.history-preview video{width:100%;max-height:180px;background:#111;object-fit:contain}.history-preview span{color:var(--muted);font-size:8px;line-height:1.4}.history-card-body{display:grid;gap:7px;padding:11px}.history-card-body label{display:flex;align-items:center;gap:7px;min-width:0}.history-card-body label input{width:13px;height:13px;accent-color:var(--accent)}.history-card-body label strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.history-card-body>small,.history-card-body>span{color:var(--muted);font-size:8px}.history-card-body .text-button{justify-self:start}.history-empty{min-height:360px}.history-empty>small{color:var(--muted);font-size:8px}.modal-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#15161461;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog{display:flex;width:min(100%,500px);max-height:min(82vh,760px);flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 25px 70px #0003}.dialog-header{display:flex;align-items:start;justify-content:space-between;gap:15px;padding:17px 18px;border-bottom:1px solid var(--line-soft)}.dialog-header h2{margin:0;font-size:14px}.dialog-header p{margin:5px 0 0;color:var(--muted);font-size:9px}.dialog-body{display:grid;gap:14px;overflow-y:auto;padding:18px}.dialog-body>p{margin:0;color:var(--text-soft);font-size:10px;line-height:1.65}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.dialog-actions.spread{justify-content:space-between;padding:12px 18px;border-top:1px solid var(--line-soft)}.settings-dialog{gap:15px}.cloud-dialog{width:min(100%,460px)}.cloud-dialog-body{gap:12px}.cloud-status-row{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}.cloud-status-icon{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:9px;background:var(--accent-soft);color:var(--accent)}.cloud-status-row.connected{border-color:color-mix(in srgb,var(--success) 30%,var(--line))}.cloud-status-row.connected .cloud-status-icon{background:color-mix(in srgb,var(--success) 12%,var(--surface));color:var(--success)}.cloud-status-row.connected>b{border-color:color-mix(in srgb,var(--success) 28%,var(--line));color:var(--success)}.cloud-status-row>span:nth-child(2){display:grid;flex:1;min-width:0;gap:3px}.cloud-status-row strong,.cloud-step strong{font-size:10px}.cloud-status-row small,.cloud-step p{color:var(--muted);font-size:8px;line-height:1.55}.cloud-status-row>b{padding:5px 7px;border:1px solid var(--line);border-radius:20px;color:var(--muted);font-size:8px;font-weight:550;white-space:nowrap}.cloud-step{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--line-soft)}.cloud-step-number{display:grid;width:22px;height:22px;flex:0 0 22px;place-items:center;border-radius:7px;background:var(--surface-muted);color:var(--text-soft);font-size:9px;font-weight:700}.cloud-step>div{display:grid;justify-items:start;gap:5px;min-width:0}.cloud-step p{margin:0 0 3px}.cloud-step .secondary-button,.cloud-step .primary-button{min-height:32px;font-size:9px}.cloud-device-row{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;color:var(--accent)}.cloud-device-row>span{display:grid;min-width:0;gap:3px}.cloud-device-row strong{overflow:hidden;color:var(--text);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.cloud-device-row small{color:var(--muted);font-size:8px}.cloud-connect-actions{display:flex;flex-wrap:wrap;gap:7px}.cloud-doc-link{display:inline-flex;align-items:center;justify-self:start;gap:5px;color:var(--accent);font-size:9px;text-decoration:none}.cloud-doc-link:hover{text-decoration:underline}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.setting-row>span{display:grid;gap:5px}.setting-row strong{font-size:10px}.setting-row small{color:var(--muted);font-size:8px;line-height:1.5}.switch{position:relative;width:42px;height:24px;flex:0 0 42px;padding:2px;border:0;border-radius:20px;background:#bbbcb5;cursor:pointer;transition:background .18s ease}.switch i{display:block;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000026;transition:transform .18s ease}.switch.on{background:var(--accent)}.switch.on i{transform:translate(18px)}.info-box{display:flex;align-items:start;gap:8px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft);color:var(--text-soft);font-size:8px;line-height:1.6}.info-box svg{flex:0 0 auto;color:var(--accent)}.prompt-review-copy{display:grid;gap:6px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft)}.prompt-review-copy strong{font-size:9px}.prompt-review-copy p{max-height:130px;overflow-y:auto;margin:0;color:var(--text-soft);font-size:9px;line-height:1.6;white-space:pre-wrap}.lora-dialog{width:min(100%,680px)}.lora-dialog-tools{display:flex;align-items:center;gap:12px;padding:12px 16px 0}.lora-dialog-tools .search-field{flex:1}.lora-dialog-tools>span{color:var(--muted);font-size:9px;white-space:nowrap}.modal-categories{flex-wrap:wrap;padding:7px 16px 10px;border-bottom:1px solid var(--line-soft)}.modal-categories button{min-height:27px;padding-inline:8px;font-size:8px}.modal-lora-list{display:grid;flex:1;overflow-y:auto;padding:3px 10px}.modal-lora-row{display:flex;min-height:58px;align-items:center;gap:10px;padding:8px;border:1px solid transparent;border-radius:9px;background:transparent;text-align:left;cursor:pointer}.modal-lora-row:hover,.modal-lora-row.checked{border-color:var(--line);background:var(--surface-soft)}.check-box{display:grid;width:17px;height:17px;flex:0 0 17px;place-items:center;border:1px solid var(--line);border-radius:5px;color:#fff}.modal-lora-row.checked .check-box{border-color:var(--accent);background:var(--accent)}.modal-lora-row>span:nth-child(2){display:grid;flex:1;gap:4px;min-width:0}.modal-lora-row strong{font-size:9px}.modal-lora-row small{color:var(--muted);font-size:8px}.modal-lora-row .lora-category-tag{flex:0 0 auto}.spec-dialog .spec-code{color:var(--text-soft)}.lora-config-form textarea{min-height:62px}.preset-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--line);border-radius:9px}.preset-row span{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:3px 7px}.preset-row svg{grid-row:span 2;color:var(--accent)}.preset-row strong{font-size:9px}.preset-row small{color:var(--muted);font-size:8px}.toast{position:fixed;z-index:60;right:22px;bottom:20px;display:flex;max-width:min(420px,calc(100vw - 32px));align-items:center;gap:8px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow);color:var(--text);font-size:10px;animation:toast-in .18s ease-out}.toast svg{flex:0 0 auto;color:var(--success)}@keyframes toast-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.sidebar{width:66px;padding:14px 9px}.side-brand{justify-content:center;margin:2px 0 18px}.brand-copy,.nav-text,.nav-indicator{display:none}.nav-item{justify-content:center;padding:5px}.nav-icon{width:34px;height:34px;flex-basis:34px}.app-main{margin-left:66px}.generation-layout,.image-workspace{grid-template-columns:minmax(0,1fr)}.composer-panel{width:100%;zoom:1}.preview-panel{position:static}.preview-stage{min-height:360px}.page-content,.page-heading{width:min(100% - 46px,900px);transform:none}.topbar{padding-inline:23px}}@media(max-width:820px){.generation-layout{grid-template-columns:minmax(0,1fr)}.preview-panel{position:static}.preview-stage{min-height:360px}.page-content,.page-heading{width:min(100% - 30px,650px)}.topbar{min-height:65px;padding:9px 15px}.topbar-title strong{font-size:15px}.topbar-project{font-size:13px}.product-tag{display:none}.topbar-title>small{font-size:8px}.page-heading{margin-top:16px;margin-bottom:16px}.asset-grid,.lora-grid,.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-layout{grid-template-columns:1fr}.guide-toc{position:static;display:flex;flex-wrap:wrap;align-items:center}.guide-toc strong{width:100%}.tool-layout{grid-template-columns:minmax(0,1fr)}.tool-info{position:static}}@media(max-width:560px){.sidebar{top:82px;width:50px;padding:9px 5px}.side-brand{display:none}.brand-mark{width:31px;height:31px;border-radius:10px;font-size:11px}.side-nav{gap:3px}.nav-item{min-height:39px;padding:3px;border-radius:8px}.nav-icon{width:30px;height:30px;flex-basis:30px;border-radius:8px}.app-main{width:100%;margin-left:0}.topbar{position:relative;min-height:82px;align-items:flex-start;justify-content:flex-start;gap:5px;padding:8px 9px 37px}.topbar-title{width:100%}.topbar-title>div{gap:5px}.topbar-title strong{font-size:12px}.topbar-project{font-size:11px}.topbar-title>small{max-width:180px;overflow:hidden;margin-top:3px;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{position:absolute;right:8px;bottom:5px;gap:4px}.status-chip,.gpu-chip{height:28px;gap:5px;padding-inline:6px;font-size:7px}.gpu-chip{max-width:112px}.gpu-chip svg{width:12px}.cloud-connect-button{width:28px;min-height:28px;flex:0 0 28px;padding:0}.cloud-connect-button span{display:none}.icon-button{width:29px;height:29px;flex-basis:29px}.topbar-actions .theme-toggle{width:28px;flex-basis:28px}.page-heading{display:none}.page-content{width:calc(100% - 70px);margin:9px 10px 35px 60px;transform:none}.image-prompt-panel{gap:13px;padding:14px 12px}.image-results-heading h2{font-size:13px}.image-results-heading p{font-size:8px}.image-empty{min-height:230px}.image-result-grid{grid-template-columns:minmax(0,1fr)}.page-heading h1{font-size:17px}.page-heading p{max-width:220px;font-size:8px;line-height:1.4}.demo-label{padding:5px 7px;font-size:7px}.panel{border-radius:13px}.composer-panel{width:100%;margin:0;padding:15px 13px;zoom:1.3}.composer-title{gap:8px;padding-bottom:13px}.composer-title h2{font-size:13px}.composer-title p{font-size:8px}.model-badge{min-width:37px;height:21px;font-size:8px}.composer-section{padding-top:12px}.compact-field{width:100%;gap:7px}.compact-field strong{font-size:8px}.compact-field select{flex:1;width:auto;min-height:33px;padding-inline:7px;font-size:8px}.prompt-mode-row{align-items:center}.prompt-mode-row .text-button{font-size:8px}textarea{min-height:102px;font-size:9px}.helper-copy{font-size:8px}.section-title{margin-bottom:11px}.section-title h3{font-size:10px}.section-title p{font-size:7.5px}.resource-group{margin-top:13px}.resource-heading strong{font-size:9px}.resource-heading small{max-width:210px;font-size:7px}.resource-tile{min-height:75px;border-radius:8px}.resource-tile.empty strong{font-size:8px}.resource-tile.empty small{font-size:7px}.resource-heading .secondary-button{min-height:26px;padding-inline:7px;font-size:8px}.lora-choice{margin-top:13px;padding:8px}.lora-choice-head strong{font-size:9px}.settings-grid{grid-template-columns:minmax(0,1fr);gap:11px;margin-top:12px}.field{gap:5px;font-size:9px}.field-label{font-size:8px}input:not([type=range]):not([type=checkbox]),select{min-height:35px;padding-inline:8px;font-size:8px}.range-control{min-height:35px;padding-inline:7px}.range-control b{font-size:8px}.audio-note{padding:8px}.audio-note strong,.audio-note span{font-size:8px}.output-settings{padding:9px}.output-heading strong{font-size:10px}.output-heading small{font-size:7px}.resolution-summary strong{font-size:8px}.resolution-summary span{font-size:7px}.generate-button{min-height:42px;margin-top:12px}.generate-button span{font-size:10px}.preview-panel{padding:12px 10px}.preview-stage{min-height:360px;grid-template-rows:1fr minmax(145px,1.5fr) 1fr}.preview-empty strong{font-size:10px}.preview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-stats div:nth-child(2){border-right:0}.preview-stats div:nth-child(1),.preview-stats div:nth-child(2){border-bottom:1px solid var(--line)}.preview-stats div{min-height:37px}.preview-footnote{font-size:7px}.asset-toolbar,.lora-page-head,.history-toolbar{align-items:start;flex-direction:column;padding:13px}.toolbar-buttons{width:100%;flex-wrap:wrap}.toolbar-buttons .secondary-button,.toolbar-buttons .primary-button{flex:1}.asset-stats,.queue-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.asset-stats>div,.queue-summary>div:not(.gpu-capacity){min-height:58px;padding-inline:10px}.asset-stats strong,.queue-summary>div>strong{font-size:16px}.gpu-capacity{grid-column:span 2}.asset-list-header{flex-wrap:wrap;gap:6px}.asset-filter-tabs{width:100%}.search-field{flex:1}.asset-list-header .danger-text-button{margin-left:0}.asset-grid,.lora-grid,.history-grid{grid-template-columns:minmax(0,1fr)}.asset-preview{height:180px}.queue-toolbar{align-items:start;flex-direction:column}.filter-tabs{gap:2px}.filter-tabs button{min-height:28px;padding-inline:7px;font-size:8px}.queue-empty{min-height:220px}.guide-article{padding:14px}.guide-actions{flex-direction:column}.guide-actions>div{flex-wrap:wrap}.guide-article h2{font-size:14px}.guide-article p,.guide-article li{font-size:9px}.tool-panel{padding:14px}.tool-intro p{font-size:8px;line-height:1.5}.history-panel{padding:13px}.history-toolbar .toolbar-buttons{justify-content:stretch}.history-filter{gap:2px}.history-filter button{min-height:28px;padding-inline:7px;font-size:8px}.modal-backdrop{padding:10px}.dialog{max-height:88vh;border-radius:13px}.dialog-header,.dialog-body{padding:13px}.modal-categories{gap:2px;padding-inline:10px}.modal-lora-row{gap:7px;padding:6px}.modal-lora-row .lora-category-tag{display:none}.toast{right:10px;bottom:10px;font-size:8px}}.xg-deploy-panel{display:grid;gap:10px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.xg-inline-account{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft)}.xg-inline-account-heading{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px}.xg-inline-account-heading>svg{color:var(--accent)}.xg-inline-account-heading>div{display:grid;min-width:0;gap:3px}.xg-inline-account-heading strong{overflow-wrap:anywhere;font-size:10px}.xg-inline-account-heading small{overflow-wrap:anywhere;color:var(--muted);font-size:8px;line-height:1.45}.xg-account-connect{justify-self:start;min-height:34px;padding-inline:12px;font-size:9px}.xg-selected-gpu{display:grid;gap:4px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.xg-selected-gpu span{color:var(--muted);font-size:8px}.xg-selected-gpu strong{font-size:9px;overflow-wrap:anywhere}.xg-inline-account .field{gap:5px}.xg-inline-account select{min-height:36px}.xg-inline-account .xg-hint{font-size:8px}.xg-account-note,.xg-account-error{margin:0;font-size:9px;line-height:1.5;overflow-wrap:anywhere}.xg-account-note{color:var(--muted)}.xg-account-error{color:var(--danger, #c0392b)}.xg-deploy-heading{display:flex;align-items:center;gap:9px}.xg-deploy-heading>span{display:grid;width:27px;height:27px;place-items:center;border-radius:8px;background:var(--accent-soft);color:var(--accent)}.xg-deploy-heading>div{display:grid;gap:3px}.xg-deploy-heading strong{font-size:11px}.xg-deploy-heading small,.xg-instance-detail{color:var(--muted);font-size:8px}.xg-mirror-row{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:5px 8px;font-size:9px}.xg-mirror-row>span{grid-row:span 2;color:var(--muted)}.xg-mirror-row>strong{min-width:0;font-size:9px}.xg-mirror-row>small{grid-column:2;min-width:0;overflow-wrap:anywhere;color:var(--muted);font-size:7px}.xg-mirror-row .text-button{grid-column:3;grid-row:1 / span 2}.xg-deploy-panel .field{gap:5px}.xg-deploy-panel select{min-height:34px;font-size:9px}.xg-token-link{display:inline-flex;width:fit-content;align-items:center;gap:6px;padding:3px 0;border:0;background:none;color:var(--accent);font-size:9px;cursor:pointer}.xg-hint{display:flex;align-items:flex-start;gap:6px;margin:0;color:var(--text-soft);font-size:8px;line-height:1.55}.xg-hint svg{flex:0 0 auto;margin-top:1px;color:var(--accent)}.xg-confirm{display:flex;align-items:flex-start;gap:7px;color:var(--text-soft);font-size:8px;line-height:1.5;cursor:pointer}.xg-confirm input{flex:0 0 auto;margin:1px 0 0;accent-color:var(--accent)}.xg-deploy-actions{display:flex;flex-wrap:wrap;gap:7px}.xg-deploy-actions button{min-height:32px;font-size:9px}.xg-progress{display:flex;align-items:flex-start;gap:7px;color:var(--text-soft);font-size:8px;line-height:1.5}.xg-progress svg{flex:0 0 auto;color:var(--accent)}.xg-instance-detail{overflow-wrap:anywhere}@media(max-width:560px){.xg-deploy-panel,.xg-inline-account{padding:10px}.xg-inline-account-heading{grid-template-columns:18px minmax(0,1fr)}.xg-mirror-row{grid-template-columns:32px minmax(0,1fr) auto}.xg-deploy-actions button{flex:1 1 auto}}
