:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;color:#20231f;background:#f4f5f1;font-synthesis:none;text-rendering:optimizeLegibility;--page: #f4f5f1;--surface: #ffffff;--surface-2: #f8f9f6;--surface-3: #eef0eb;--ink: #20231f;--muted: #71766f;--faint: #a3a8a0;--line: #dfe2dc;--line-strong: #c8ccc4;--accent: #f05a3c;--accent-hover: #d9482d;--accent-soft: #fff0eb;--green: #2f7d64;--green-soft: #e6f3ed;--yellow: #b97912;--yellow-soft: #fff5d9;--danger: #c33b34;--danger-soft: #fbeae8;--shadow: 0 16px 50px rgb(26 31 24 / 10%)}:root[data-theme=dark]{color:#e9ece6;background:#171a17;--page: #171a17;--surface: #202420;--surface-2: #252a25;--surface-3: #2c322c;--ink: #eef0eb;--muted: #a7ada5;--faint: #777e76;--line: #363c36;--line-strong: #4b534b;--accent: #ff7559;--accent-hover: #ff8a73;--accent-soft: #442820;--green: #70c9a7;--green-soft: #1d3a30;--yellow: #edbd64;--yellow-soft: #42361f;--danger: #ff8a82;--danger-soft: #442522;--shadow: 0 18px 55px rgb(0 0 0 / 28%)}@media(prefers-color-scheme:dark){:root[data-theme=system]{color:#e9ece6;background:#171a17;--page: #171a17;--surface: #202420;--surface-2: #252a25;--surface-3: #2c322c;--ink: #eef0eb;--muted: #a7ada5;--faint: #777e76;--line: #363c36;--line-strong: #4b534b;--accent: #ff7559;--accent-hover: #ff8a73;--accent-soft: #442820;--green: #70c9a7;--green-soft: #1d3a30;--yellow: #edbd64;--yellow-soft: #42361f;--danger: #ff8a82;--danger-soft: #442522;--shadow: 0 18px 55px rgb(0 0 0 / 28%)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--page);color:var(--ink)}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:0}button,select{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 30%,transparent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{min-height:100dvh}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:9px;font-weight:760;font-size:15px;white-space:nowrap}.brand-mark{width:34px;height:34px;border-radius:7px;display:grid;place-items:center;color:#fff;background:var(--accent)}.beta{font-size:9px;line-height:17px;height:17px;padding:0 5px;color:var(--muted);border:1px solid var(--line);border-radius:4px;font-weight:700}.top-actions,.toolbar-actions,.dialog-actions>div,.preview-toolbar>div{display:flex;align-items:center;gap:8px}.connection-pill{height:36px;max-width:min(40vw,230px);display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2);color:var(--muted);font-size:12px}.connection-pill span:nth-of-type(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--faint)}.connection-icon{display:none;flex:0 0 auto}.connection-pill.is-ready .status-dot{background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.icon-button{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--muted)}.icon-button:hover{color:var(--ink);background:var(--surface-2);border-color:var(--line-strong)}.icon-button.danger:hover{color:var(--danger);background:var(--danger-soft);border-color:transparent}.icon-button svg{width:17px;height:17px}.mobile-history-button,.history-close{display:none}.workspace{height:calc(100dvh - 64px);display:grid;grid-template-columns:minmax(330px,390px) minmax(440px,1fr) minmax(250px,292px);overflow:hidden}.composer,.history-panel{background:var(--surface);min-height:0;overflow-y:auto}.composer{padding:26px 24px 40px;border-right:1px solid var(--line)}.composer-heading,.result-toolbar,.history-header,.field-label-row,.quantity-row,.dialog-header,.split-actions,.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow{margin:0 0 5px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}h1,h2,p{letter-spacing:0}h1{margin:0;font-size:23px;line-height:1.25}h2{margin:0;font-size:18px;line-height:1.3}.icon-text-button,.clear-button,.danger-text{border:0;background:none;color:var(--muted);display:flex;align-items:center;gap:6px;font-size:12px;padding:7px}.icon-text-button:hover,.clear-button:hover{color:var(--ink)}.segmented{display:grid;background:var(--surface-3);border-radius:7px;padding:3px;gap:3px}.mode-switch{grid-template-columns:1fr 1fr;margin:24px 0}.segmented button{min-height:38px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:13px;font-weight:650}.segmented button.active{color:var(--ink);background:var(--surface);box-shadow:0 1px 3px #1419141a}.field-block{margin-top:20px}.field-block>label,.field-label-row label,.quantity-row>span,.select-field>span{display:block;color:var(--ink);font-size:12px;font-weight:700;margin-bottom:8px}.field-label-row span{color:var(--faint);font-size:11px}.textarea-wrap{position:relative}textarea{width:100%;min-height:142px;resize:vertical;padding:14px 14px 32px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2);line-height:1.7;font-size:13px}textarea:hover,textarea:focus,input:hover,input:focus,select:hover,select:focus{border-color:var(--line-strong)}textarea:focus,input:focus,select:focus{background:var(--surface)}textarea::placeholder,input::placeholder{color:var(--faint)}.char-count{position:absolute;right:11px;bottom:9px;color:var(--faint);font-size:10px}.upload-zone{padding:10px;border:1px dashed var(--line-strong);border-radius:7px;background:var(--surface-2)}.upload-zone>p{margin:8px 2px 0;color:var(--faint);font-size:10px}.reference-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.reference-item,.upload-trigger{position:relative;min-width:0;aspect-ratio:1;border-radius:5px;overflow:hidden}.reference-item img{width:100%;height:100%;display:block;object-fit:cover}.reference-item>button{position:absolute;top:4px;right:4px;width:22px;height:22px;padding:0;display:grid;place-items:center;color:#fff;background:#141914b8;border:0;border-radius:4px}.reference-item>span{position:absolute;bottom:4px;left:4px;min-width:20px;height:20px;display:grid;place-items:center;color:#fff;background:#141914b8;border-radius:4px;font-size:10px}.upload-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:9px}.upload-trigger:hover{color:var(--accent);border-color:var(--accent)}.parameter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px;margin-top:22px}.select-field>span{color:var(--muted);margin-bottom:6px}.select-field select{width:100%;height:38px;padding:0 30px 0 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);font-size:12px}.quantity-row{margin:20px 0}.quantity-row>span{margin:0}.segmented.compact{grid-template-columns:repeat(4,36px)}.segmented.compact button{min-height:30px}.generate-button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;background:var(--accent);border:0;border-radius:7px;font-weight:750;font-size:14px;box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 24%,transparent)}.generate-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.generate-button>span{position:absolute;margin-left:260px;font-size:10px;opacity:.75}.privacy-note{display:flex;align-items:flex-start;justify-content:center;gap:6px;margin:11px 0 0;color:var(--faint);font-size:9px;line-height:1.5}.privacy-note svg{flex:0 0 auto}.task-queue{margin-top:22px;border-top:1px solid var(--line);padding-top:17px}.queue-title{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;font-weight:700;margin-bottom:9px}.queue-title strong{margin-left:auto;color:var(--ink);background:var(--surface-3);border-radius:4px;padding:2px 6px}.queue-item{min-height:50px;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--line)}.queue-item>div{min-width:0}.queue-item strong,.queue-item span{display:block;font-size:10px}.queue-item span{color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item>button{border:0;background:none;color:var(--muted);font-size:10px;padding:6px}.queue-number{width:20px;height:20px;border:1px solid var(--line);border-radius:4px;display:grid!important;place-items:center}.result-stage{min-width:0;min-height:0;overflow:auto;display:grid;background-color:var(--page);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:28px 28px;background-position:-1px -1px}.empty-state,.generating-state,.failed-state{width:min(680px,calc(100% - 48px));margin:auto;text-align:center}.sample-image-wrap{position:relative;width:min(420px,72%);aspect-ratio:4 / 3;margin:0 auto 25px;overflow:hidden;border-radius:7px;border:8px solid var(--surface);box-shadow:var(--shadow);transform:rotate(-1deg)}.sample-image-wrap img{width:100%;height:100%;display:block;object-fit:cover}.sample-label{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:5px;padding:6px 8px;color:#fff;background:#171a17c7;border-radius:5px;font-size:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.empty-copy h2,.generating-state h2,.failed-state h2{font-size:22px;margin-bottom:7px}.empty-copy>p:last-child,.generating-state>p,.failed-state>p{color:var(--muted);font-size:12px;margin:0}.generation-visual{position:relative;width:118px;height:118px;margin:0 auto 26px;display:grid;place-items:center;color:#fff;background:var(--accent);border-radius:50%}.generation-visual svg{width:30px;height:30px;animation:pulse 1.6s ease-in-out infinite}.generation-visual span{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);border-radius:50%;animation:ripple 2.4s ease-out infinite}.generation-visual span:nth-child(2){animation-delay:.8s}.generation-visual span:nth-child(3){animation-delay:1.6s}.indeterminate{width:min(280px,80%);height:3px;margin:24px auto 0;overflow:hidden;background:var(--surface-3);border-radius:3px}.indeterminate span{display:block;width:35%;height:100%;background:var(--accent);animation:loading 1.3s ease-in-out infinite}.failure-icon{width:58px;height:58px;margin:0 auto 18px;display:grid;place-items:center;color:var(--danger);background:var(--danger-soft);border-radius:50%}.failed-actions{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:8px}.primary-small,.secondary-small,.continue-edit-button,.primary-button,.secondary-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:6px;padding:0 13px;font-size:12px;font-weight:700}.primary-small,.primary-button{color:#fff;background:var(--accent);border:1px solid var(--accent)}.secondary-small,.secondary-button,.continue-edit-button{color:var(--ink);background:var(--surface);border:1px solid var(--line)}.result-content{width:100%;min-height:100%;padding:25px 28px 30px;display:flex;flex-direction:column}.result-toolbar{margin-bottom:18px}.output-grid{min-height:0;flex:1;display:grid;gap:12px;align-content:center}.output-grid.count-1{grid-template-columns:minmax(0,min(100%,720px));justify-content:center}.output-grid.count-2,.output-grid.count-3,.output-grid.count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.output-card{position:relative;min-height:220px;max-height:calc(100dvh - 240px);overflow:hidden;border-radius:7px;background:var(--surface-3);border:1px solid var(--line)}.output-grid.count-1 .output-card{min-height:360px}.output-card>img{width:100%;height:100%;min-height:inherit;max-height:inherit;display:block;object-fit:contain}.output-actions{position:absolute;top:10px;right:10px;display:flex;gap:6px;opacity:0;transform:translateY(-4px);transition:.15s ease}.output-actions .icon-button{color:#fff;border-color:#ffffff38;background:#141914b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.output-card:hover .output-actions,.output-card:focus-within .output-actions{opacity:1;transform:translateY(0)}.image-index{position:absolute;left:10px;bottom:10px;min-width:28px;height:24px;display:grid;place-items:center;color:#fff;background:#141914b3;border-radius:4px;font-size:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.result-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px}.prompt-summary{min-width:0;display:flex;align-items:center;gap:8px;color:var(--muted)}.prompt-summary svg{flex:0 0 auto;color:var(--accent)}.prompt-summary p{margin:0;max-width:580px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.continue-edit-button{flex:0 0 auto}.history-panel{border-left:1px solid var(--line);padding:25px 16px 30px}.history-header>div:last-child{display:flex;align-items:center}.history-count{margin:10px 0 15px;color:var(--faint);font-size:10px}.history-list{display:flex;flex-direction:column;gap:5px}.history-item{width:100%;min-height:58px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px;border:1px solid transparent;border-radius:7px;background:transparent;text-align:left}.history-item:hover{background:var(--surface-2)}.history-item.selected{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 24%,transparent)}.history-thumb{width:44px;height:44px;display:grid;place-items:center;overflow:hidden;border-radius:5px;background:var(--surface-3);color:var(--faint)}.history-thumb img{width:100%;height:100%;object-fit:cover}.history-thumb svg{width:18px}.history-copy{min-width:0}.history-copy strong,.history-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-copy strong{font-size:11px;margin-bottom:5px}.history-copy small{color:var(--faint);font-size:9px}.history-item>svg{color:var(--faint)}.history-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:var(--faint);font-size:11px}.history-empty svg{width:26px;height:26px}.dialog-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:20px;background:#10141094;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog{width:min(480px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;padding:24px;border-radius:8px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow)}.dialog-header{margin-bottom:20px}.settings-notice{display:flex;gap:10px;padding:12px;margin-bottom:18px;color:var(--green);background:var(--green-soft);border-radius:7px}.settings-notice>svg{flex:0 0 auto}.settings-notice p,.settings-notice strong,.settings-notice span{display:block;margin:0}.settings-notice strong{color:var(--ink);font-size:11px;margin-bottom:4px}.settings-notice span{color:var(--muted);font-size:10px;line-height:1.5}.input-field{display:block;margin-top:15px}.input-field>span{display:flex;align-items:center;gap:6px;margin-bottom:7px;color:var(--muted);font-size:11px;font-weight:700}.input-field input{width:100%;height:42px;padding:0 11px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);font-size:12px}.input-field input[readonly]{color:var(--muted);cursor:default}.field-hint{display:block;margin-top:6px;color:var(--faint);font-size:10px}.model-chip-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.model-chip{min-width:0;display:flex;align-items:center;gap:6px;padding:8px 9px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);color:var(--muted);font-size:10px}.model-chip strong{flex:0 0 auto;min-width:26px;color:var(--ink);font-size:10px}.model-chip:not(:first-child) strong{color:var(--accent)}.password-input{position:relative}.password-input input{padding-right:42px}.password-input button{position:absolute;right:4px;top:4px;width:34px;height:34px;display:grid;place-items:center;border:0;background:transparent;color:var(--muted)}.password-input svg{width:16px}.test-result{display:flex;gap:8px;align-items:flex-start;margin-top:16px;padding:10px;border-radius:6px;font-size:11px;line-height:1.5}.test-result svg{width:16px;flex:0 0 auto}.test-result.success{color:var(--green);background:var(--green-soft)}.test-result.warning{color:var(--yellow);background:var(--yellow-soft)}.test-result.error{color:var(--danger);background:var(--danger-soft)}.dialog-actions{margin-top:24px}.danger-text{color:var(--danger)}.primary-button,.secondary-button{min-width:104px}.primary-button svg,.secondary-button svg{width:15px}.preview-layer{display:flex;flex-direction:column;align-items:center;padding:70px 24px 24px}.preview-layer>img{max-width:100%;max-height:calc(100dvh - 110px);object-fit:contain;border-radius:7px;box-shadow:var(--shadow)}.preview-toolbar{position:absolute;top:16px;left:20px;right:20px;color:#fff;font-size:11px}.preview-toolbar .icon-button{color:#fff;background:#ffffff1f;border-color:#ffffff2e}.toast,.storage-alert{position:fixed;z-index:100;display:flex;align-items:center;gap:8px;border-radius:7px;box-shadow:var(--shadow);font-size:11px}.toast{left:50%;bottom:20px;transform:translate(-50%);padding:10px 13px;color:var(--ink);background:var(--surface);border:1px solid var(--line);animation:toast-in .18s ease-out}.toast svg{color:var(--green)}.storage-alert{right:20px;bottom:20px;max-width:380px;padding:11px 12px;color:var(--danger);background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 25%,transparent)}.storage-alert button{display:grid;place-items:center;border:0;background:none;color:inherit;padding:2px}.storage-alert button svg{width:15px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.15)}}@keyframes ripple{0%{transform:scale(.75);opacity:0}25%{opacity:1}to{transform:scale(1.25);opacity:0}}@keyframes loading{0%{transform:translate(-110%)}to{transform:translate(300%)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}@media(max-width:1120px){.workspace{grid-template-columns:minmax(320px,370px) minmax(420px,1fr)}.mobile-history-button,.history-close{display:grid}.history-panel{position:fixed;z-index:60;top:64px;right:0;bottom:0;width:min(340px,92vw);transform:translate(100%);transition:transform .18s ease;box-shadow:var(--shadow)}.history-panel.open{transform:translate(0)}.mobile-scrim{position:fixed;z-index:55;top:64px;right:0;bottom:0;left:0;border:0;background:#10141073}}@media(max-width:760px){.topbar{height:58px;padding:0 12px}.brand{font-size:13px}.brand-mark{width:32px;height:32px}.beta{display:none}.connection-pill{width:36px;padding:0;justify-content:center}.connection-pill span:nth-of-type(2),.connection-pill svg{display:none}.connection-pill .connection-icon{display:block}.connection-pill .status-dot{display:none}.workspace{height:auto;min-height:calc(100dvh - 58px);display:flex;flex-direction:column;overflow:visible}.composer{padding:22px 16px 28px;border-right:0;border-bottom:1px solid var(--line);overflow:visible}.composer-heading h1{font-size:21px}textarea{min-height:128px}.generate-button>span{right:30px;margin-left:0}.result-stage{min-height:560px;overflow:visible}.empty-state,.generating-state,.failed-state{width:calc(100% - 32px);padding:70px 0}.sample-image-wrap{width:88%}.result-content{padding:20px 16px 28px}.output-grid.count-2,.output-grid.count-3,.output-grid.count-4{grid-template-columns:1fr}.output-card,.output-grid.count-1 .output-card{min-height:300px;max-height:none}.output-card>img{max-height:none}.output-actions{opacity:1;transform:none}.result-meta{align-items:stretch;flex-direction:column}.prompt-summary p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.continue-edit-button{width:100%}.history-panel{top:58px}.mobile-scrim{top:58px;right:0;bottom:0;left:0}.split-actions{align-items:stretch;flex-direction:column-reverse}.split-actions>div{display:grid;grid-template-columns:1fr 1fr}.primary-button,.secondary-button{width:100%}.danger-text{justify-content:center}}@media(max-width:380px){.top-actions{gap:5px}.top-actions .icon-button,.connection-pill{width:34px;height:34px}.composer-heading .icon-text-button{width:34px;height:34px;justify-content:center;border:1px solid var(--line);border-radius:7px;font-size:0}.parameter-grid{grid-template-columns:1fr}.reference-list{grid-template-columns:repeat(4,minmax(0,1fr))}.result-toolbar{align-items:flex-start}.toolbar-actions{display:grid;grid-template-columns:34px 34px}.toolbar-actions .icon-button{width:34px;height:34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}