@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{--r-s:10px;--r-m:14px;--r-l:20px;--r-xl:28px;--ease-spring:cubic-bezier(.34, 1.4, .5, 1);--ease-soft:cubic-bezier(.32, .72, 0, 1);--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Manrope", "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;font-family:var(--font-sans);font-synthesis:none;letter-spacing:.1px;--bg-body:radial-gradient(130% 80% at 50% -12%, #1a1f27 0%, transparent 55%), radial-gradient(110% 60% at 105% 115%, #14181e 0%, transparent 52%), #0a0c0f;--bg-0:#0a0c0f;--glass:#1e21268c;--glass-strong:#262a30b8;--glass-card:#ffffff0b;--glass-card-2:#ffffff12;--surface:#171a1f;--surface-2:#ffffff0f;--surface-3:#ffffff1a;--border:#ffffff14;--border-2:#ffffff29;--hi:#ffffff38;--shadow-edge:inset 0 .5px 0 #ffffff24, inset 0 -.5px 0 #00000040;--shadow-card:0 1px 3px #00000047;--shadow-pop:0 10px 32px #00000061;--bg-rgb:10, 12, 15;--ink-rgb:255, 255, 255;--text:#f2f4f6;--text-2:#a2abb4;--text-3:#6c747c;--accent:#34d27b;--accent-2:#5be39a;--accent-soft:#9df0c3;--accent-rgb:52, 210, 123;--accent-dim:#34d27b29;--accent-press:#34d27b47;--danger-dim:#ff6b6b1f;--warn-dim:#ffcf5c24;--on-accent:#04210f;--info:#5ba8ff;--warn:#ffcf5c;--danger:#ff6b6b;--coral:#ffb486;--purple:#b79cff;--danger-rgb:255, 107, 107;--coral-rgb:255, 180, 134;--track:#ffffff14;--field:#101318;--canvas:#0b0e12;--ink:var(--text);--soft:#cbd3da;--muted:var(--text-2);--faint:var(--text-3);--panel:#171a1fd1;--panel-2:var(--glass-card-2);--line:var(--border);--line-strong:var(--border-2);--accent-strong:var(--accent-2);--accent-ink:var(--on-accent);color:var(--text);background:var(--bg-0)}:root[data-theme=light]{--bg-body:radial-gradient(120% 70% at 50% -10%, #fff 0%, transparent 55%), radial-gradient(110% 60% at 110% 115%, #e7ebf1 0%, transparent 52%), #eef1f5;--bg-0:#eef1f5;--glass:#fff9;--glass-strong:#ffffffc7;--glass-card:#ffffff9e;--glass-card-2:#ffffffc7;--surface:#fbfbfd;--surface-2:#0000000b;--surface-3:#00000014;--border:#00000017;--border-2:#00000029;--hi:#ffffffbf;--shadow-edge:inset 0 .5px 0 #ffffffd9, inset 0 -.5px 0 #0000000f;--shadow-card:0 1px 3px #00000012;--shadow-pop:0 10px 30px #00000021;--bg-rgb:238, 241, 245;--ink-rgb:0, 0, 0;--text:#16181c;--text-2:#565d66;--text-3:#9aa1a9;--accent:#15b562;--accent-2:#3fd68a;--accent-soft:#0e8c4c;--accent-rgb:21, 181, 98;--accent-dim:#15b56224;--accent-press:#15b56238;--on-accent:#04210f;--info:#2f86f0;--warn:#d99a00;--danger:#e5484d;--coral:#d9723a;--purple:#7c5cff;--danger-rgb:229, 72, 77;--coral-rgb:217, 114, 58;--warn-rgb:217, 154, 0;--purple-rgb:124, 92, 255;--track:#00000017;--field:#fff;--canvas:#e9edf2;--ink:var(--text);--soft:#3d444c;--muted:var(--text-2);--faint:var(--text-3);--panel:#ffffffb8;--panel-2:var(--glass-card-2);--line:var(--border);--line-strong:var(--border-2);--accent-strong:var(--accent-2);--accent-ink:var(--on-accent)}*{box-sizing:border-box}body{background:var(--bg-body);min-width:320px;min-height:100vh;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background .45s var(--ease-soft), color .35s var(--ease-soft);background-attachment:fixed;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,.editor-card,.side-card,.shelf-panel,.overlay-manager,.queue-card,.login-card{-webkit-tap-highlight-color:transparent}button:active{transform:scale(.97)}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:var(--glass);flex-direction:column;flex:0 0 254px;width:254px;padding:27px 20px 19px;display:flex}.brand-lockup{align-items:center;gap:11px;padding:0 6px;display:flex}.brand-mark{width:33px;height:33px;color:var(--accent-ink);background:var(--accent);box-shadow:0 0 0 5px rgba(var(--accent-rgb), .08);border-radius:10px;place-items:center;display:grid}.brand-lockup strong{letter-spacing:.02em;font-size:17px;display:block}.brand-lockup span{color:var(--text-2);letter-spacing:.16em;margin-top:2px;font-size:11px;display:block}.workspace-chip{color:var(--soft);text-transform:uppercase;letter-spacing:.13em;align-items:center;gap:8px;margin:35px 5px 18px;font-size:11px;display:flex}.status-dot,.pulse,.connection-dot{background:var(--text-3);border-radius:50%;width:7px;height:7px;display:inline-block}.status-dot{background:var(--accent-strong);box-shadow:0 0 0 4px rgba(var(--accent-rgb), .1)}.step-nav{flex-direction:column;gap:7px;display:flex}.step-link{text-align:left;width:100%;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:11px;padding:12px 10px;transition:all .2s;display:flex}.step-link:hover{background:var(--surface-2);color:var(--ink)}.step-link.active{background:rgba(var(--accent-rgb), .08);border-color:rgba(var(--accent-rgb), .16);color:var(--ink)}.step-link.done{color:var(--accent-soft)}.step-number{border:1px solid;border-radius:8px;flex:0 0 24px;place-items:center;width:24px;height:24px;font:500 10px DM Mono,monospace;display:grid}.step-link.active .step-number{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.step-link b{font-size:12px;font-weight:700;display:block}.step-link small{color:var(--text-3);margin-top:4px;font-size:10px;display:block}.sidebar-bottom{margin-top:auto}.mini-rule{background:var(--line);height:1px;margin:0 5px 18px}.connection-card{border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:9px;padding:11px 10px;display:flex}.connection-dot{background:var(--text-3);margin-top:5px}.connection-dot.online{background:var(--accent-strong);box-shadow:0 0 0 4px rgba(var(--accent-rgb), .08)}.connection-card b{font-size:11px;display:block}.connection-card small{color:var(--text-3);margin-top:4px;font-size:9px;line-height:1.45;display:block}.version{color:var(--text-3);margin:16px 5px 0;font:10px DM Mono,monospace}.main-area{width:min(1440px,100% - 254px);margin:0 auto;padding:30px 42px 26px}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.demo-topbar-brand{display:none}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.16em;color:var(--text-3);font:500 10px DM Mono,monospace}.topbar h1{letter-spacing:-.045em;margin:10px 0 0;font-size:clamp(24px,2.2vw,34px);line-height:1.1}.topbar-actions{align-items:center;gap:10px;display:flex}.theme-switcher{border:1px solid var(--line);background:var(--surface-2);-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);border-radius:999px;gap:3px;padding:3px;display:flex}.theme-switcher button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:5px 7px;font-size:9px}.theme-switcher button.active{color:var(--accent-ink);background:var(--accent)}.live-pill{color:var(--accent-soft);border:1px solid rgba(var(--accent-rgb),.18);background:rgba(var(--accent-rgb),.06);border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;display:flex}.pulse{background:var(--accent-strong);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.1)}.icon-button{color:var(--muted);border:1px solid var(--line);background:var(--surface-2);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{color:var(--ink);border-color:var(--line-strong)}.notice-banner{border:1px solid var(--line);background:var(--surface-2);min-height:40px;color:var(--soft);border-radius:10px;align-items:center;gap:9px;margin-bottom:28px;padding:10px 13px;font-size:11px;display:flex}.notice-banner[data-type=success]{color:var(--accent);background:rgba(var(--accent-rgb),.06);border-color:rgba(var(--accent-rgb),.2)}.notice-banner[data-type=error]{color:var(--danger);background:rgba(var(--danger-rgb),.06);border-color:rgba(var(--danger-rgb),.2)}.notice-icon{color:var(--accent-strong);place-items:center;display:grid}.notice-banner[data-type=error] .notice-icon{color:var(--danger)}.content-grid{grid-template-columns:minmax(0,1.55fr) minmax(315px,.85fr);align-items:start;gap:26px;display:grid}.primary-column,.right-column{min-width:0}.right-column{flex-direction:column;gap:14px;display:flex}.section-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.section-heading h2{letter-spacing:-.035em;margin:8px 0 7px;font-size:21px}.section-heading p{color:var(--text-2);margin:0;font-size:11px;line-height:1.6}.count-badge,.template-tag,.task-chip{color:var(--soft);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:6px 9px;font:10px DM Mono,monospace}.category-tabs{gap:7px;margin-bottom:13px;display:flex}.category-tabs button{border:1px solid var(--line);color:var(--text-2);background:#ffffff04;border-radius:9px;align-items:center;gap:7px;padding:8px 11px;font-size:11px;display:flex}.category-tabs button.active{color:var(--accent-ink);border-color:var(--accent);background:var(--accent)}.category-tabs small{opacity:.7;font:9px DM Mono,monospace}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:17px;display:grid}.template-card{border:1px solid var(--line);background:var(--glass-card);text-align:left;min-height:82px;color:var(--ink);border-radius:12px;align-items:flex-start;gap:11px;padding:13px 12px;transition:all .2s;display:flex;position:relative}.template-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.template-card.selected{border-color:rgba(var(--accent-rgb),.55);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.08), inset 0 0 0 1px rgba(var(--accent-rgb),.06)}.template-icon{width:27px;height:27px;color:var(--accent-soft);background:rgba(var(--accent-rgb),.12);border-radius:8px;flex:0 0 27px;place-items:center;display:grid}.template-icon.makeup{color:var(--coral);background:rgba(var(--coral-rgb),.13)}.template-icon.nail{color:var(--purple);background:rgba(var(--purple-rgb),.14)}.template-copy{min-width:0;padding-right:15px}.template-copy b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.template-copy small{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:10px;display:block;overflow:hidden}.template-copy em{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:9px;font-style:normal;display:block;overflow:hidden}.radio-mark{border:1px solid var(--text-3);border-radius:50%;width:9px;height:9px;position:absolute;top:14px;right:12px}.template-card.selected .radio-mark{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--surface)}.editor-card,.side-card{border:1px solid var(--line);background:var(--glass);box-shadow:0 14px 50px var(--surface-2);border-radius:14px}.card-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-title-row h3{letter-spacing:-.025em;margin:6px 0 0;font-size:14px}.lock-label{color:var(--accent-soft);white-space:nowrap;align-items:center;gap:5px;margin-top:4px;font:9px DM Mono,monospace;display:flex}.field-label{color:var(--soft);align-items:center;gap:7px;margin:19px 0 8px;font-size:11px;font-weight:700;display:flex}.field-label span{color:var(--text-3);font:400 9px DM Mono,monospace}.field-label .required{color:var(--coral)}.prompt-textarea{resize:vertical;border:1px solid var(--line);background:var(--field);width:100%;min-height:168px;max-height:370px;color:var(--soft);border-radius:10px;outline:none;padding:12px 13px;font:11px/1.75 Noto Sans SC,sans-serif}.prompt-textarea:focus{border-color:rgba(var(--accent-rgb),.42);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.06)}.role-area{min-height:100px;max-height:190px}.editor-footer{justify-content:space-between;align-items:center;gap:14px;margin-top:13px;display:flex}.editor-footer>span{color:var(--text-3);align-items:center;gap:6px;font-size:10px;display:flex}.ratio-rewrite-row{border:1px solid var(--line);background:var(--field);border-radius:9px;align-items:center;gap:8px;margin:0 0 8px;padding:8px 11px;display:flex}.ratio-rewrite-text{min-width:0;color:var(--text-3);flex:1;font-size:10px;line-height:1.6}.ratio-rewrite-text b{color:var(--soft);font-weight:700}.ratio-rewrite-text i{color:var(--warn);margin-top:2px;font-style:normal;display:block}.ratio-rewrite-row.is-muted{background:0 0;border-style:dashed}.ratio-rewrite-row.is-conflict{border-color:var(--warn);background:rgba(var(--warn-rgb,214, 158, 46), .1)}.ratio-rewrite-row.is-conflict .mini-link{color:var(--warn);font-weight:700}.batch-ratio-note{color:var(--text-3);margin-top:3px;font-style:normal;display:block}.batch-ratio-note b{color:var(--ink)}.field-flag{background:var(--accent-dim);color:var(--accent);letter-spacing:.2px;border-radius:4px;margin-left:5px;padding:1px 5px;font-style:normal;display:inline-block}.ratio-rewrite-row .mini-link{color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border:0;flex:none;padding:0;font:10px/1.6 Noto Sans SC,sans-serif}.ratio-rewrite-row .mini-link[data-on=false]{color:var(--text-3)}.ratio-rewrite-row .mini-link:hover{text-decoration:underline}.primary-button,.send-button,.download-button{color:var(--accent-ink);background:var(--accent);border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 13px;font-size:11px;font-weight:800;display:inline-flex}.primary-button:hover,.send-button:hover,.download-button:hover{background:var(--accent-2)}.synthesis-preview{border:1px dashed var(--line-strong);background:var(--surface-2);border-radius:10px;place-items:center;min-height:148px;max-height:256px;margin-top:15px;padding:13px;display:grid;overflow:auto}.synthesis-preview.has-content{border-style:solid;display:block}.synthesis-preview p{color:var(--soft);white-space:pre-wrap;margin:0;font:10px/1.75 Noto Sans SC,sans-serif}.empty-preview{color:var(--text-3);text-align:center;flex-direction:column;align-items:center;gap:9px;font-size:10px;display:flex}.empty-preview svg{color:var(--accent-soft)}.synthesis-meta{color:var(--text-3);justify-content:space-between;margin-top:10px;font:9px DM Mono,monospace;display:flex}.text-button{color:var(--accent-soft);background:0 0;border:0;align-items:center;gap:5px;padding:4px 0;font-size:10px;display:inline-flex}.model-select,.setting-field input,.setting-field select{border:1px solid var(--line);background:var(--field);width:100%;color:var(--soft);border-radius:9px;outline:none;padding:9px 10px;font-size:10px}.model-select{margin-top:15px}.model-select:focus,.setting-field input:focus,.setting-field select:focus{border-color:rgba(var(--accent-rgb),.42)}.outline-button{border:1px solid var(--line-strong);color:var(--soft);background:var(--surface-2);border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:10px;font-size:10px;display:inline-flex}.outline-button.full{width:100%;margin-top:15px}.setting-stack{gap:8px;margin-top:11px;display:grid}.setting-field span{color:var(--text-3);margin-bottom:5px;font:9px DM Mono,monospace;display:block}.setting-field i{color:var(--coral);margin-left:3px;font-style:normal}.model-note{color:var(--text-3);align-items:flex-start;gap:7px;margin:13px 0;font-size:9px;line-height:1.5;display:flex}.model-note svg{color:var(--accent-soft);flex:none;margin-top:1px}.send-button{width:100%}.send-button:disabled{background:var(--surface-2);color:var(--text-3);opacity:1}.output-placeholder{border:1px dashed var(--line-strong);min-height:150px;color:var(--text-3);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;margin-top:14px;display:flex}.output-placeholder span{color:var(--text-2);font-size:10px}.output-placeholder small{color:var(--text-3);font-size:9px}.source-preview{background:var(--canvas);aspect-ratio:16/9;border-radius:10px;place-items:center;margin-top:14px;display:grid;overflow:hidden}.source-preview img{object-fit:cover;width:100%;height:100%}.output-actions{gap:6px;margin-top:10px;display:flex}.size-button{border:1px solid var(--line);color:var(--text-2);background:0 0;border-radius:8px;flex:1;padding:8px 6px;font:10px DM Mono,monospace}.size-button[data-active=true]{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.composition-section{border-top:1px solid var(--line);margin-top:34px;padding-top:27px;position:relative}.section-heading.compact{align-items:center}.qa-summary{color:var(--text-3);align-items:center;gap:9px;font:10px DM Mono,monospace;display:flex}.qa-pass,.qa-fail{border-radius:999px;padding:6px 9px}.composition-stage{grid-template-columns:288px minmax(0,1fr);align-items:start;gap:16px;display:grid}.composition-stage>.gallery-strip,.composition-stage>.gallery-placeholder{grid-area:1/1;min-width:0}.composition-stage>.composition-edit-lock{grid-area:1/2;min-width:0}.composition-edit-lock{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;min-width:0;display:grid}.composition-edit-lock>.composition-main{flex-direction:column;grid-area:1/1;gap:12px;min-width:0;display:flex}.composition-edit-lock>.composition-tools{grid-area:2/1;min-width:0}.composition-edit-lock>.composition-side{grid-area:1/2;min-width:0}.composition-stage>.gallery-strip .gallery-grid-scroll{max-height:600px;overflow:hidden auto}.composition-stage>.gallery-strip .gallery-tile-grid{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;max-width:none}.composition-stage[data-layout=stack]{grid-template-columns:minmax(0,1fr)}.composition-stage[data-layout=stack]>.gallery-strip,.composition-stage[data-layout=stack]>.gallery-placeholder,.composition-stage[data-layout=stack]>.composition-edit-lock{grid-area:auto/1}.composition-stage[data-layout=stack]>.composition-edit-lock{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.composition-stage[data-layout=stack]>.composition-edit-lock>.composition-main{grid-area:1/1}.composition-stage[data-layout=stack]>.composition-edit-lock>.composition-tools{grid-area:2/1}.composition-stage[data-layout=stack]>.composition-edit-lock>.composition-side{grid-area:1/2/span 2}.composition-stage[data-layout=stack]>.gallery-strip .gallery-grid-scroll{max-height:none;overflow:auto visible}.composition-stage[data-layout=stack]>.gallery-strip .gallery-tile-grid{grid-template-rows:repeat(3,auto);grid-template-columns:repeat(10,minmax(0,1fr));min-width:980px;max-width:1550px}.canvas-wrap{aspect-ratio:16/9;border:1px solid var(--line);background:radial-gradient(circle at 50% 20%, rgba(var(--ink-rgb), .07), transparent 54%), var(--canvas);border-radius:13px;place-items:center;min-height:270px;display:grid;overflow:hidden}.canvas-wrap img{object-fit:contain;background:var(--canvas);width:100%;height:100%;position:absolute;inset:0}.canvas-empty{color:var(--text-3);flex-direction:column;align-items:center;gap:7px;display:flex}.canvas-empty b{color:var(--text-2);font-size:12px}.canvas-empty span{color:var(--text-3);font-size:10px}.hidden-canvas{display:none}.composition-side{flex-direction:column;gap:11px;display:flex}.layer-list,.qa-rules{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;padding:7px 11px}.layer-row{align-items:center;gap:8px;padding:8px 0;display:flex}.layer-row+.layer-row{border-top:1px solid var(--line)}.layer-thumb{background-color:var(--surface-2);background-position:50%;background-size:cover;border-radius:4px;flex:0 0 30px;width:30px;height:21px}.search-thumb{background-image:url(/assets/%E6%90%9C%E7%B4%A2%E6%A1%86.png)}.blogger-thumb{background-image:url(/assets/%E5%8D%9A%E4%B8%BB%E5%90%8D.png)}.layer-row b{font-size:10px;display:block}.layer-row small{color:var(--text-3);margin-top:3px;font-size:9px;display:block}.layer-check{width:18px;height:18px;color:var(--accent-ink);background:var(--accent);border-radius:50%;place-items:center;margin-left:auto;display:grid}.qa-rules{flex-direction:column;gap:8px;padding:12px;display:flex}.qa-rules b{margin-bottom:2px;font-size:10px}.qa-rules span{color:var(--text-3);align-items:center;gap:7px;font-size:9px;display:flex}.qa-rules i{background:var(--accent);border-radius:50%;width:4px;height:4px;display:inline-block}.download-button{width:100%}.download-button:disabled{background:var(--surface-2);color:var(--text-3);opacity:1}.footer-note{color:var(--text-3);justify-content:space-between;gap:15px;margin-top:24px;font:9px DM Mono,monospace;display:flex}.progress-card{padding-bottom:15px}.progress-status{color:var(--text-2);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:5px 8px;font:9px DM Mono,monospace}.progress-status.submitting,.progress-status.polling{color:var(--accent-soft);background:rgba(var(--accent-rgb),.08);border-color:rgba(var(--accent-rgb),.22)}.progress-status.success{color:var(--accent-soft);border-color:rgba(var(--accent-rgb),.3)}.progress-status.failed,.progress-status.error,.progress-status.timeout{color:var(--danger);border-color:rgba(var(--danger-rgb),.25)}.progress-track{background:var(--field);border:1px solid var(--line);border-radius:999px;height:6px;margin-top:15px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--accent-strong), var(--accent-soft));height:100%;transition:width .35s;display:block}.progress-meta{align-items:center;gap:9px;margin-top:9px;display:flex}.progress-meta b{color:var(--accent);font:12px DM Mono,monospace}.progress-meta span{color:var(--text-3);font-size:9px;line-height:1.45}.progress-steps{grid-template-columns:repeat(3,1fr);gap:5px;margin-top:14px;display:grid}.progress-steps span{color:var(--text-3);align-items:center;gap:5px;font-size:9px;display:flex}.progress-steps span.active{color:var(--accent-soft)}.progress-steps i{border:1px solid var(--line-strong);border-radius:50%;place-items:center;width:18px;height:18px;font:9px DM Mono,monospace;display:grid}.progress-steps span.active i{background:rgba(var(--accent-rgb),.14);border-color:rgba(var(--accent-rgb),.35);color:var(--accent)}.progress-task{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;margin-top:12px;font:9px DM Mono,monospace;overflow:hidden}.progress-task code{color:var(--text-2)}.overlay-manager{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;padding:10px}.overlay-category-tabs{gap:5px;display:flex}.overlay-category-tabs button{border:1px solid var(--line);color:var(--text-2);background:0 0;border-radius:7px;flex:1;padding:7px 4px;font-size:9px}.overlay-category-tabs button.active{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.overlay-toolbar{color:var(--text-3);justify-content:space-between;align-items:center;gap:8px;margin-top:11px;font:9px DM Mono,monospace;display:flex}.overlay-set-list{gap:7px;max-height:270px;margin-top:8px;padding-right:2px;display:grid;overflow:auto}.overlay-set-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:7px}.overlay-set-card.selected{border-color:rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.045)}.overlay-set-head{width:100%;color:var(--soft);text-align:left;background:0 0;border:0;align-items:center;gap:6px;padding:0 0 7px;display:flex}.overlay-set-head b{font-size:10px}.overlay-set-head small{color:var(--text-3);margin-left:auto;font:9px DM Mono,monospace}.overlay-radio{border:1px solid var(--text-3);border-radius:50%;width:9px;height:9px}.overlay-set-card.selected .overlay-radio{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--surface)}.overlay-upload-grid{gap:4px;display:grid}.layer-row.compact{padding:5px 0 0}.layer-row.compact+.layer-row.compact{border-top:1px solid var(--line);padding-top:7px}.layer-row .layer-thumb{place-items:center;display:grid;overflow:hidden}.layer-thumb img{object-fit:cover;width:100%;height:100%}.upload-button{border:1px solid var(--line);color:var(--accent-soft);background:rgba(var(--accent-rgb),.04);cursor:pointer;border-radius:6px;margin-left:auto;padding:5px 7px;font-size:9px}.upload-button:hover{border-color:rgba(var(--accent-rgb),.3)}.upload-button input{display:none}.login-shell{background:radial-gradient(circle at 50% 0%, rgba(var(--accent-rgb), .12), transparent 42%), var(--bg-0);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:var(--glass-strong);border-radius:18px;width:min(100%,390px);padding:34px;box-shadow:0 24px 80px #00000047}.login-mark{width:38px;height:38px;color:var(--accent-ink);background:var(--accent);border-radius:11px;place-items:center;margin-bottom:22px;display:grid}.login-card h1{letter-spacing:-.04em;margin:9px 0 8px;font-size:25px}.login-card p{color:var(--text-2);margin:0 0 25px;font-size:11px;line-height:1.7}.login-label{color:var(--soft);margin-bottom:8px;font-size:11px;font-weight:700;display:block}.login-input{border:1px solid var(--line);background:var(--field);width:100%;color:var(--soft);border-radius:9px;outline:none;padding:11px 12px;font-size:12px}.login-input:focus{border-color:rgba(var(--accent-rgb),.42);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.06)}.login-button{width:100%;margin-top:13px}.login-error{color:var(--danger);margin-top:10px;font-size:10px}.login-link{color:var(--text-3);cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;font:9px DM Mono,monospace;text-decoration:underline;display:block}.login-link:hover{color:var(--accent-ink)}.login-card>small{color:var(--text-3);margin-top:24px;font:9px DM Mono,monospace;display:block}.sidebar,.topbar,.editor-card,.side-card,.shelf-panel,.overlay-manager,.queue-card{-webkit-backdrop-filter:blur(24px)saturate(180%);box-shadow:inset 0 1px 0 var(--hi)}.primary-column>.category-tabs,.primary-column>.template-grid,.output-card{display:none!important}.shelf-panel{border:1px solid var(--line);background:var(--glass-card);border-radius:14px;margin-bottom:15px;padding:13px}.shelf-panel-head,.shelf-tools,.role-create,.gallery-head{align-items:center;gap:8px;display:flex}.shelf-panel-head{justify-content:space-between}.shelf-panel-head h3{margin:6px 0 0;font-size:14px}.shelf-upload-actions{align-items:center;gap:8px;display:flex}.shelf-tabs{gap:6px;margin-top:12px;display:flex;overflow-x:auto}.shelf-tabs button{border:1px solid var(--line);color:var(--muted);background:var(--surface-2);white-space:nowrap;border-radius:9px;padding:8px 10px;font-size:10px}.shelf-tabs button.active{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.shelf-tabs small{opacity:.7;margin-top:3px;font:8px DM Mono,monospace;display:block}.shelf-orientations{gap:6px;margin-top:8px;display:flex}.shelf-orientations button{border:1px solid var(--line);color:var(--muted);background:var(--surface-2);white-space:nowrap;border-radius:9px;padding:6px 12px;font-size:10px}.shelf-orientations button.active{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.shelf-orientations small{opacity:.75;margin-top:2px;font:8px DM Mono,monospace;display:block}.shelf-split{grid-template-columns:208px minmax(0,1fr);align-items:start;gap:12px;margin-top:8px;display:grid}.shelf-subcat-main{min-width:0}.shelf-subcats{border:1px solid var(--line);background:var(--surface-2);scrollbar-width:thin;border-radius:10px;flex-direction:column;gap:3px;max-height:300px;padding:7px;display:flex;overflow-y:auto}.shelf-subcats button{width:100%;color:var(--muted);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:7px;align-items:flex-start;gap:6px;padding:6px 7px;font-size:10px;line-height:1.3;display:flex}.shelf-subcats button:hover{color:var(--ink);background:var(--surface-3)}.shelf-subcats button em{letter-spacing:.02em;opacity:.8;flex:none;margin-top:1px;font-family:DM Mono,monospace;font-size:9px;font-style:normal;font-weight:700}.shelf-subcats button .sub-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:auto;min-width:0;line-height:1.35;display:-webkit-box;overflow:hidden}.shelf-subcats button small{opacity:.72;flex:none;margin-top:1px;font:9px DM Mono,monospace}.shelf-subcats button.active,.shelf-subcats button.active:hover{color:var(--accent-ink);background:var(--accent)}.shelf-subcats button.active em,.shelf-subcats button.active small{opacity:.9}.shelf-upload-orientation{align-items:center;gap:6px;margin-top:8px;display:flex}.shelf-upload-orientation button{border:1px solid var(--line);color:var(--muted);background:var(--surface-2);border-radius:9px;padding:5px 10px;font-size:10px}.shelf-upload-orientation button.active{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.shelf-random{align-items:center;gap:6px;display:flex}.shelf-random .random-count{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:10px;display:flex}.shelf-random .random-count input{border:1px solid var(--line);width:52px;color:var(--ink);background:var(--surface-2);border-radius:8px;outline:none;padding:6px 8px;font-size:10px}.batch-bar{border:1px solid var(--accent);background:var(--accent-dim);color:var(--ink);border-radius:9px;align-items:center;gap:8px;margin-top:8px;padding:7px 10px;font-size:10px;display:flex}.batch-bar .batch-count{color:var(--accent-ink);font-weight:700}.shelf-tools{margin-top:10px}.shelf-tools input{border:1px solid var(--line);min-width:0;color:var(--ink);background:var(--surface-2);border-radius:8px;outline:none;flex:1;padding:8px 10px;font-size:10px}.shelf-select{border:1px solid var(--line);min-width:160px;max-width:220px;color:var(--muted);background:var(--surface-2);border-radius:8px;outline:none;padding:8px 10px;font-size:10px}.shelf-strip{scroll-snap-type:x proximity;scrollbar-width:thin;grid-template-rows:repeat(3,minmax(0,1fr));grid-auto-columns:clamp(152px,21vw,226px);grid-auto-flow:column;gap:9px;margin-top:10px;padding:2px 1px 7px;display:grid;overflow-x:auto}.shelf-item{border:1px solid var(--line);background:var(--surface-2);scroll-snap-align:start;border-radius:10px;min-width:0;position:relative;overflow:hidden}.shelf-item>button:first-child{width:100%;min-height:83px;color:var(--ink);text-align:left;background:0 0;border:0;padding:9px 10px}.shelf-item>button:first-child b{white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.shelf-item>button:first-child small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:9px;line-height:1.45;display:-webkit-box;overflow:hidden}.shelf-spine{width:max-content;max-width:100%;color:var(--accent-ink);background:var(--accent);letter-spacing:.04em;white-space:nowrap;border-radius:5px;margin:-1px 0 7px;padding:3px 6px;font-size:8px;display:block}.shelf-favorite{color:var(--accent);background:0 0;border:0;font-size:16px;position:absolute;top:3px;right:4px}.shelf-empty{color:var(--muted);border:1px dashed var(--line);text-align:center;border-radius:9px;grid-column:1/-1;padding:16px;font-size:10px}.role-library{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;margin-bottom:11px;padding:8px}.role-avatar-row{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.role-avatar{border:1px solid rgba(var(--accent-rgb),.35);min-width:34px;height:30px;color:var(--accent-ink);background:var(--accent);white-space:nowrap;border-radius:15px;align-items:center;gap:5px;padding:0 9px;font-size:11px;font-weight:800;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex}.role-avatar:hover{filter:brightness(1.05);transform:translateY(-1px)}.role-avatar.is-selected{box-shadow:0 0 0 2px var(--surface-2), 0 0 0 4px var(--accent-press)}.role-avatar-state{color:var(--accent-ink);letter-spacing:.04em;background:#ffffff57;border-radius:999px;padding:2px 4px;font-size:8px;line-height:1}.role-hint{color:var(--muted);font-size:9px}.role-create{margin-top:8px}.role-create input{border:1px solid var(--line);background:var(--surface-2);min-width:0;color:var(--ink);border-radius:7px;flex:1;padding:6px 7px;font-size:9px}.role-create .text-button{white-space:nowrap}.queue-list{gap:6px;display:grid}.queue-item{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}.queue-item b,.queue-item small{display:block}.queue-item b{font-size:10px}.queue-item small{color:var(--muted);margin-top:3px;font:9px DM Mono,monospace}.queue-actions{align-items:center;gap:4px;display:flex}.icon-button.compact{border-radius:7px;width:24px;height:24px}.queue-stat{border:1px solid var(--line);border-radius:var(--r-s);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:4px 5px;margin-bottom:7px;padding:6px 7px;display:flex}.queue-stat-total{color:var(--muted);white-space:nowrap;font:9px DM Mono,monospace}.queue-stat-total b{color:var(--ink);font-size:11px}.queue-stat-chip{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:3px;padding:2px 6px;font:9px DM Mono,monospace;display:inline-flex}.queue-stat-chip b{font-size:10px}.queue-stat-chip.pending{color:var(--info);background:#5ba8ff1f;border-color:#5ba8ff47}.queue-stat-chip.done{background:var(--accent-dim);color:var(--accent-soft);border-color:#34d27b47}.queue-stat-chip.failed{background:var(--danger-dim);color:var(--danger);border-color:#ff6b6b47}.queue-stat-chip.canceled{background:var(--track);border-color:var(--line);color:var(--muted)}.queue-ratio{white-space:nowrap;text-overflow:ellipsis;border-radius:5px;max-width:100%;margin-top:4px;padding:1px 5px;font:9px DM Mono,monospace;display:inline-block;overflow:hidden}.queue-ratio.applied{background:var(--accent-dim);color:var(--accent-soft)}.queue-ratio.skipped{background:var(--warn-dim);color:var(--warn)}.queue-actions .queue-jump{color:var(--accent-soft)}.queue-empty{color:var(--muted);padding:5px 0;font-size:10px}.queue-more{border:1px dashed var(--line-strong);background:var(--surface-2);width:100%;color:var(--accent-soft);border-radius:8px;margin-top:7px;padding:7px;font-size:10px}.queue-more:hover{border-style:solid;border-color:var(--accent);color:var(--accent)}.resolution-panel{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;padding:10px}.resolution-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.resolution-head b{font-size:11px}.resolution-head small{color:var(--muted);font-size:8px}.resolution-group{flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px;display:flex}.resolution-group>span{color:var(--muted);flex:0 0 34px;font:9px DM Mono,monospace}.resolution-group .size-button{flex:105px;min-width:105px;font-size:9px}.toggle-line{white-space:nowrap;color:var(--muted);align-items:center;gap:4px;font-size:9px;display:inline-flex}.toggle-line input{accent-color:var(--accent-strong)}.overlay-match-note{color:var(--muted);margin-top:8px;font-size:9px;line-height:1.45}.gallery-strip{border-top:1px solid var(--line);margin-top:13px;padding-top:11px}.composition-section>.gallery-strip,.composition-section>.gallery-placeholder{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, transparent);-webkit-backdrop-filter:blur(22px)saturate(170%);backdrop-filter:blur(22px)saturate(170%);border-radius:11px;margin:0 0 13px;padding:11px 13px 7px}.composition-section>.gallery-placeholder{min-height:62px;color:var(--muted);flex-direction:column;justify-content:center;gap:3px;display:flex}.composition-section>.gallery-placeholder b{color:var(--text-2);font-size:11px}.composition-section>.gallery-placeholder small{font-size:10px;line-height:1.7}.composition-section>.gallery-strip .gallery-viewer{display:none}.composition-section>.gallery-strip .gallery-thumbs{gap:9px;padding:0 2px 6px;display:flex;overflow-x:auto}.composition-section>.gallery-strip .gallery-thumbs button{aspect-ratio:16/9;border-radius:9px;flex:0 0 clamp(132px,16vw,210px);width:auto;height:auto}.composition-section>.gallery-strip .gallery-thumbs{padding-top:24px;padding-bottom:10px}.composition-section>.gallery-strip .gallery-thumbs button.active{transform-origin:bottom;z-index:220;transform:translateY(-15%)scale(1.08)}.gallery-pager{color:var(--muted);justify-content:center;align-items:center;gap:10px;margin-top:5px;font-size:9px;display:flex}.gallery-pager .icon-button.compact{width:26px;height:22px}.gallery-pager .icon-button.compact:disabled{opacity:.32;cursor:not-allowed}.gallery-head{justify-content:space-between}.gallery-head b{font-size:10px}.gallery-head small{color:var(--muted);font:8px DM Mono,monospace}.gallery-viewer{align-items:center;gap:7px;margin-top:8px;display:flex}.gallery-viewer img{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);border-radius:8px;flex:1 1 0;min-width:0;transition:transform .25s}.gallery-viewer img:hover{transform:scale(1.02)}.gallery-thumbs{gap:5px;margin-top:7px;display:flex;overflow-x:auto}.gallery-thumbs button{border:1px solid var(--line);background:0 0;border-radius:5px;width:46px;height:30px;padding:0;overflow:hidden}.gallery-thumbs button.active{border-color:var(--accent)}.gallery-thumbs img{object-fit:cover;width:100%;height:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=1320px){.composition-stage{grid-template-columns:264px minmax(0,1fr)}.composition-edit-lock{grid-template-columns:minmax(0,1fr)}.composition-edit-lock>.composition-main{grid-area:1/1}.composition-edit-lock>.composition-tools{grid-area:2/1}.composition-edit-lock>.composition-side{grid-area:3/1}}@media (width<=1100px){.sidebar{flex-basis:215px;width:215px}.main-area{width:calc(100% - 215px);padding:26px 24px}.content-grid{grid-template-columns:minmax(0,1.3fr) minmax(290px,.8fr);gap:18px}}@media (width<=840px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);width:100%;height:auto;padding:16px 18px}.workspace-chip,.sidebar-bottom{display:none}.step-nav{flex-direction:row;margin-top:17px;padding-bottom:2px;overflow-x:auto}.step-link{min-width:137px;padding:8px}.step-link small{display:none}.main-area{width:100%;padding:23px 18px 25px}.content-grid{grid-template-columns:1fr}.right-column{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.synthesis-card{grid-column:span 2}.composition-stage{grid-template-columns:minmax(0,1fr)}.composition-stage>.gallery-strip,.composition-stage>.gallery-placeholder,.composition-stage>.composition-edit-lock{grid-area:auto/1}.composition-edit-lock{grid-template-columns:minmax(0,1fr)}.composition-edit-lock>.composition-main,.composition-edit-lock>.composition-side,.composition-edit-lock>.composition-tools,.composition-stage>.gallery-strip .gallery-grid-scroll{max-height:none;overflow:auto visible}.composition-stage>.gallery-strip .gallery-tile-grid{grid-template-rows:repeat(3,auto);grid-template-columns:repeat(10,minmax(0,1fr));min-width:980px;max-width:1550px}}@media (width<=580px){.topbar h1{max-width:250px;font-size:24px}.topbar-actions{flex-direction:column;align-items:flex-end}.template-grid{grid-template-columns:1fr}.right-column{display:flex}.section-heading{flex-direction:column;align-items:flex-start}.section-heading.compact{flex-direction:row;align-items:flex-end}.qa-summary{flex-direction:column;align-items:flex-end;gap:5px}.editor-footer,.footer-note{flex-direction:column;align-items:flex-start}.primary-button{width:100%}.canvas-wrap{min-height:190px}.shelf-strip{grid-auto-columns:min(78vw,230px)}.shelf-panel-head,.shelf-tools,.role-create{flex-wrap:wrap;align-items:stretch}.role-create input{flex:42%}.theme-switcher{order:3}}.layout-demo .sidebar{display:none}.layout-demo .main-area{width:100%;max-width:none;padding:12px 28px 18px}.layout-demo .topbar{border:1px solid var(--line);background:var(--glass);box-shadow:inset 0 1px 0 var(--accent-dim);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 20px;margin-bottom:12px;padding:10px 12px 12px;display:grid;position:relative}.layout-demo .topbar:after{content:"";background:var(--line);height:1px;position:absolute;top:53px;left:12px;right:12px}.layout-demo .demo-topbar-brand{grid-area:1/1;align-items:center;gap:10px;min-height:31px;display:flex}.layout-demo .demo-topbar-brand .brand-mark{border-radius:9px;width:30px;height:30px}.layout-demo .demo-topbar-brand strong{letter-spacing:.05em;font-size:13px}.layout-demo .topbar-copy{grid-area:2/1/auto/-1;padding:8px 2px 0}.layout-demo .topbar-copy .eyebrow{display:none}.layout-demo .topbar-actions{grid-area:1/2;justify-self:end}.layout-demo .topbar h1{font-size:clamp(22px,2vw,30px)}.layout-demo .notice-banner{min-height:32px;margin-bottom:14px;padding:7px 10px}.layout-demo .content-grid{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:16px}.layout-demo .section-heading{margin-bottom:10px}.layout-demo .section-heading h2{margin:5px 0 4px;font-size:19px}.layout-demo .shelf-panel{margin-bottom:10px;padding:10px}.layout-demo .shelf-item>button:first-child{min-height:70px}.layout-demo .shelf-item>button:first-child small{-webkit-line-clamp:1}.layout-demo .editor-card{padding:14px}.layout-demo .prompt-textarea{min-height:112px}.layout-demo .role-area{min-height:72px}.layout-demo .side-card{padding:12px}.layout-demo .right-column{gap:10px}.layout-demo .composition-section{margin-top:20px;padding-top:16px}.layout-demo .composition-grid{gap:12px}.layout-demo .canvas-wrap{min-height:220px}.layout-demo .footer-note{margin-top:12px}@media (width<=840px){.layout-demo .main-area{width:100%;padding:14px}.layout-demo .content-grid{grid-template-columns:1fr}}@media (width<=580px){.layout-demo .topbar{grid-template-columns:1fr;gap:8px;padding:9px 10px 10px}.layout-demo .topbar:after{display:none}.layout-demo .topbar-actions{flex-direction:row;grid-area:2/1;justify-content:space-between;justify-self:stretch;align-items:center}.layout-demo .topbar-copy{border-top:1px solid var(--line);grid-area:3/1;padding-top:4px}.layout-demo .theme-switcher{min-width:0;overflow-x:auto}.layout-demo .topbar h1{font-size:22px}.layout-demo .topbar-actions{gap:6px}}.layout-demo .topbar{grid-template-columns:minmax(0,1fr) auto;min-height:54px;padding:9px 12px}.layout-demo .topbar-copy,.layout-demo .topbar:after{display:none}.layout-demo .demo-topbar-brand{grid-area:1/1}.layout-demo .topbar-actions{grid-area:1/2}@media (width<=580px){.layout-demo .topbar{grid-template-columns:1fr;min-height:0;padding:9px 10px}.layout-demo .demo-topbar-brand{grid-area:1/1}.layout-demo .topbar-actions{grid-area:2/1}}.layout-demo .primary-column>.section-heading{display:none}.layout-demo .shelf-strip{grid-auto-columns:clamp(128px,15vw,174px);gap:6px;margin-top:8px}.layout-demo .shelf-item{border-radius:8px}.layout-demo .shelf-item>button:first-child{align-items:center;gap:6px;height:42px;min-height:42px;padding:6px 27px 6px 7px;display:flex}.layout-demo .shelf-item>button:first-child .shelf-spine{text-overflow:ellipsis;flex:none;align-items:center;max-width:62px;margin:0;padding:2px 5px;display:inline-flex;overflow:hidden}.layout-demo .shelf-item>button:first-child b{flex:auto;min-width:0;font-size:9px}.layout-demo .shelf-item>button:first-child small{display:none}.layout-demo .shelf-favorite{font-size:14px;top:50%;right:5px;transform:translateY(-50%)}@media (width<=580px){.layout-demo .shelf-strip{grid-auto-columns:min(56vw,166px)}}.layout-demo .editor-card>.card-title-row h3{display:none}.layout-demo .composition-section{position:relative}.layout-demo .composition-section>.gallery-strip{background:color-mix(in srgb, var(--panel) 95%, transparent)}.sidebar{display:none}.demo-topbar-brand{grid-area:1/1;align-items:center;gap:10px;min-height:31px;display:flex}.demo-topbar-brand .brand-mark{border-radius:9px;width:30px;height:30px}.demo-topbar-brand strong{letter-spacing:.05em;font-size:13px}.main-area{width:100%;max-width:none;padding:12px 28px 18px}.topbar{border:1px solid var(--line);background:var(--glass);min-height:54px;box-shadow:inset 0 1px 0 var(--accent-dim);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 20px;margin-bottom:12px;padding:9px 12px;display:grid;position:relative}.topbar:after,.topbar-copy{display:none}.topbar-actions{grid-area:1/2;justify-self:end}.notice-banner{min-height:32px;margin-bottom:14px;padding:7px 10px}.content-grid{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:16px}.shelf-panel{margin-bottom:10px;padding:10px}.primary-column>.section-heading{display:none}.shelf-strip{grid-auto-columns:clamp(128px,15vw,174px);gap:6px;margin-top:8px}.shelf-item{border-radius:8px}.shelf-item>button:first-child{align-items:center;gap:6px;height:42px;min-height:42px;padding:6px 27px 6px 7px;display:flex}.shelf-item>button:first-child .shelf-spine{text-overflow:ellipsis;flex:none;align-items:center;max-width:62px;margin:0;padding:2px 5px;display:inline-flex;overflow:hidden}.shelf-item>button:first-child b{flex:auto;min-width:0;font-size:9px}.shelf-item>button:first-child small{display:none}.shelf-favorite{font-size:14px;top:50%;right:5px;transform:translateY(-50%)}.editor-card{padding:14px}.editor-card>.card-title-row h3{display:none}.prompt-textarea{min-height:112px}.role-area{min-height:72px}.side-card{padding:12px}.right-column{gap:10px}.composition-section{margin-top:20px;padding-top:16px;position:relative}.composition-grid{gap:12px}.canvas-wrap{min-height:220px}.composition-section>.gallery-strip{background:color-mix(in srgb, var(--panel) 95%, transparent)}.composition-section>.gallery-strip .gallery-thumbs{gap:9px;padding-bottom:5px}.footer-note{margin-top:12px}@media (width<=840px){.main-area{width:100%;padding:14px}.content-grid{grid-template-columns:1fr}}@media (width<=580px){.topbar{grid-template-columns:1fr;gap:8px;min-height:0;padding:9px 10px}.demo-topbar-brand{grid-area:1/1}.topbar-actions{flex-direction:row;grid-area:2/1;justify-content:space-between;justify-self:stretch;align-items:center;gap:6px}.theme-switcher{min-width:0;overflow-x:auto}.shelf-strip{grid-auto-columns:min(56vw,166px)}}@media (width>=841px){.composition-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.canvas-wrap[data-orientation=portrait]{aspect-ratio:9/16;justify-self:center;width:min(100%,440px)}.canvas-wrap[data-orientation=landscape]{aspect-ratio:16/9;width:100%}.composition-section>.gallery-strip .gallery-thumbs button{background:0 0}.composition-section>.gallery-strip .gallery-thumbs img{object-fit:contain;background:color-mix(in srgb, var(--surface-2) 90%, #000)}.size-adjuster{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;padding:10px 11px}.size-adjuster-head,.size-adjuster-controls,.size-adjuster-scale{align-items:center;gap:8px;display:flex}.size-adjuster-head{justify-content:space-between;margin-bottom:8px}.size-adjuster-head b{font-size:10px}.size-adjuster-head small,.size-adjuster-scale{color:var(--muted);font-size:8px}.size-adjuster-controls input[type=range]{min-width:0;accent-color:var(--accent-strong);flex:1}.size-adjuster-controls strong{min-width:44px;color:var(--accent-ink);text-align:right;font:10px DM Mono,monospace}.size-adjuster-controls .text-button{white-space:nowrap}.size-adjuster-scale{justify-content:space-between;margin-top:6px}.file-namer{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;padding:10px 11px}.file-name-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.file-name-fields label{min-width:0}.file-name-fields label>span{color:var(--muted);align-items:baseline;gap:4px;margin-bottom:5px;font-size:8px;display:flex}.file-name-fields label em{color:var(--text-3);font-style:normal}.file-name-fields label>span .mini-link{color:var(--accent);cursor:pointer;background:0 0;border:0;margin-left:5px;padding:0;font:8px DM Mono,monospace}.file-name-fields label>span .mini-link:hover{text-decoration:underline}.file-name-fields input{box-sizing:border-box;border:1px solid var(--line);width:100%;min-width:0;color:var(--text);background:#070e1673;border-radius:7px;outline:none;padding:7px 8px;font-size:9px}.file-name-fields input:focus{border-color:var(--accent-strong);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.1)}.file-name-fields input::placeholder{color:var(--text-3)}.file-name-remark{grid-column:1/-1}.file-name-meta{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.file-name-meta span{border:1px solid var(--line);color:var(--accent-ink);background:rgba(var(--accent-rgb),.06);border-radius:999px;padding:4px 7px;font:8px DM Mono,monospace}.file-name-preview{border-top:1px solid var(--line);align-items:baseline;gap:7px;min-width:0;margin-top:8px;padding-top:8px;display:flex}.file-name-preview small{color:var(--muted);flex:none;font-size:8px}.file-name-preview code{min-width:0;color:var(--soft);text-overflow:ellipsis;white-space:nowrap;font:8px DM Mono,monospace;overflow:hidden}@media (width<=580px){.canvas-wrap[data-orientation=portrait]{width:min(100%,360px)}.size-adjuster-controls{flex-wrap:wrap}.size-adjuster-controls input[type=range]{flex-basis:100%;order:1}.size-adjuster-controls strong{order:2}.size-adjuster-controls .text-button{order:3;margin-left:auto}.file-name-fields{grid-template-columns:1fr}.file-name-remark{grid-column:auto}.file-name-preview{display:block}.file-name-preview code{margin-top:4px;display:block}}.badge-panel-head{color:var(--muted,var(--soft));flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.badge-panel-head>span{flex:auto}.badge-hint{color:var(--muted,var(--soft));margin-top:8px;font-size:11.5px;line-height:1.6}.badge-random{color:var(--accent-ink);background:var(--accent-strong,var(--accent-2));letter-spacing:.02em;box-shadow:0 1px 0 var(--surface-2);border:0;border-radius:999px;padding:5px 12px;font-size:10.5px;font-weight:800}.badge-random:hover{filter:brightness(1.08)}.badge-random:active{transform:translateY(1px)}.badge-grid-toggle{flex-wrap:wrap;gap:16px;margin-top:7px;display:flex}.badge-set-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:9px;margin-top:9px;padding-right:2px;display:grid}.badge-card{border:1px solid var(--line,var(--surface-3));background:var(--surface-2);border-radius:11px;padding:9px 10px;transition:border-color .15s,background .15s}.badge-card.selected{border-color:var(--accent,var(--accent-2));background:rgba(var(--accent-rgb),.07)}.badge-card-head{align-items:center;gap:10px;font-size:12.5px;display:flex}.badge-card-head>b{flex:none}.badge-card-head>small{color:var(--muted,var(--soft));font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.badge-field{color:var(--muted,var(--soft));align-items:center;gap:8px;margin-top:7px;font-size:11.5px;display:flex}.badge-field>span{flex:0 0 58px}.badge-field input[type=text],.badge-field select{flex:auto;min-width:0}.badge-field input[type=range]{flex:auto;min-width:60px}.badge-num{text-align:right;font-variant-numeric:tabular-nums;flex:0 0 62px;width:62px}.badge-file{flex:auto;min-width:0;font-size:11px}.badge-field input.badge-file{padding:4px 6px}.app-switch{border:1px solid var(--line);background:var(--surface-2);-webkit-backdrop-filter:blur(18px)saturate(160%);backdrop-filter:blur(18px)saturate(160%);border-radius:999px;flex:none;align-items:center;gap:3px;padding:3px;display:flex}.app-tab{color:var(--muted,var(--soft));cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:11.5px;transition:background .18s,color .18s;display:inline-flex}.app-tab:hover{color:var(--ink,var(--text));background:var(--surface-3,var(--surface-2))}.app-tab.on{color:var(--accent-ink);background:var(--accent);box-shadow:0 6px 16px rgba(var(--accent-rgb), .22)}@media (width<=1180px){.app-tab{padding:5px 8px;font-size:11px}}.badge-grid-layer{pointer-events:none;z-index:3;background-image:repeating-linear-gradient(to right, rgba(var(--ink-rgb),.2) 0 1px, transparent 1px 2%), repeating-linear-gradient(to bottom, rgba(var(--ink-rgb),.2) 0 1px, transparent 1px 2%);mix-blend-mode:screen;position:absolute;inset:0}.canvas-wrap{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;position:relative}.canvas-wrap.badge-hover{cursor:grab}.canvas-wrap.badge-dragging{cursor:grabbing}.canvas-wrap img{-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.canvas-wrap:focus,.canvas-wrap:focus-visible{outline:none}.canvas-wrap img.is-live-hidden{opacity:0}.badge-outline-layer{object-fit:contain;pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.badge-live-layer{object-fit:contain;pointer-events:none;z-index:1;opacity:0;width:100%;height:100%;transition:opacity .12s linear;position:absolute;inset:0}.badge-live-layer.is-visible{opacity:1}.prompt-textarea.subject-area{min-height:224px;max-height:740px}@media (width<=840px){.prompt-textarea.subject-area{min-height:260px;max-height:620px}}.role-hint-empty{margin:2px 0 0;font-size:9px}.card-head-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.queue-clear:disabled{opacity:.38;cursor:not-allowed}.gallery-head-copy{align-items:baseline;gap:8px;min-width:0;display:flex}.gallery-clear{white-space:nowrap;flex:none}.gallery-thumbs{align-items:center;gap:0;padding-left:1px}.gallery-thumbs button{z-index:calc(100 - var(--gi-index,0));transition:box-shadow .15s ease, transform .18s var(--ease-spring);background:0 0;border:0;position:relative;box-shadow:0 0 0 1.3px #ffffffeb,0 3px 10px #00000057}.gallery-thumbs button+button{margin-left:-18.4px}.gallery-thumbs button:not(.active):hover{z-index:200}.gallery-thumbs button.active{transform:scale(1.1);box-shadow:0 0 0 1.6px #fff,0 5px 16px #00000080}.composition-section>.gallery-strip .gallery-thumbs,.layout-demo .composition-section>.gallery-strip .gallery-thumbs{gap:0;padding-inline:13px}.composition-section>.gallery-strip .gallery-thumbs button+button,.layout-demo .composition-section>.gallery-strip .gallery-thumbs button+button{margin-left:calc(clamp(132px,16vw,210px)/-2.5)}.shelf-strip{scroll-snap-type:none;grid-template-rows:repeat(3,auto);grid-template-columns:repeat(auto-fill,minmax(132px,1fr));grid-auto-columns:auto;grid-auto-flow:row;gap:6px;padding:2px 1px;overflow:hidden}.shelf-pager{color:var(--muted);justify-content:center;align-items:center;gap:10px;margin-top:7px;font-size:9px;display:flex}.shelf-pager .icon-button.compact{width:26px;height:22px}.shelf-pager .icon-button.compact:disabled{opacity:.32;cursor:not-allowed}.editor-card,.side-card,.shelf-panel,.overlay-manager,.queue-card,.resolution-panel,.size-adjuster,.file-namer,.role-library,.login-card,.layer-list,.qa-rules,.synthesis-preview,.output-placeholder{background:var(--glass);border:.5px solid var(--border);box-shadow:var(--shadow-card), var(--shadow-edge);-webkit-backdrop-filter:blur(16px)saturate(180%);transition:background-color .35s var(--ease-soft), border-color .35s var(--ease-soft), box-shadow .35s var(--ease-soft)}.editor-card,.side-card,.shelf-panel,.login-card,.canvas-wrap{border-radius:var(--r-l)}.overlay-manager,.resolution-panel,.size-adjuster,.file-namer,.role-library,.queue-item,.overlay-set-card,.badge-card,.layer-list,.qa-rules{border-radius:var(--r-m)}.canvas-wrap{border:.5px solid var(--border);box-shadow:var(--shadow-card), var(--shadow-edge)}.topbar{background:var(--glass-strong);border:.5px solid var(--border);border-radius:var(--r-l);box-shadow:var(--shadow-card), var(--shadow-edge)}.primary-button,.send-button,.download-button,.login-button,.badge-random{background-color:var(--accent);background-image:linear-gradient(150deg, var(--accent-2), var(--accent));color:var(--on-accent);border-radius:var(--r-s);box-shadow:0 4px 14px var(--accent-press), inset 0 1px 0 #ffffff4d;transition:transform .14s var(--ease-spring), box-shadow .2s var(--ease-soft), filter .2s var(--ease-soft);border:.5px solid #fff3}.primary-button:hover,.send-button:hover,.download-button:hover,.login-button:hover,.badge-random:hover{background:linear-gradient(150deg, var(--accent-2), var(--accent));filter:brightness(1.07)}.primary-button:active,.send-button:active,.download-button:active,.login-button:active,.badge-random:active{opacity:.92;transform:scale(.98)}.send-button:disabled,.download-button:disabled{background:var(--surface-2);color:var(--text-3);border-color:var(--border);box-shadow:none}.outline-button,.queue-more,.icon-button,.upload-button{background:var(--surface-2);border:.5px solid var(--border-2);color:var(--text-2);border-radius:var(--r-s);transition:transform .12s var(--ease-spring), background-color .2s var(--ease-soft), border-color .2s var(--ease-soft), color .2s var(--ease-soft)}.outline-button:hover,.queue-more:hover,.icon-button:hover,.upload-button:hover{color:var(--accent);border-color:var(--accent-press);background:var(--accent-dim)}.icon-button{border-radius:var(--r-s)}.category-tabs button,.shelf-tabs button,.size-button,.overlay-category-tabs button{background:var(--surface-2);border:.5px solid var(--border);color:var(--text-2);border-radius:var(--r-s);transition:transform .12s var(--ease-spring), background-color .2s var(--ease-soft), border-color .2s var(--ease-soft), color .2s var(--ease-soft)}.category-tabs button.active,.shelf-tabs button.active,.size-button[data-active=true],.overlay-category-tabs button.active{background:var(--accent-dim);border-color:var(--accent-press);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-press), 0 2px 10px var(--accent-press)}.theme-switcher{background:var(--surface-2);border:.5px solid var(--border);box-shadow:var(--shadow-edge);border-radius:999px}.theme-switcher button{transition:color .2s var(--ease-soft), background-color .2s var(--ease-soft);border-radius:999px}.theme-switcher button.active{background:var(--accent-dim);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-press)}.prompt-textarea,.model-select,.setting-field input,.setting-field select,.login-input,.shelf-tools input,.shelf-select,.role-create input,.file-name-fields input,.badge-field input[type=text],.badge-field select{background:var(--field);color:var(--text);border:.5px solid var(--border);border-radius:var(--r-s);transition:border-color .2s var(--ease-soft), box-shadow .2s var(--ease-soft)}.prompt-textarea:focus,.model-select:focus,.setting-field input:focus,.setting-field select:focus,.login-input:focus,.file-name-fields input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.template-card,.shelf-item,.overlay-set-card,.badge-card{background:var(--surface-2);border:.5px solid var(--border);transition:transform .18s var(--ease-spring), border-color .2s var(--ease-soft), background-color .2s var(--ease-soft), box-shadow .2s var(--ease-soft)}.template-card:hover,.shelf-item:hover,.overlay-set-card:hover,.badge-card:hover{border-color:var(--border-2);transform:translateY(-2px)}.template-card.selected,.overlay-set-card.selected,.badge-card.selected{border-color:var(--accent-press);background:var(--accent-dim);box-shadow:inset 0 0 0 1px var(--accent-press)}.template-icon{color:var(--accent);background:var(--accent-dim)}.progress-track{background:var(--track);border:0}.progress-track span{background:linear-gradient(90deg, var(--accent-2), var(--accent));box-shadow:0 0 12px var(--accent-press)}.progress-status.submitting,.progress-status.polling,.progress-status.success{color:var(--accent);background:var(--accent-dim);border-color:var(--accent-press)}.progress-status.failed,.progress-status.error,.progress-status.timeout{color:var(--danger);background:var(--danger-dim);border-color:rgba(var(--danger-rgb), .25)}.qa-pass{color:var(--accent);background:var(--accent-dim)}.qa-fail{color:var(--danger);background:var(--danger-dim)}.notice-banner{background:var(--glass-card);border:.5px solid var(--border);border-radius:var(--r-m)}.notice-banner[data-type=success]{background:var(--accent-dim);border-color:var(--accent-press)}.notice-banner[data-type=error]{background:var(--danger-dim);border-color:rgba(var(--danger-rgb), .25)}.live-pill{color:var(--accent);background:var(--accent-dim);border-color:var(--accent-press)}.count-badge,.template-tag,.task-chip,.file-name-meta span,.progress-status{background:var(--surface-2);border:.5px solid var(--border);color:var(--text-2)}.file-name-meta span{color:var(--accent);background:var(--accent-dim);border-color:var(--accent-press)}.shelf-spine,.role-avatar{background:linear-gradient(150deg, var(--accent-2), var(--accent))}.shelf-favorite,.progress-steps span.active{color:var(--accent)}.progress-steps span.active i{color:var(--accent);background:var(--accent-dim);border-color:var(--accent-press)}.danger-text{color:var(--danger)!important}.badge-hint.warn{color:var(--warn)}.synthesis-preview,.output-placeholder,.source-preview,.layer-list,.qa-rules,.overlay-set-list{background:var(--field)}.synthesis-preview:not(.has-content),.output-placeholder{border-style:dashed;border-color:var(--border-2)}.composition-section>.gallery-strip,.composition-section>.gallery-placeholder{border:.5px solid var(--border);border-radius:var(--r-m)}.app-shell,.editor-card,.side-card,.shelf-panel,.topbar,.canvas-wrap,.overlay-manager,.resolution-panel,.size-adjuster,.file-namer{transition:background-color .35s var(--ease-soft), border-color .35s var(--ease-soft), color .35s var(--ease-soft)}.gallery-grid-scroll{padding:3px;overflow-x:auto}.gallery-tile-grid{grid-template-rows:repeat(3,auto);grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;min-width:980px;max-width:1550px;margin:auto;display:grid}.gallery-tile{min-width:0;position:relative}.gallery-tile>input{z-index:1;width:18px;height:18px;accent-color:var(--accent);cursor:pointer;position:absolute;top:8px;left:8px}.gallery-tile>button{background:var(--surface-2);width:100%;min-width:0;height:100%;color:var(--text);cursor:pointer;border:2px solid #0000;border-radius:8px;padding:3px;transform:none}.gallery-tile>button[aria-pressed=true]{border-color:var(--accent)}.gallery-tile.checked>button{border-color:var(--accent);background:var(--accent-dim)}.gallery-tile img{aspect-ratio:16/9;object-fit:contain;background:var(--canvas);border-radius:4px;width:100%;display:block}.gallery-tile button>span{white-space:nowrap;text-overflow:ellipsis;padding:5px 1px 2px;font-size:10px;display:block;overflow:hidden}.gallery-batch-bar{flex-wrap:wrap;align-items:center;gap:12px;padding:8px 4px 14px;font-size:12px;display:flex}.gallery-batch-bar label{cursor:pointer;align-items:center;gap:6px;display:flex}.gallery-batch-bar input{width:18px;height:18px;accent-color:var(--accent)}.gallery-batch-bar strong{color:var(--accent-soft)}.gallery-batch-bar small{color:var(--text-2)}.gallery-batch-scope{background:var(--accent-dim);border-radius:9px;padding:10px 12px;font-size:12px;line-height:1.6}.gallery-batch-scope small{margin-top:5px;display:block}.composition-edit-lock{border:0;min-width:0;margin:0;padding:0}.composition-edit-lock[disabled]{pointer-events:none}.detail-shelf-tools{flex-wrap:wrap;align-items:center;gap:7px;margin:8px 0;display:flex}.detail-shelf-tools label,.queue-filter{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:flex}.detail-shelf-tools select,.queue-filter select{border:1px solid var(--line);background:var(--field);min-width:0;max-width:320px;color:var(--ink);font:inherit;border-radius:8px;padding:7px 9px}.detail-shelf-tools .text-button{font-size:10px}.detail-shelf-tools button:disabled{opacity:.4;cursor:not-allowed}.shelf-item>button:first-child{flex-wrap:wrap;min-height:80px}.shelf-item>button:first-child small.prompt-brief{flex:0 0 100%;align-items:center;gap:7px;min-width:0;margin-top:5px;font-size:9px;display:flex}.prompt-brief>span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.prompt-brief>em{white-space:nowrap;color:var(--accent-soft);font-style:normal}.queue-filter{margin-bottom:9px}.queue-filter select{flex:1}.queue-list{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;height:290px;padding-right:4px;display:flex;overflow-y:auto}.queue-item{flex-shrink:0;min-width:0}.queue-item>div:first-child{flex:1;min-width:0}.queue-item b{overflow-wrap:anywhere}.queue-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;max-width:150px}.queue-retry{color:var(--accent-soft);white-space:nowrap}.gallery-prompt-title{white-space:nowrap;text-overflow:ellipsis;padding:5px 2px 0;font-size:10px;display:block;overflow:hidden}.composition-grid>.overlay-manager{grid-area:1/2}.composition-grid>.composition-side{grid-area:2/1/auto/-1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.composition-side>.gallery-batch-scope,.composition-side>.file-namer,.composition-side>.download-button,.composition-side>.qa-rules{grid-column:1/-1}.random-preview-backdrop{z-index:150;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0000008c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.random-preview-dialog{border:1px solid var(--line);background:var(--panel);width:min(620px,100%);max-height:80vh;color:var(--ink);border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 20px 70px #0005}.random-preview-dialog header,.random-preview-dialog footer{justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;display:flex}.random-preview-dialog h3,.random-preview-dialog h4{margin:0}.random-preview-dialog small,.random-preview-dialog footer>span{color:var(--muted);font-size:10px}.random-preview-list{padding:0 18px;overflow-y:auto}.random-preview-list article{border-top:1px solid var(--line);padding:12px 0}.random-preview-list h4{font-size:13px}.random-preview-list p{color:var(--muted);margin:7px 0 0;font-size:11px;line-height:1.7}@media (width<=760px){.composition-grid>.canvas-wrap{grid-area:1/1}.composition-grid>.overlay-manager{grid-area:2/1}.composition-grid>.composition-side{grid-area:3/1;grid-template-columns:1fr}.detail-shelf-tools label{width:100%}.detail-shelf-tools select{flex:1;max-width:none}.queue-actions{max-width:110px}}.ws-shell{flex-direction:column;min-height:100vh;display:flex}.ws-switch{border-bottom:1px solid var(--line);background:var(--glass);z-index:60;flex:none;align-items:center;gap:6px;height:46px;padding:0 16px;display:flex;position:sticky;top:0}.ws-tab{height:30px;color:var(--text-2);transition:background .2s var(--ease-soft), color .2s var(--ease-soft);background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;padding:0 13px;font-size:13px;display:inline-flex}.ws-tab:hover{background:var(--surface-2);color:var(--text)}.ws-tab.on{background:var(--accent);color:var(--accent-ink);box-shadow:0 6px 16px rgba(var(--accent-rgb), .22)}.ws-tab.on:active{transform:none}.ws-hint{color:var(--text-3);margin-left:auto;font-size:11px}.ws-body,.ws-pane{flex-direction:column;flex:1;min-height:0;display:flex}.ws-pane>.app-shell{flex:1;min-height:0}.ws-frame{background:var(--bg-body);border:0;flex:1;width:100%;min-height:0;display:block}.ws-pane.hidden,.ws-frame.hidden{display:none}.prompt-editor-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:stretch;gap:12px;margin-top:12px;display:grid}.prompt-editor-layout>.prompt-input-card{min-width:0;margin-top:0}.prompt-editor-layout>.editor-synthesis-card{flex-direction:column;grid-column:auto;min-width:0;margin:0;display:flex}.editor-synthesis-card .synthesis-preview{flex:1;min-height:0;max-height:none;margin-top:6px;overflow:auto}.editor-synthesis-card .synthesis-meta{margin-top:9px}.shelf-item.compact-spine>button:first-child{flex-direction:column;align-items:stretch;gap:4px;height:59px;min-height:59px;padding:8px 28px 8px 9px;display:flex}.compact-spine .shelf-spine-row{align-items:center;gap:8px;min-width:0;font-size:9px;display:flex}.compact-spine .shelf-spine-row>.shelf-spine{flex:0 auto;max-width:130px}.compact-spine .shelf-spine-row>em{color:var(--accent-soft);white-space:nowrap;font-size:9px;font-style:normal}.shelf-item.compact-spine>button:first-child>b{white-space:nowrap;text-overflow:ellipsis;flex:none;font-size:10px;overflow:hidden}.compact-spine.is-selected{border-color:var(--accent)}.compact-spine>.shelf-favorite{font-size:16px;top:9px;transform:none}.random-batch-spines{scrollbar-width:thin;flex-direction:column;gap:6px;max-height:272px;display:flex;overflow-y:auto}.random-batch-spines>.compact-spine{flex-shrink:0}.random-batch-card>.card-title-row{margin-bottom:10px}.random-batch-card .shelf-empty{text-align:center;place-items:center;min-height:130px;display:grid}.random-batch-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:9px;display:flex}.random-batch-footer>small,.random-batch-ratio{color:var(--muted);font-size:9px}.random-batch-ratio{margin-top:8px;display:block}.composition-grid>.composition-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.composition-side>.gallery-batch-scope{grid-area:1/1/auto/-1}.composition-side>.download-button{grid-area:4/2;align-self:start;min-height:44px}.composition-side>.qa-rules{flex-flow:wrap;align-items:center;gap:6px 12px}.gallery-context-menu{z-index:180;border:1px solid var(--line);background:var(--panel);min-width:195px;box-shadow:var(--shadow-pop);border-radius:10px;padding:5px;position:fixed}.gallery-context-menu button{width:100%;color:var(--danger);text-align:left;background:0 0;border:0;border-radius:6px;padding:10px 12px;font-size:11px;display:block}.gallery-context-menu button:hover,.gallery-context-menu button:focus-visible{background:var(--danger-dim);outline:2px solid var(--danger)}@media (width>=1200px){.content-grid{grid-template-columns:minmax(0,2.15fr) minmax(315px,.85fr)}}@media (width>=761px){.editor-synthesis-card{contain:size}}@media (width<=760px){.prompt-editor-layout{grid-template-columns:1fr}.editor-synthesis-card .synthesis-preview{max-height:240px}.composition-grid>.composition-side{flex-direction:column;display:flex}.composition-side>*{width:100%}.random-batch-spines{max-height:260px}}.composition-grid>.composition-tools{flex-direction:column;grid-area:1/2;gap:9px;min-width:0;display:flex}.composition-tools>.resolution-panel{padding:9px 10px}.composition-tools .badge-field{gap:6px;margin-top:5px}.composition-tools .badge-set-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px;margin-top:7px}.composition-tools .badge-hint{margin-top:5px;line-height:1.4}.composition-side>.size-adjuster{grid-area:2/1}.composition-side>.file-namer{grid-area:2/2/span 2}.composition-side>.qa-rules{grid-area:3/1}.composition-side>.download-button{grid-area:4/2}@media (width<=760px){.composition-grid>.composition-tools{grid-area:2/1}.composition-grid>.composition-side{grid-area:3/1}.composition-tools .badge-set-list{grid-template-columns:minmax(0,1fr)}}.classification-scope{color:var(--muted);margin:0 0 8px;font-size:12px;line-height:1.5}@media (width<=760px){.shelf-split{grid-template-columns:minmax(0,1fr)}.shelf-subcats{flex-flow:wrap;max-height:180px}.shelf-subcats button{white-space:normal;flex:135px;width:auto;min-width:0}.classification-scope{overflow-wrap:anywhere}}html:has(.b-layout){height:100%;min-height:0;overflow:hidden}body:has(.b-layout){height:100%;min-height:0;overflow:hidden}body:has(.b-layout) #root{height:100%;min-height:0;overflow:hidden}.ws-shell:has(.b-layout){background:var(--bg-0);height:100dvh;min-height:0;overflow:hidden}.ws-shell:has(.b-layout) .ws-switch{background:var(--surface);z-index:65;flex-shrink:0;gap:5px;height:56px;padding:0 18px}.ws-brand{color:var(--ink);white-space:nowrap;align-items:center;gap:9px;margin-right:20px;font-size:14px;display:flex}.ws-brand>span{background:var(--accent);width:29px;height:29px;color:var(--on-accent);border-radius:8px;place-items:center;display:grid}.ws-shell:has(.b-layout) .ws-tab{height:32px;padding:0 10px;font-size:12px}.ws-shell:has(.b-layout) .ws-hint{display:none}:is(.ws-shell:has(.b-layout) .ws-body,.ws-shell:has(.b-layout) .ws-pane){flex:1;height:0;min-height:0;overflow:hidden}:is(.ws-shell:has(.b-layout) .ws-pane.hidden,.ws-shell:has(.b-layout) .ws-frame.hidden){display:none}.ws-shell:has(.b-layout) .ws-frame{flex:1;height:0;min-height:0}.b-layout{flex-direction:column;width:100%;height:100%;min-height:0;font-size:13px;display:flex;overflow:hidden}.b-layout[hidden],.b-layout .b-legacy,.b-layout .sidebar{display:none!important}.b-layout .topbar{height:0;min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;filter:none;background:0 0;border:0;flex:none;margin:0;padding:0;display:block;transform:none}.b-layout .topbar-copy,.b-layout .demo-topbar-brand{display:none}.b-layout .topbar-actions{z-index:70;align-items:center;gap:8px;height:56px;display:flex;position:fixed;top:0;right:18px}.b-layout .topbar-actions .app-switch{border-radius:8px;gap:3px;padding:3px}.b-layout .topbar-actions .app-tab{height:29px;min-height:29px;padding:4px 9px;font-size:11px}.b-layout .theme-switcher{min-height:32px;padding:3px}.b-layout .theme-switcher button{min-height:24px;padding:4px 7px;font-size:10px}.b-layout .live-pill{padding:7px 9px;font-size:11px}.b-layout .topbar-actions>.icon-button{border-radius:8px;width:32px;height:32px}.b-layout .b-main{flex-direction:column;flex:1;gap:8px;width:100%;max-width:none;min-height:0;margin:0;padding:9px 12px 0;display:flex;overflow:hidden}.b-area-tabs{flex-shrink:0;align-items:center;gap:7px;min-height:38px;display:flex}.b-area-tabs>button{border:1px solid var(--border);background:var(--glass-card);min-width:185px;height:36px;color:var(--text-2);border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:6px 15px;font-size:12px;display:flex}.b-area-tabs>button[aria-selected=true]{border-color:rgba(var(--accent-rgb),.7);color:var(--accent);background:var(--accent-dim)}.b-area-tabs>button>span{opacity:.7;font:10px DM Mono,monospace}.b-area-tabs>button>b{background:var(--glass-card-2);border-radius:4px;min-width:18px;padding:2px 4px;font-size:10px;font-weight:500}.b-area-hint{color:var(--text-3);align-items:center;gap:7px;margin-left:auto;padding-right:3px;font-size:10px;display:flex}.b-running-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;display:inline-block}.b-layout .notice-banner{border-radius:7px;flex-shrink:0;min-height:30px;max-height:68px;margin:0;padding:6px 10px;font-size:11px;line-height:1.55;overflow:auto}.b-layout .notice-banner .notice-icon{flex:none;width:16px;height:16px}.b-layout .notice-banner .notice-icon svg{width:14px;height:14px}.b-layout button:focus-visible,.b-layout input:focus-visible,.b-layout select:focus-visible,.b-layout summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.b-layout .b-generate-workspace,.b-layout .b-edit-workspace{flex:1;gap:10px;min-width:0;min-height:0;margin:0;overflow:hidden}.b-layout .b-generate-workspace{grid-template-columns:minmax(360px,1.14fr) minmax(310px,1fr) minmax(290px,.85fr);display:grid}.b-layout[data-workarea=edit] .b-generate-workspace{display:none}.b-layout .b-edit-workspace{grid-template-rows:minmax(0,1fr);grid-template-columns:248px minmax(0,1fr);align-items:stretch;display:grid}.b-layout[data-workarea=generate] .b-edit-workspace{display:none}.b-library,.b-engine,.b-monitor,.b-gallery,.b-preview,.b-inspector{border:1px solid var(--border);background:var(--panel);border-radius:10px;min-width:0;min-height:0;overflow:hidden}.b-layout .b-library>.shelf-panel{height:100%;min-height:0;box-shadow:none;scrollbar-width:thin;overscroll-behavior:contain;background:0 0;border:0;border-radius:0;flex-direction:column;margin:0;padding:12px;display:flex;overflow:auto}.b-layout .shelf-panel-head{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:7px;margin-bottom:8px}.b-layout .shelf-panel-head h3{font-size:13px;line-height:1.5}.b-layout .section-kicker{letter-spacing:.05em;font-size:10px}.b-layout .shelf-upload-actions{flex-wrap:wrap;align-items:center;gap:4px;margin-left:auto;display:flex}.b-layout .shelf-upload-actions .outline-button{gap:5px;min-height:29px;padding:5px 7px;font-size:10px}.b-layout .shelf-upload-actions .text-button{min-height:28px;font-size:10px}.b-layout .shelf-tabs{scrollbar-width:thin;flex-wrap:nowrap;flex-shrink:0;gap:5px;min-width:0;padding:1px 0 7px;display:flex;overflow-x:auto}.b-layout .shelf-tabs>button{white-space:nowrap;border-radius:7px;flex:none;min-width:61px;min-height:40px;padding:6px 8px;font-size:11px}.b-layout .shelf-tabs>button small{margin-top:3px;font-size:9px}.b-layout .shelf-main-grid{min-height:0}.b-layout .shelf-split{grid-template-columns:132px minmax(0,1fr);gap:9px;min-width:0;min-height:0}.b-layout .shelf-subcats{scrollbar-width:thin;border-radius:7px;align-self:start;gap:2px;min-width:0;max-height:350px;padding:5px}.b-layout .shelf-subcats button{white-space:normal;min-height:28px;padding:7px 5px;font-size:10px}.b-layout .shelf-subcats button .sub-name{line-height:1.45}.b-layout .shelf-subcats button small{font-size:9px}.b-layout .shelf-content{min-width:0;min-height:0}.b-layout .classification-scope{margin:0 0 6px;font-size:10px;line-height:1.6}.b-layout .shelf-version-tabs{gap:5px}.b-layout .shelf-version-tabs button{border-radius:6px;min-height:28px;padding:5px 9px;font-size:10px}.b-layout .detail-shelf-tools{gap:5px;margin:7px 0}.b-layout .detail-shelf-tools label{flex:180px;min-width:0;font-size:10px}.b-layout .detail-shelf-tools select{flex:1;max-width:none;min-height:29px;padding:4px 7px;font-size:11px}.b-layout .detail-shelf-tools .text-button{min-height:26px;font-size:10px}.b-layout .shelf-tools{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.b-layout .shelf-tools>.shelf-select{border-radius:6px;flex:100%;width:100%;max-width:none;min-height:31px;padding:6px 7px;font-size:11px}.b-layout .shelf-tools>input{border-radius:6px;flex:130px;width:0;min-height:31px;padding:6px 8px;font-size:11px}.b-layout .shelf-random{flex-wrap:wrap;gap:3px;min-width:0;margin-left:auto;font-size:10px}.b-layout .shelf-random .text-button{white-space:nowrap;min-height:28px;font-size:10px}.b-layout .random-count{gap:3px;font-size:10px}.b-layout .random-count input{width:36px;min-height:25px;padding:3px;font-size:10px}.b-layout .shelf-strip{scroll-snap-type:none;grid-template-rows:repeat(3,minmax(58px,auto));grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;gap:6px;min-width:0;margin-top:8px;padding:2px 1px 6px;display:grid;overflow:visible}.b-layout .shelf-item{border-radius:7px;min-width:0}.b-layout .shelf-item.compact-spine>button:first-child{border-radius:6px;gap:6px;height:62px;min-height:62px;padding:8px 20px 8px 8px}.b-layout .shelf-item.compact-spine>button:first-child>b{font-size:11px}.b-layout .compact-spine .shelf-spine-row{gap:4px;font-size:9px}.b-layout .compact-spine .shelf-spine-row>.shelf-spine{max-width:62px;padding:3px 4px;font-size:9px}.b-layout .compact-spine .shelf-spine-row>em{font-size:9px}.b-layout .compact-spine>.shelf-favorite{font-size:14px;top:8px;right:4px}.b-layout .shelf-pager{flex-shrink:0;padding-top:5px;font-size:10px}.b-layout .b-engine-inner{scrollbar-width:thin;overscroll-behavior:contain;flex-direction:column;gap:9px;height:100%;min-height:0;margin:0;padding:12px;display:flex;overflow:auto}.b-layout .b-engine-inner>.prompt-input-card{min-height:370px;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;margin:0;padding:0;display:flex;overflow:visible}.b-layout .prompt-input-card>.card-title-row{display:none}.b-layout .role-library{background:var(--glass-card);border:1px solid var(--border);border-radius:7px;margin:0 0 12px;padding:9px}.b-layout .role-avatar-row{flex-wrap:wrap;gap:5px;margin-bottom:7px}.b-layout .role-avatar{min-height:30px;box-shadow:none;border-radius:6px;padding:6px 9px;font-size:11px}.b-layout .role-avatar-state{padding:2px 4px;font-size:9px}.b-layout .role-hint{color:var(--muted);flex-basis:100%;margin:0;font-size:10px;line-height:1.6}.b-layout .role-create{flex-wrap:wrap;gap:6px;display:flex}.b-layout .role-create input{border-radius:5px;flex:70px;width:0;min-width:0;min-height:28px;padding:5px 7px;font-size:10px}.b-layout .role-create .text-button{min-height:28px;font-size:10px}.b-layout .field-label{margin:0 0 7px;font-size:11px}.b-layout .required{font-size:10px}.b-layout .prompt-textarea{border-radius:6px;min-height:68px;margin:0 0 12px;padding:10px;font-size:12px;line-height:1.75}.b-layout .role-area{height:76px;min-height:76px;max-height:140px}.b-layout .prompt-textarea.subject-area{resize:vertical;flex:1;min-height:110px;max-height:none;margin-bottom:10px}.b-layout .ratio-rewrite-row{border-radius:6px;align-items:flex-start;gap:5px;margin-bottom:7px;padding:7px 8px;font-size:10px}.b-layout .ratio-rewrite-text{min-width:0;font-size:10px;line-height:1.6}.b-layout .mini-link{white-space:nowrap;font-size:10px}.b-layout .editor-footer{flex-wrap:wrap;flex-shrink:0;gap:5px;padding-top:6px}.b-layout .editor-footer>span{flex:120px;font-size:10px;line-height:1.5}.b-layout .editor-footer>.primary-button{gap:6px;min-height:32px;padding:7px 10px;font-size:11px}.b-synthesis,.b-progress{border:1px solid var(--border);background:var(--glass-card);border-radius:7px;flex-shrink:0;min-width:0}.b-synthesis>summary,.b-progress>summary{cursor:pointer;align-items:center;gap:8px;padding:9px 10px;font-size:11px;list-style:none;display:flex}.b-synthesis>summary:before,.b-progress>summary:before{content:"›";color:var(--accent);font-size:16px;line-height:12px}.b-synthesis[open]>summary:before,.b-progress[open]>summary:before{transform:rotate(90deg)}.b-synthesis>summary>span,.b-progress>summary>span{color:var(--muted);margin-left:auto;font-size:10px}.b-layout .b-synthesis .synthesis-card{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0 10px 10px}.b-layout .b-synthesis .card-title-row{display:none}.b-layout .b-synthesis .synthesis-preview{background:var(--field);border-radius:6px;min-height:70px;max-height:180px;margin:0;padding:10px;font-size:11px;line-height:1.8;overflow:auto}.b-layout .b-synthesis .synthesis-meta{margin-top:6px;font-size:9px}.b-layout .b-monitor{scrollbar-width:thin;overscroll-behavior:contain;flex-direction:column;gap:10px;margin:0;padding:12px;display:flex;overflow:auto}.b-layout .b-monitor>div,.b-layout .b-monitor>section{flex-shrink:0;min-width:0}.b-layout .b-monitor .side-card{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}.b-layout .card-title-row{gap:7px;margin-bottom:9px}.b-layout .card-title-row h3{margin-top:4px;font-size:13px}.b-layout .card-title-row .text-button{min-height:25px;font-size:10px}.b-layout .b-random,.b-layout .b-model{border-bottom:1px solid var(--border);padding-bottom:12px}.b-layout .random-batch-spines{gap:5px;max-height:168px;overflow:auto}.b-layout .random-batch-spines .shelf-item>button:first-child{height:54px;min-height:54px}.b-layout .random-batch-card .shelf-empty{min-height:76px;font-size:11px}.b-layout .random-batch-footer,.b-layout .random-batch-ratio{font-size:10px;line-height:1.55}.b-layout .random-batch-footer{margin-top:7px}.b-layout .model-select{border-radius:6px;min-height:34px;padding:7px 9px;font-size:12px}.b-layout .b-model .outline-button{border-radius:6px;min-height:34px;font-size:11px}.b-layout .model-note{margin:9px 0;font-size:10px;line-height:1.6}.b-layout .model-note svg{width:13px;min-width:13px}.b-layout .send-button{border-radius:7px;min-height:35px;margin:0;padding:8px 10px;font-size:12px}.b-layout .setting-stack{gap:8px;margin-top:9px}.b-layout .setting-field{gap:5px;font-size:11px}.b-layout .setting-field>span{font-size:10px}.b-layout .setting-field input,.b-layout .setting-field select{border-radius:5px;min-height:30px;padding:5px 7px;font-size:11px}.b-layout .queue-stat{flex-wrap:wrap;gap:5px;margin:8px 0;font-size:10px}.b-layout .queue-stat-chip{padding:3px 5px;font-size:9px}.b-layout .queue-filter{flex-wrap:wrap;gap:7px;font-size:10px}.b-layout .queue-filter select{border-radius:5px;flex:1;min-height:30px;padding:4px 7px;font-size:11px}.b-layout .queue-list{scrollbar-width:thin;overscroll-behavior:contain;height:210px;min-height:90px;max-height:280px;overflow:auto}.b-layout .queue-item{background:0 0;border-width:0 0 1px;border-radius:0;align-items:center;gap:6px;padding:9px 0}.b-layout .queue-item>div:first-child{flex:1;min-width:0}.b-layout .queue-item b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.6;display:block;overflow:hidden}.b-layout .queue-item small{font-size:10px;line-height:1.7}.b-layout .queue-actions{flex-wrap:wrap;justify-content:flex-end;gap:3px;max-width:100px}.b-layout .queue-actions .text-button,.b-layout .queue-actions .icon-button{min-height:24px;padding:3px 4px;font-size:10px}.b-layout .queue-empty{padding:18px 8px;font-size:11px;line-height:1.7}.b-layout .queue-ratio{font-size:9px}.b-queue-dialog-head{display:none}.b-layout .b-progress .side-card{padding:0 10px 10px}.b-layout .b-progress .card-title-row{display:none}.b-layout .progress-meta,.b-layout .progress-steps,.b-layout .progress-task{font-size:10px}.b-layout .b-gallery{flex-direction:column;min-height:0;padding:12px 9px;display:flex}.b-layout .gallery-strip{width:100%;min-width:0;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;margin:0;padding:0;display:flex;overflow:hidden}.b-layout .gallery-head{flex-shrink:0;align-items:flex-start;gap:6px;margin:0 0 9px;padding:0;display:flex}.b-layout .gallery-head-copy{flex:1;min-width:0;display:block}.b-layout .gallery-head-copy>b{font-size:12px;display:block}.b-layout .gallery-head-copy>small{white-space:normal;margin-top:5px;font-size:9px;line-height:1.65;display:block}.b-layout .gallery-clear{white-space:nowrap;gap:2px;min-height:24px;padding:0;font-size:9px}.b-layout .gallery-clear svg{width:11px;height:11px}.b-layout .gallery-viewer{display:none}.b-layout .gallery-batch-bar{flex-shrink:0;align-items:center;gap:6px;padding:0 0 8px;font-size:10px}.b-layout .gallery-batch-bar label{gap:4px;font-size:10px}.b-layout .gallery-batch-bar input{width:14px;height:14px}.b-layout .gallery-batch-bar .text-button{min-height:25px;padding:0 2px;font-size:9px}.b-layout .gallery-batch-bar>strong{font-size:10px}.b-layout .gallery-batch-bar>small{flex-basis:100%;font-size:9px;line-height:1.4}.b-layout .gallery-grid-scroll{scrollbar-width:thin;overscroll-behavior:contain;flex:1;min-height:0;padding:2px 1px;overflow:auto}.b-layout .gallery-tile-grid{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;min-width:0;max-width:none;margin:0;display:grid}.b-layout .gallery-tile>button{border-radius:6px;height:100%;padding:3px;font-size:10px;transform:none}.b-layout .gallery-tile img{aspect-ratio:16/10;object-fit:contain;border-radius:3px;width:100%;height:auto}.b-layout .gallery-tile>input{width:13px;height:13px;top:7px;left:7px}.b-layout .gallery-prompt-title{padding:4px 1px 0;font-size:10px;line-height:1.5}.b-layout .gallery-tile button>span{padding:3px 0 1px;font-size:8px;line-height:1.5}.b-layout .gallery-pager{border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:4px;min-width:0;margin-top:9px;padding-top:8px;font-size:9px;display:flex}.b-layout .gallery-pager>span{text-align:center;font-size:9px;line-height:1.5}.b-layout .gallery-placeholder{border:1px dashed var(--border);text-align:center;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;margin:0;padding:12px;line-height:1.8;display:flex}.b-layout .gallery-placeholder b{font-size:12px}.b-layout .gallery-placeholder small{color:var(--muted);font-size:10px}.b-layout .b-editor-content{border:0;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 336px;align-self:stretch;align-items:stretch;gap:10px;width:100%;min-width:0;min-height:0;margin:0;padding:0;display:grid}.b-layout .b-preview{flex-direction:column;min-height:0;display:flex;overflow:hidden}.b-layout .b-preview>.section-heading{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:12px 13px;display:flex}.b-layout .b-preview>.section-heading h2{margin:0;font-size:15px;line-height:1.5}.b-layout .b-preview>.section-heading .section-kicker,.b-layout .b-preview>.section-heading p{display:none}.b-layout .qa-summary{white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.b-layout .composition-main{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.b-layout .composition-main>.canvas-wrap{aspect-ratio:auto;border:0;border-top:1px solid var(--border);width:100%;min-width:0;max-width:none;height:100%;min-height:0;max-height:none;box-shadow:none;background:var(--canvas);border-radius:0;margin:0;display:block}.b-layout .composition-main>.canvas-wrap[data-orientation]{aspect-ratio:auto;width:100%;max-width:none;height:100%;min-height:0;max-height:none}.b-layout .canvas-wrap img{object-fit:contain;border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;display:block}.b-layout .canvas-wrap .badge-live-layer,.b-layout .canvas-wrap .badge-outline-layer{object-fit:contain;pointer-events:none;border-radius:0;width:100%;height:100%;display:block;position:absolute;inset:0}.b-layout .canvas-wrap .hidden-canvas{display:none}.b-layout .canvas-placeholder{height:100%;min-height:0;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.b-layout .canvas-placeholder small{font-size:10px}.b-layout .b-inspector{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.b-inspector-tabs{border-bottom:1px solid var(--border);flex-shrink:0;gap:5px;padding:9px;display:flex}.b-inspector-tabs button{min-height:33px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;flex:1;font-size:12px}.b-inspector-tabs button[aria-selected=true]{background:var(--accent-dim);color:var(--accent)}.b-inspector-pane{scrollbar-width:thin;overscroll-behavior:contain;flex:1;min-width:0;min-height:0;padding:12px;overflow:auto}.b-layout[data-inspector=overlay] .b-export-pane,.b-layout[data-inspector=export] .b-overlay-pane{display:none}.b-layout .composition-tools{gap:0;min-width:0;display:block}.b-layout .overlay-manager{box-shadow:none;background:0 0;border:0;border-radius:0;min-width:0;margin:0;padding:0}.b-layout .badge-panel-head{flex-wrap:wrap;align-items:flex-start;gap:6px;margin:0 0 9px;font-size:10px;line-height:1.7;display:flex}.b-layout .badge-panel-head>span{color:var(--muted);flex-basis:100%;font-size:10px}.b-layout .badge-panel-head .text-button{min-height:26px;padding:3px 5px;font-size:10px}.b-layout .badge-panel-head .toggle-line{margin-right:auto}.b-layout .badge-grid-toggle{border-bottom:1px solid var(--border);flex-direction:column;gap:7px;margin-bottom:11px;padding-bottom:10px;display:flex}.b-layout .toggle-line{gap:5px;font-size:10px;line-height:1.5}.b-layout .toggle-line input[type=checkbox]{width:13px;height:13px;accent-color:var(--accent)}.b-layout .badge-set-list{flex-direction:column;gap:12px;min-width:0;margin:0;display:flex}.b-layout .badge-card{border:0;border-bottom:1px solid var(--border);box-shadow:none;background:0 0;border-radius:0;min-width:0;margin:0;padding:0 0 12px}.b-layout .badge-card:last-child{border-bottom:0;padding-bottom:0}.b-layout .badge-card-head{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.b-layout .badge-card-head>b{font-size:12px}.b-layout .badge-card-head>small{font-size:9px;line-height:1.5}.b-layout .badge-card-head .toggle-line{margin-left:auto}.b-layout .badge-field{flex-wrap:nowrap;align-items:center;gap:6px;min-width:0;margin-top:8px;font-size:11px;display:flex}.b-layout .badge-field>span{flex:0 0 48px;width:48px;font-size:10px;line-height:1.5}.b-layout .badge-field input[type=text],.b-layout .badge-field select{border-radius:5px;flex:1;min-width:0;min-height:31px;padding:6px 7px;font-size:11px}.b-layout .badge-field input[type=range]{flex:1;min-width:35px}.b-layout .badge-field input[type=number],.b-layout .badge-num{border-radius:4px;width:51px;min-width:38px;min-height:27px;padding:4px 5px;font-size:11px}.b-layout .badge-field .text-button{flex-shrink:0;min-height:26px;padding:2px;font-size:10px}.b-layout .badge-field .badge-file{flex:1;width:0;min-width:0;font-size:10px}.b-layout .badge-hint{color:var(--muted);margin:7px 0;font-size:10px;line-height:1.7}.b-layout .handle-random-btn{min-height:26px;padding:4px 6px;font-size:10px}.b-layout .composition-side{flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;display:flex}.b-layout .composition-side>*{grid-area:auto;width:100%;margin:0}.b-layout .gallery-batch-scope{border-radius:6px;flex-shrink:0;padding:8px 9px;font-size:10px;line-height:1.7}.b-layout .size-adjuster,.b-layout .file-namer,.b-layout .qa-rules,.b-layout .resolution-panel{border:0;border-bottom:1px solid var(--border);box-shadow:none;background:0 0;border-radius:0;padding:0 0 12px}.b-layout .resolution-panel{order:0}.b-layout .gallery-batch-scope{order:-1}.b-layout .size-adjuster{order:1}.b-layout .file-namer{order:2}.b-layout .qa-rules{order:3}.b-layout .resolution-head,.b-layout .size-adjuster-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.b-layout .resolution-head>b,.b-layout .size-adjuster-head>b{white-space:nowrap;font-size:12px}.b-layout .resolution-head>small,.b-layout .size-adjuster-head>small{text-align:right;font-size:9px;line-height:1.5}.b-layout .resolution-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0 0 9px;display:grid}.b-layout .resolution-group>span{color:var(--muted);grid-column:1/-1;padding:0 0 1px;font-size:10px}.b-layout .resolution-group .size-button{white-space:nowrap;border-radius:6px;min-height:31px;padding:6px 3px;font-size:10px;line-height:1.4}.b-layout .size-adjuster-controls{gap:7px;margin-top:8px}.b-layout .size-adjuster-controls>strong{white-space:nowrap;font-size:11px}.b-layout .size-adjuster-controls .text-button{font-size:10px}.b-layout .size-adjuster-scale{margin-top:7px;font-size:9px}.b-layout .file-name-fields{gap:9px}.b-layout .file-name-fields label>span{flex-wrap:wrap;gap:3px;font-size:10px;line-height:1.5}.b-layout .file-name-fields label em{font-size:9px}.b-layout .file-name-fields input{border-radius:5px;min-height:32px;padding:7px 8px;font-size:11px}.b-layout .file-name-fields .mini-link{font-size:9px}.b-layout .file-name-meta{flex-wrap:wrap;gap:4px;margin-top:9px}.b-layout .file-name-meta>span{padding:3px 5px;font-size:9px}.b-layout .file-name-preview{flex-direction:column;align-items:stretch;gap:5px;font-size:10px;line-height:1.7;display:flex}.b-layout .file-name-preview code{white-space:normal;overflow-wrap:anywhere;font-size:10px}.b-layout .qa-rules{flex-wrap:wrap;gap:7px;font-size:10px;line-height:1.7}.b-layout .qa-rules>b{font-size:11px}.b-inspector-switch{border-top:1px solid var(--border);background:var(--glass-card);flex-shrink:0;padding:9px 12px}.b-inspector-switch>button{width:100%;min-height:31px;color:var(--muted);border:1px solid var(--border);background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:7px 8px;font-size:11px;display:flex}.b-actionbar{background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;min-width:0;margin:0 -12px;padding:8px 16px 5px}.b-action-main{align-items:center;gap:12px;min-height:38px;display:flex}.b-queue-button{border:1px solid var(--border);background:var(--glass-card);min-height:34px;color:var(--ink);white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:6px 9px;font-size:11px;display:flex}.b-queue-button>span{color:var(--muted);font-size:10px}.b-queue-button>em{color:var(--danger);font-size:10px;font-style:normal}.b-action-scope{white-space:nowrap;align-items:center;gap:9px;min-width:0;font-size:10px;display:flex}.b-action-scope>strong{font-size:11px;font-weight:600}.b-action-scope>span{color:var(--muted);font:10px DM Mono,monospace}.b-live-status{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:10px;line-height:1.6;overflow:hidden}.b-live-status>span{text-overflow:ellipsis;display:block;overflow:hidden}.b-live-status>small{color:var(--text-3);font-size:9px;display:block}.b-to-editor{border-radius:7px;flex-shrink:0;min-width:170px;min-height:35px;margin-left:auto;padding:7px 12px;font-size:12px}.b-download-lock{border:0;flex-shrink:0;min-width:0;margin:0 0 0 auto;padding:0}.b-layout .b-download-lock .download-button{white-space:nowrap;border-radius:7px;gap:6px;min-width:174px;min-height:35px;margin:0;padding:7px 12px;font-size:12px}.b-layout[data-workarea=generate] .b-download-lock,.b-layout[data-workarea=edit] .b-to-editor{display:none}.b-layout .footer-note{min-height:13px;color:var(--text-3);border:0;justify-content:space-between;gap:8px;margin:4px 0 0;padding:0;font-size:9px;line-height:1.5;display:flex}.b-queue-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:85;background:#05090db0;position:fixed;inset:56px 0 0}.b-layout[data-queue-open=true] .b-queue{z-index:90;background:var(--surface);border-left:1px solid var(--border-2);width:min(430px,100vw);height:auto;box-shadow:var(--shadow-pop);border-radius:10px 0 0;flex-direction:column;padding:16px;display:flex;position:fixed;top:56px;bottom:0;right:0;overflow:hidden}.b-layout[data-queue-open=true] .b-queue>.queue-card{flex-direction:column;flex:1;min-height:0;display:flex}.b-layout[data-queue-open=true] .b-queue .queue-list{flex:1;height:0;min-height:0;max-height:none;margin-top:6px}.b-layout[data-queue-open=true] .b-queue-dialog-head{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:15px;display:flex}.b-layout[data-workarea=edit][data-queue-open=true] .b-generate-workspace,.b-layout[data-workarea=edit][data-queue-open=true] .b-monitor{display:contents}.b-layout[data-workarea=edit][data-queue-open=true] .b-library,.b-layout[data-workarea=edit][data-queue-open=true] .b-engine,.b-layout[data-workarea=edit][data-queue-open=true] .b-random,.b-layout[data-workarea=edit][data-queue-open=true] .b-model,.b-layout[data-workarea=edit][data-queue-open=true] .b-progress{display:none}.b-layout .gallery-context-menu{z-index:110}.b-mobile-tabs{display:none}@media (width>=1800px){.b-layout .b-generate-workspace{grid-template-columns:minmax(420px,1.18fr) minmax(340px,1fr) minmax(330px,.8fr)}.b-layout .b-edit-workspace{grid-template-columns:270px minmax(0,1fr)}.b-layout .b-editor-content{grid-template-columns:minmax(0,1fr) 360px}.b-layout .shelf-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1320px) and (width>=1001px){.b-layout .b-generate-workspace{grid-template-columns:minmax(330px,1.1fr) minmax(285px,1fr) minmax(280px,.85fr)}.b-layout .b-edit-workspace{grid-template-columns:215px minmax(0,1fr)}.b-layout .b-editor-content{grid-template-columns:minmax(0,1fr) 303px}.b-layout .b-main{padding-left:10px;padding-right:10px}.b-actionbar{margin-left:-10px;margin-right:-10px;padding-left:12px;padding-right:12px}.b-layout .b-library>.shelf-panel{padding:10px}.b-layout .shelf-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.b-layout .shelf-panel-head>div:first-child{flex-basis:100%}.b-layout .shelf-upload-actions{margin-left:0}.b-layout .b-monitor{padding:10px}.b-layout .badge-field>span{flex-basis:43px;width:43px}.b-layout .topbar-actions{gap:6px}.ws-brand{margin-right:8px}.b-area-hint{font-size:9px}}@media (height<=820px) and (width>=1001px){.ws-shell:has(.b-layout) .ws-switch{height:50px}.b-layout .topbar-actions{height:50px}.b-layout .b-main{gap:7px;padding-top:7px}.b-area-tabs{min-height:32px}.b-area-tabs>button{height:31px}.b-layout .notice-banner{min-height:26px;max-height:48px;padding:4px 9px;font-size:10px}.b-layout .b-engine-inner>.prompt-input-card{min-height:350px}.b-layout .role-area{height:62px;min-height:62px}.b-layout .role-hint{font-size:9px}.b-layout .role-library{margin-bottom:9px;padding:7px}.b-layout .queue-list{height:170px}.b-layout .random-batch-spines{max-height:126px}.b-layout .random-batch-spines .shelf-item>button:first-child{height:46px;min-height:46px}.b-layout .random-batch-card .shelf-empty{min-height:58px}.b-layout .b-monitor{gap:9px}.b-actionbar{padding-top:6px;padding-bottom:4px}.b-layout .b-queue-backdrop,.b-layout[data-queue-open=true] .b-queue{top:50px}}@media (width<=1000px){.ws-shell:has(.b-layout) .ws-switch{gap:4px;height:49px;padding:0 10px}.ws-brand{gap:6px;margin-right:auto;font-size:12px}.ws-brand>span{width:25px;height:25px}.ws-brand>strong{display:none}.ws-shell:has(.b-layout) .ws-tab{gap:5px;height:30px;padding:0 8px;font-size:11px}.ws-shell:has(.b-layout) .ws-tab svg{width:13px;height:13px}.b-layout .topbar{border-bottom:1px solid var(--border);background:var(--surface);height:41px;min-height:41px;margin:0;padding:0 10px}.b-layout .topbar-actions{justify-content:flex-end;gap:6px;width:100%;height:41px;position:static}.b-layout .topbar-actions .app-switch{margin-right:auto}.b-layout .topbar-actions .app-tab{height:27px;min-height:27px;padding:3px 7px;font-size:10px}.b-layout .theme-switcher{height:29px;min-height:29px;padding:2px}.b-layout .theme-switcher button{min-height:23px;padding:3px 5px;font-size:9px}.b-layout .topbar-actions>.icon-button{width:28px;height:28px}.b-layout .live-pill{padding:5px 6px;font-size:9px}.b-layout .b-main{gap:7px;padding:7px 9px 0}.b-area-tabs{gap:6px;min-height:32px}.b-area-tabs>button{flex:1;gap:7px;min-width:0;height:32px;padding:5px 8px;font-size:11px}.b-area-hint{display:none}.b-layout .notice-banner{min-height:26px;max-height:50px;padding:5px 8px;font-size:10px;line-height:1.5}.b-mobile-tabs{flex-shrink:0;gap:5px;min-height:31px;display:flex}.b-mobile-tabs>button{border:1px solid var(--border);background:var(--glass-card);min-width:0;color:var(--muted);border-radius:6px;flex:1;padding:5px;font-size:11px}.b-mobile-tabs>button[aria-selected=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.b-layout .b-generate-workspace,.b-layout .b-edit-workspace{flex-direction:column;gap:8px;min-height:0;display:flex;overflow:hidden}.b-layout[data-workarea=edit] .b-generate-workspace,.b-layout[data-workarea=generate] .b-edit-workspace{display:none}.b-library,.b-engine,.b-monitor{flex:1;min-height:0}.b-layout[data-mobile-input=shelf] .b-engine,.b-layout[data-mobile-input=shelf] .b-monitor,.b-layout[data-mobile-input=prompt] .b-library,.b-layout[data-mobile-input=prompt] .b-monitor,.b-layout[data-mobile-input=tasks] .b-library,.b-layout[data-mobile-input=tasks] .b-engine{display:none}.b-layout .b-library>.shelf-panel{padding:10px}.b-layout .shelf-panel-head>div:first-child{flex-basis:100%}.b-layout .shelf-upload-actions{margin-left:0}.b-layout .shelf-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.b-layout .shelf-subcats{flex-flow:wrap;gap:3px;max-height:155px}.b-layout .shelf-subcats button{white-space:nowrap;gap:4px;width:auto;min-height:28px;font-size:10px}.b-layout .shelf-subcats .sub-name{display:block;overflow:visible}.b-layout .shelf-main-grid,.b-layout .shelf-split{flex-direction:column;display:flex}.b-layout .shelf-upload-actions .text-button{font-size:10px}.b-layout .shelf-tools{gap:5px}.b-layout .b-engine-inner{padding:11px}.b-layout .role-area{height:78px;min-height:78px}.b-layout .b-engine-inner>.prompt-input-card{min-height:390px}.b-layout .b-monitor{padding:12px}.b-layout .queue-list{height:220px}.b-layout .b-editor-content{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.b-layout .b-gallery,.b-layout .b-preview,.b-layout .b-inspector{flex:1;min-height:0}.b-layout[data-mobile-edit=gallery] .b-editor-content,.b-layout[data-mobile-edit=preview] .b-gallery,.b-layout[data-mobile-edit=preview] .b-inspector,.b-layout[data-mobile-edit=settings] .b-gallery,.b-layout[data-mobile-edit=settings] .b-preview{display:none}.b-layout .gallery-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.b-layout .gallery-tile img{aspect-ratio:16/11}.b-layout .gallery-head-copy>small{font-size:10px}.b-layout .gallery-batch-bar{gap:8px;font-size:11px}.b-layout .gallery-batch-bar .text-button,.b-layout .gallery-batch-bar>small{font-size:10px}.b-layout .b-preview>.section-heading{padding:10px}.b-layout .b-preview>.section-heading h2{font-size:13px}.b-layout .qa-summary{font-size:9px}.b-inspector-pane{padding:12px}.b-layout .badge-field>span{flex-basis:51px}.b-layout .badge-field input[type=text],.b-layout .badge-field select{min-height:34px;font-size:12px}.b-layout .badge-field input[type=number]{min-height:30px}.b-layout .badge-hint,.b-layout .toggle-line,.b-layout .badge-field .text-button{font-size:11px}.b-actionbar{margin:0 -9px;padding:7px 10px 4px}.b-action-main{gap:7px;min-height:36px}.b-queue-button{gap:4px;min-height:33px;padding:6px 7px;font-size:10px}.b-queue-button>span,.b-queue-button>em{display:none}.b-action-scope{gap:4px;font-size:10px}.b-action-scope>strong{font-size:10px}.b-action-scope>span,.b-live-status{display:none}.b-to-editor,.b-layout .b-download-lock .download-button{min-width:130px;min-height:34px;padding:7px 9px;font-size:11px}.b-layout .footer-note{gap:6px;min-height:12px;margin-top:4px;font-size:8px}.b-layout .footer-note>span:first-child{display:none}.b-layout .footer-note>span:last-child{white-space:nowrap;text-overflow:ellipsis;margin-left:auto;overflow:hidden}.b-queue-backdrop{top:49px}.b-layout[data-queue-open=true] .b-queue{width:min(430px,100vw);padding:14px;top:49px}.b-layout[data-workarea=edit][data-queue-open=true] .b-generate-workspace,.b-layout[data-workarea=edit][data-queue-open=true] .b-monitor,.b-layout[data-queue-open=true] .b-monitor{display:contents}.b-layout[data-queue-open=true] .b-random,.b-layout[data-queue-open=true] .b-model,.b-layout[data-queue-open=true] .b-progress{display:none}.b-layout[data-queue-open=true] .b-queue{display:flex!important}}@media (prefers-reduced-motion:reduce){.b-layout *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.queue-recovery{border:1px solid var(--line,#a4b2bd44);border-radius:10px;gap:6px;min-width:0;margin-bottom:10px;padding:9px 11px;font-size:12px;display:grid}.queue-recovery small,.queue-error{overflow-wrap:anywhere;line-height:1.5;display:block}.queue-recovery details{min-width:0}.queue-recovery summary{cursor:pointer;font-size:12px}.queue-recovery label{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.queue-recovery input{border:1px solid var(--line,#a4b2bd44);width:110px;min-width:0;max-width:100%;color:inherit;background:0 0;border-radius:7px;padding:5px 8px}.queue-error{opacity:.85;max-width:100%}.shelf-sequential{flex-shrink:0;align-items:center;gap:6px;display:flex}.goods-id{overflow-wrap:anywhere;color:var(--muted,#879b9d);font-size:11px;line-height:1.5;display:block}.goods-id.is-error{color:#dc6868}.gallery-grid .goods-id{font-size:10px}.queue-retry-all{white-space:normal;text-align:left;max-width:100%;margin:0 0 8px}@media (width<=700px){.shelf-tools .shelf-sequential{flex-wrap:wrap}}.shelf-sequential .random-count{color:var(--muted);white-space:nowrap;align-items:center;gap:3px;font-size:10px;display:flex}.shelf-sequential .random-count input{border:1px solid var(--line);width:42px;color:var(--ink);background:var(--surface-2);border-radius:8px;padding:6px;font-size:10px}.b-layout .shelf-sequential{flex-wrap:wrap;gap:3px;min-width:0}.b-layout .shelf-sequential .text-button{white-space:nowrap;min-height:28px;font-size:10px}.product-bootstrap{text-align:center;padding:60px}.product-bootstrap button{margin:12px}.product-dialog{width:min(1120px,100vw - 24px);max-height:calc(100dvh - 32px);color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:15px;padding:0}.product-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009}.product-dialog form{flex-direction:column;max-height:calc(100dvh - 34px);display:flex}.product-dialog header,.product-dialog footer{flex-shrink:0;align-items:center;gap:12px;padding:20px 24px;display:flex}.product-dialog header{border-bottom:1px solid var(--border);justify-content:space-between}.product-dialog header h2{margin:5px 0;font-size:21px}.product-dialog p,.product-dialog small{color:var(--muted);font-size:11px;line-height:1.8}.product-dialog header button{font-size:26px}.product-dialog-body{grid-template-columns:1.2fr 1fr;min-height:0;display:grid;overflow:auto}.product-fields{border:0;min-width:0;margin:0;padding:24px}.product-field{gap:6px;font-size:12px;display:grid}.product-dialog input:not([type=checkbox]):not([type=range]),.product-dialog textarea,.product-dialog select{border:1px solid var(--border);background:var(--input,var(--bg));width:100%;min-width:0;color:var(--text);font:inherit;border-radius:7px;padding:8px}.product-dialog input[type=color]{height:35px}.product-dialog input[type=checkbox],.product-dialog input[type=range]{accent-color:var(--accent)}.product-section-head{justify-content:space-between;align-items:center;gap:10px;margin:20px 0 10px;display:flex}.product-section-head h3{margin:0;font-size:13px}.product-section-head label{align-items:center;gap:5px;font-size:11px;display:flex}.product-uploads{grid-template-columns:1fr 1fr;gap:12px;display:grid}.product-upload{border:1px solid var(--border);cursor:pointer;border-radius:9px;min-width:0;padding:12px;position:relative}.product-upload strong{font-size:11px}.product-upload>div{color:#52645a;background:#e4e9df;border-radius:5px;justify-content:center;align-items:center;height:95px;margin:10px 0;padding:12px;font-size:10px;display:flex}.product-upload.light>div{background:#25342b}.product-upload img{object-fit:contain;max-width:100%;max-height:100%}.product-upload input[type=file]{opacity:0;height:1px;position:absolute;inset:0;width:1px!important}.product-upload small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.product-upload:focus-within{outline:2px solid var(--accent)}.product-position{align-items:center;gap:8px;margin:14px 0;font-size:11px;display:flex}.product-position span{margin-right:auto}.product-dialog button{border:1px solid var(--border);color:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:6px 10px}.product-dialog button[aria-pressed=true]{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.product-dialog button.primary-button{background:var(--accent);color:var(--button-text,#10281c)}.product-range{align-items:center;gap:10px;margin:16px 0;font-size:11px;display:flex}.product-range label{white-space:nowrap}.product-range input[type=range]{flex:1;width:0;min-width:25px}.product-range input[type=number]{flex:none;width:68px!important}.product-style-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.product-geometry{border:1px solid var(--border);border-radius:8px;margin-top:20px;padding:0 12px 10px}.product-coordinates{align-items:center;gap:6px;font-size:10px;display:flex}.product-coordinates input{flex:1;width:0!important}.product-coordinates span{white-space:nowrap}.product-error{color:#f89c91;border:1px solid #8c514b;margin-top:12px;padding:12px}.product-preview{border-left:1px solid var(--border);align-self:start;padding:20px;position:sticky;top:0}.product-preview-frame{background:#16231d;border-radius:8px;justify-content:center;align-items:center;height:260px;padding:8px;display:flex}.product-preview-frame canvas{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.product-dialog footer{border-top:1px solid var(--border)}.product-dialog footer span{color:var(--muted);margin-right:auto;font-size:11px}.product-dialog button:disabled{opacity:.5;cursor:wait}.product-layer-actions{flex-wrap:wrap;gap:7px;margin:8px 0;display:flex}.product-layer-actions button[aria-pressed=true]{background:var(--accent-dim);border-color:var(--accent)}.product-shared-style{grid-template-columns:1fr 1fr;gap:8px;display:grid}.product-shared-style label{gap:4px;font-size:10px;display:grid}.product-shared-style input,.product-shared-style select{width:100%;min-width:0}.app-switch{max-width:min(50vw,700px);overflow:auto}.product-header-button{white-space:nowrap;font-size:11px}@media (width<=760px){.product-dialog-body{display:block}.product-fields{padding:16px}.product-preview{border-left:0;border-top:1px solid var(--border);padding:16px;position:static}.product-dialog header,.product-dialog footer{padding:13px}.product-dialog footer span{display:none}.product-dialog footer button{flex:1}.product-uploads{gap:8px}.product-upload{padding:8px}.product-upload strong{font-size:10px}.product-coordinates{flex-wrap:wrap}.app-switch{max-width:70vw}.product-header-button{font-size:10px}}.pending-product-preview{flex-direction:column;justify-content:center;align-items:center;min-height:0;display:flex;position:absolute;inset:12px}.pending-product-preview canvas{object-fit:contain;width:auto;max-width:100%;height:auto;min-height:0;max-height:calc(100% - 28px)}.pending-product-preview span{color:var(--muted);padding-top:7px;font-size:11px}.st-account-controls{z-index:75;align-items:center;gap:10px;min-width:0;margin-left:12px;margin-right:auto;font-size:12px;display:flex;position:relative}.st-account-controls>span{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.st-account-controls button{white-space:nowrap;min-height:36px}.st-dev-login{border:1px solid var(--line,#384350);text-align:left;border-radius:12px;gap:10px;margin-top:24px;padding:16px;display:grid}.st-dev-login select{background:var(--panel,#14202b);min-height:40px;color:inherit;border:1px solid var(--line,#384350);border-radius:8px;padding:8px}.st-dev-login legend{opacity:.75;font-size:12px}.st-dev-login label{font-size:13px}@media (width<=640px){.st-account-controls{gap:4px;margin-left:4px;font-size:11px}.st-account-controls>span{max-width:60px}.st-account-controls button{padding:4px;font-size:11px}}.company-login{gap:12px;margin:18px 0;display:grid}.company-login small,.company-secondary{color:var(--muted,#93a4b0);font-size:13px;line-height:1.6}.company-login span{opacity:.7;font-size:12px}.company-pending{padding:20px 0}.company-pending h2{font-size:20px}.company-pending p{line-height:1.7}.company-modal{box-sizing:border-box;border:1px solid var(--line,#35434e);background:var(--panel,#14202b);width:min(720px,100vw - 32px);max-height:86dvh;color:var(--text,#eaf0f3);border-radius:20px;padding:24px;overflow:auto;box-shadow:0 24px 100px #0005}.company-modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0008}.company-modal-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.company-modal-head h2,.company-modal-head h3{margin:0 0 8px}.company-modal-head h2{font-size:21px}.company-modal h3{font-size:16px}.company-modal button{min-height:38px;padding:8px 13px}.company-requests{gap:12px;margin-top:16px;display:grid}.company-request{border:1px solid var(--line,#35434e);border-radius:12px;gap:10px;min-width:0;padding:16px;display:grid}.company-request small,.company-file-record{overflow-wrap:anywhere;font-size:12px;line-height:1.7}.company-request label,.company-fields label{gap:7px;font-size:13px;display:grid}.company-request select,.company-fields input,.company-fields select{box-sizing:border-box;border:1px solid var(--line,#35434e);background:var(--bg,#101a24);width:100%;min-height:42px;color:inherit;font:inherit;border-radius:9px;min-width:0;padding:8px 10px}.company-actions{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.company-fields{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.company-fields label:first-child{grid-column:1/-1}.company-empty{opacity:.7;padding:24px 0}.company-warning{background:#d59c1d18;border:1px solid #d59c1d55;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.7}.company-image-list{gap:10px;max-height:240px;margin-top:16px;display:grid;overflow:auto}.company-image-list article{align-items:center;gap:12px;min-width:0;display:flex}.company-image-list img{object-fit:contain;background:#0001;border-radius:6px;width:75px;height:60px}.company-image-list article div{gap:4px;min-width:0;display:grid}.company-image-list small{overflow-wrap:anywhere;opacity:.7;font-size:12px}.company-modal hr{border:0;border-top:1px solid var(--line,#35434e);margin:22px 0}.company-prepare-button{width:100%;margin-top:8px}@media (width<=640px){.company-modal{border-radius:14px;max-height:90dvh;padding:16px}.company-fields{grid-template-columns:1fr}.company-fields label:first-child{grid-column:auto}.company-actions button{flex:1}.st-account-controls{flex-wrap:wrap}.company-image-list img{width:60px}}.prompt-review-dialog{border:1px solid var(--border,#3d4945);background:var(--surface,#171c1d);width:min(760px,100vw - 28px);max-height:88dvh;color:var(--ink,#edf3f0);border-radius:14px;padding:0;overflow:auto;box-shadow:0 18px 70px #0008}.prompt-review-dialog::backdrop{background:#0009}.prompt-review-dialog>header{border-bottom:1px solid var(--border,#3d4945);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.prompt-review-dialog h2{margin:0 0 6px;font-size:18px}.prompt-review-dialog small{color:var(--muted,#9caaa4);font-size:12px;display:block}.prompt-review-dialog form,.prompt-snapshot{padding:18px 22px}.prompt-review-dialog p{margin:0 0 14px;font-size:13px;line-height:1.7}.prompt-review-dialog label{gap:7px;margin:14px 0;font-size:13px;display:grid}.prompt-review-dialog input,.prompt-review-dialog textarea{box-sizing:border-box;border:1px solid var(--border,#3d4945);background:var(--bg-0,#101414);width:100%;color:inherit;font:inherit;border-radius:8px;padding:11px;font-size:13px;line-height:1.7}.prompt-review-dialog textarea{resize:vertical;height:320px;min-height:160px;font-size:13px;line-height:1.7}.prompt-review-dialog .prompt-issue-reason{height:140px;min-height:100px}.prompt-review-dialog footer{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.prompt-review-dialog button{min-height:34px;padding:7px 12px}.prompt-review-dialog .prompt-review-error{color:#e69084}.prompt-issue-list{padding:8px 20px 18px}.prompt-issue-list article{border-bottom:1px solid var(--border,#3d4945);justify-content:space-between;gap:16px;padding:16px 0;display:flex}.prompt-issue-list article>div{overflow-wrap:anywhere;min-width:0}.prompt-issue-list nav{flex-wrap:wrap;flex-shrink:0;place-content:flex-start flex-end;gap:6px;max-width:260px;display:flex}.prompt-review-empty{padding:18px 0}.prompt-review-tools{flex-wrap:wrap;align-items:center;gap:7px;margin:6px 0;display:flex}.prompt-review-tools label{align-items:center;gap:5px;font-size:11px;display:flex}.prompt-review-tools button{min-height:29px;padding:4px 7px;font-size:11px}.prompt-issue-badge{color:#c88d29;background:#e9a93617;border:1px solid #d5a13c60;border-radius:4px;padding:1px 4px;font-size:10px;line-height:1.4;display:inline-block}.compact-spine.has-issue{box-shadow:inset 3px 0 #d0a14b}.compact-spine.is-review-located{outline:2px solid var(--accent,#32d886);outline-offset:2px}.gallery-review-tools{border-top:1px solid var(--border,#3d4945);flex-wrap:wrap;gap:5px;padding:6px 8px;display:flex}.gallery-review-tools button{min-height:30px;padding:3px 6px;font-size:11px}.gallery-tile .prompt-issue-badge{pointer-events:none;z-index:3;position:absolute;top:5px;right:5px}.prompt-review-dialog :focus-visible{outline:2px solid var(--accent,#32d886);outline-offset:2px}@media (width<=640px){.prompt-review-dialog>header,.prompt-review-dialog form,.prompt-snapshot{padding:14px}.prompt-review-dialog textarea{height:260px}.prompt-issue-list article{flex-direction:column;gap:8px}.prompt-issue-list nav{justify-content:flex-start;max-width:none}}.prompt-review-tools>small{color:var(--text-3);font-size:10px}.gallery-context-menu button{text-align:left;width:100%;display:block}.prompt-review-dialog footer>button{white-space:nowrap;flex:none;width:auto;min-width:72px}.prompt-review-dialog footer>.primary-button{min-width:110px}.spine-usage-short{display:none}.shelf-item.compact-spine.has-review-actions{container-type:inline-size}.shelf-item.compact-spine.has-review-actions>button:first-child{flex-wrap:nowrap;gap:6px;height:62px;min-height:62px;padding:8px}.shelf-item.compact-spine.has-review-actions .shelf-spine-row{gap:3px;height:22px;min-height:22px;padding-right:56px;overflow:hidden}.shelf-item.compact-spine.has-review-actions .shelf-spine-row>.shelf-spine{text-overflow:ellipsis;flex:0 auto;min-width:0;margin:0;overflow:hidden}.shelf-item.compact-spine.has-review-actions .shelf-spine-row>em{flex:none;line-height:22px}.prompt-spine-actions{gap:0;height:22px;display:flex;position:absolute;top:8px;right:24px}.prompt-spine-actions>button{width:18px;min-width:0;height:22px;min-height:0;color:var(--text-2);background:0 0;border:0;border-radius:4px;place-items:center;margin:0;padding:1px;display:grid}.prompt-spine-actions svg{width:16px;height:16px;display:block}.prompt-spine-actions>button:hover{color:var(--accent);background:var(--accent-dim)}.prompt-spine-actions>.prompt-warning-action.is-marked{color:#bb7c1c;background:#efaf281c}.prompt-spine-actions>.prompt-warning-action.is-marked svg{fill:#efaf2814}.shelf-item.compact-spine.has-review-actions>.shelf-favorite{place-items:center;width:18px;height:22px;min-height:0;margin:0;padding:0;line-height:1;display:grid;top:8px;right:4px}@container (width<=170px){.has-review-actions .spine-usage-full{display:none}.has-review-actions .spine-usage-short{display:inline}}