:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color-scheme:light;font-synthesis:none;--bg: #f4f5f2;--panel: #fff;--soft: #f6f7f4;--ink: #202a27;--muted: #65716b;--line: #e1e6df;--accent: #28634d;--accent-hover: #1c4b3a;--tint: #eaf2e9;--danger: #ac3e38;--warning: #8a6225;--shadow: 0 8px 28px #25392b06;--rail: 208px}:root[data-theme=dark]{color-scheme:dark;--bg: #131916;--panel: #1b231e;--soft: #222c25;--ink: #e8eee7;--muted: #a3b1a5;--line: #354137;--accent: #a7d3ae;--accent-hover: #c3e4c6;--tint: #293e2f;--danger: #f1a29a;--warning: #e3c287;--shadow: 0 8px 28px #00000012}*{box-sizing:border-box}html{min-width:320px;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.6}button,input,textarea,select{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);cursor:pointer;transition:background .16s,border-color .16s,color .16s}button:hover:not(:disabled){background:var(--soft);border-color:var(--muted)}button:disabled{opacity:.48;cursor:not-allowed}button svg,a svg{flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,label:has(input[type=file]:focus-visible){outline:3px solid var(--accent);outline-offset:3px}input,textarea,select{max-width:100%;min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--ink)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.85}input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:clamp(24px,2.3vw,32px);font-weight:650;letter-spacing:-.8px;line-height:1.3}h2{font-size:18px;font-weight:650;letter-spacing:-.3px}h3{font-size:13px;font-weight:650}.app-shell{min-height:100dvh}.side-panel{position:fixed;inset:0 auto 0 0;z-index:20;width:var(--rail);padding:32px 16px 22px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--panel)}.brand{display:flex;align-items:center;gap:10px;padding:0 10px}.brand>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--accent);color:var(--panel);font-size:11px;font-weight:750;letter-spacing:.5px}.brand strong{font-size:19px;letter-spacing:-.5px}.brand-note{margin:17px 10px 36px;font-size:12px;color:var(--muted)}.studio-nav{display:flex;flex-direction:column;gap:6px}.studio-nav button,.side-action{justify-content:flex-start;width:100%;gap:11px;border:0;padding:12px 14px;color:var(--muted);background:transparent}.studio-nav button.active{color:var(--accent);background:var(--tint);font-weight:650}.studio-nav button.active:after{content:"";width:5px;height:5px;background:currentColor;border-radius:50%;margin-left:auto}.side-bottom{margin-top:auto;padding-top:24px;display:grid;gap:4px}.side-action{font-size:13px}.workspace{margin-left:var(--rail);padding:34px clamp(22px,3vw,48px) 48px;display:grid;grid-template-columns:minmax(320px,390px) minmax(0,1fr);grid-template-areas:"header header" "notice notice" "composer results" "options results";align-content:start;align-items:start;column-gap:28px}.topbar{grid-area:header;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px;margin-bottom:28px}.eyebrow{font-size:10px;line-height:1.4;font-weight:700;letter-spacing:2px;color:var(--accent);margin-bottom:8px}.top-actions{display:flex;align-items:center;gap:12px}.quiet-link{font-size:12px;padding:9px 12px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.mobile-settings{display:none}.notice{grid-area:notice;margin-bottom:20px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--tint);border:1px solid var(--line);border-radius:12px;font-size:13px;overflow-wrap:anywhere}.notice button{flex-shrink:0;border:0;background:transparent;padding:5px}.composer-card{grid-area:composer;padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);margin-bottom:16px;min-width:0}.mode-switch{display:flex;padding:4px;gap:3px;border-radius:11px;background:var(--soft);margin-bottom:24px}.mode-switch button{flex:1;border:0;background:transparent;color:var(--muted);font-size:13px}.mode-switch button.active{background:var(--panel);color:var(--ink);box-shadow:0 2px 7px #00000009}.prompt-label{display:block;font-weight:650;margin-bottom:12px}.prompt-label span{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:4px}#prompt{width:100%;min-height:184px;line-height:1.85;font-size:14px;resize:vertical;padding:14px}.prompt-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;color:var(--muted);font-size:11px}.text-button{border:0;background:transparent;padding:4px 0;min-height:32px;color:var(--muted);font-size:12px}.options-card{grid-area:options;min-width:0;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}.option-group+.option-group{margin-top:20px}.option-group h3{margin-bottom:10px}.model-grid,.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.option{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px;text-align:left;min-width:0;font-size:12px}.option strong{font-size:12px;font-weight:600}.option span{color:var(--muted);font-size:11px;overflow-wrap:anywhere}.option.selected,.choice.selected{border-color:var(--accent);color:var(--accent);background:var(--tint)}.quality-row,.count-row{display:flex;flex-wrap:wrap;gap:7px}.choice{flex:1;min-height:36px;padding:7px;font-size:12px}.option-hint{flex-basis:100%;font-size:11px;color:var(--muted);margin-top:3px}.generate-button,.primary-button{background:var(--accent);border-color:var(--accent);color:var(--panel);font-weight:650}.generate-button:hover:not(:disabled),.primary-button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.generate-button{width:100%;margin-top:25px;min-height:48px;border-radius:12px}.continue-button{width:100%;margin-top:10px;color:var(--accent)}.privacy-note{margin-top:14px;font-size:11px;line-height:1.7;color:var(--muted)}.privacy-note svg{vertical-align:middle;margin-right:4px}.result-section{grid-area:results;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:24px;min-height:690px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}.result-section .eyebrow{font-size:9px}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:18px}.result-card{min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden}.image-button{position:relative;width:100%;aspect-ratio:1;border:0;padding:0;border-radius:0;display:block;background:var(--soft);overflow:hidden}.image-button img{display:block;width:100%;height:100%;object-fit:contain}.image-button>span{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:inline-flex;gap:6px;align-items:center;padding:6px 10px;border-radius:20px;background:#18251fd9;color:#fff;font-size:11px;white-space:nowrap;opacity:0;transition:opacity .16s}.image-button:hover>span,.image-button:focus-visible>span{opacity:1}.image-placeholder{display:grid;place-items:center;height:100%;background:var(--soft);color:var(--muted)}.result-meta{padding:12px 13px 0;display:flex;justify-content:space-between;align-items:center;gap:7px;flex-wrap:wrap;font-size:11px}.result-meta p{font-weight:600}.result-meta span{color:var(--muted)}.result-actions{display:flex;gap:4px;flex-wrap:wrap;padding:8px}.result-actions button{flex:1;padding:6px;border:0;font-size:11px;background:transparent;white-space:nowrap}.result-actions .danger{flex:0 0 32px}.result-card>small{display:block;padding:0 13px 10px;color:var(--warning)}.empty-results{min-height:560px;padding:40px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;border-radius:14px;background-color:var(--soft);background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:20px 20px;color:var(--muted)}.empty-results>svg{width:68px;height:68px;padding:20px;margin-bottom:10px;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--accent);box-shadow:0 12px 30px #26392e0a}.empty-results p{font-size:16px;color:var(--ink);font-weight:600}.empty-results>span{max-width:320px;font-size:12px;line-height:1.9}.request-statuses{display:grid;gap:8px;margin-bottom:18px}.request-statuses>div{padding:12px;border:1px solid var(--line);background:var(--soft);border-radius:11px}.request-statuses p{font-size:12px;margin-top:5px;color:var(--muted)}.request-statuses small{display:block;color:var(--danger);overflow-wrap:anywhere}.status{display:inline-flex;font-size:11px;padding:2px 7px;border-radius:6px;background:var(--soft);color:var(--muted)}.status.success,.status.running{color:var(--accent);background:var(--tint)}.status.failed,.status.unknown,.status.interrupted,.danger,.quiet-danger{color:var(--danger)}.reference-picker{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.reference-heading,.reference-heading>div{display:flex;gap:6px}.reference-heading{justify-content:space-between;flex-wrap:wrap}.reference-heading>div{flex-direction:column}.reference-heading span{color:var(--muted);font-size:11px}.upload-button{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;font-size:12px;cursor:pointer}.upload-button input,.drop-zone input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.reference-card{position:relative;min-width:0}.reference-card img{width:100%;height:100px;object-fit:contain;border:1px solid var(--line);background:var(--soft);border-radius:9px}.reference-card>span,.reference-card>button{position:absolute;top:5px}.reference-card>span{left:6px;font-size:11px;background:var(--panel);border-radius:5px;padding:1px 5px}.reference-card>button{right:5px;padding:3px;min-height:28px}.reference-card p{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.drop-zone{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;border:1px dashed var(--muted);border-radius:12px;margin-top:14px;padding:22px 12px;background:var(--soft);cursor:pointer}.drop-zone strong{font-size:12px}.drop-zone span{font-size:11px;color:var(--muted)}.history-page,.api-page{grid-column:1 / -1;grid-row:3 / span 2;min-width:0}.history-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.history-intro p:not(.eyebrow){color:var(--muted);margin-top:8px;font-size:13px}.history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px}.history-card{display:flex;gap:16px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.history-thumb{width:112px;height:112px;flex:0 0 112px;background:var(--soft);border-radius:10px;overflow:hidden}.history-thumb img{width:100%;height:100%;object-fit:contain}.status-mark{display:grid;place-items:center;height:100%;font-size:12px;color:var(--muted)}.history-body{min-width:0;flex:1}.history-body>div:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:12px}.history-body>p{margin:9px 0;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:9em;overflow:auto}.history-body>small{display:block;overflow-wrap:anywhere;color:var(--danger)}.history-actions{display:flex;flex-wrap:wrap;gap:5px}.history-actions button{padding:5px 7px;font-size:11px}.api-hero,.api-guide article,.api-page>section,.api-page>article,.code-card,.api-code{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.api-hero p:not(.eyebrow){max-width:780px;color:var(--muted);margin:12px 0 20px}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;font-size:13px;background:var(--panel)}.api-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.api-guide article>span{color:var(--accent);font-size:12px}.api-guide h3{margin:8px 0}.api-guide p{font-size:13px;color:var(--muted)}.api-page section,.api-page article{min-width:0}.api-page>section,.api-page>article{margin-top:20px}.api-page pre{overflow:auto;white-space:pre;max-width:100%;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--soft);font-size:12px;line-height:1.9;-moz-tab-size:2;tab-size:2}.api-page code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em;overflow-wrap:anywhere}.api-page table{width:100%;border-collapse:collapse;font-size:13px}.api-page th,.api-page td{padding:12px;text-align:left;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.api-page ul,.api-page ol{line-height:2;padding-left:24px;color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;padding:24px;display:grid;place-items:center;background:#0c1711a3;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal,.preview-modal{position:relative;width:min(100%,520px);max-height:calc(100dvh - 48px);overflow:auto;padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:0 24px 90px #0003}.modal-close{position:absolute;top:12px;right:12px;border:0;padding:7px;background:var(--soft)}.modal>p:not(.eyebrow),.key-note{color:var(--muted);font-size:12px;line-height:1.9;margin-top:12px}.key-field{display:block;margin:24px 0 16px}.key-field>span{display:block;font-size:12px;margin-bottom:8px}.key-field>div{display:flex;gap:8px}.key-field input{flex:1;width:0}.remember{display:flex;align-items:center;gap:9px;font-size:13px}.key-status{padding:10px 12px;border-radius:9px;background:var(--tint);overflow-wrap:anywhere}.modal-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:24px}.preview-modal{width:min(100%,1100px);padding:20px}.preview-modal>img{display:block;max-width:100%;max-height:70dvh;object-fit:contain;margin:auto}.preview-modal>div{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-top:16px}.preview-modal p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.preview-modal .primary-button{flex-shrink:0}.spinning{animation:rotate 1.1s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}@media(min-width:1700px){.workspace{max-width:1720px;margin-right:auto}.result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1180px){:root{--rail: 180px}.workspace{padding:24px;gap:0 20px;grid-template-columns:minmax(280px,340px) minmax(0,1fr)}.side-panel{padding:26px 10px 18px}.brand strong{font-size:17px}.brand-note{font-size:11px}.result-section,.composer-card,.options-card{padding:18px}}@media(max-width:960px){.workspace{display:block}.topbar{margin-bottom:22px}.composer-card,.options-card{margin-bottom:18px}.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-section{min-height:0}.empty-results{min-height:300px}.api-guide{grid-template-columns:1fr}}@media(max-width:640px){:root{--rail: 0px}.side-panel{position:static;width:100%;padding:16px 16px 10px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0}.brand-note,.side-bottom{display:none}.studio-nav{flex-direction:row;gap:3px;margin-top:16px}.studio-nav button{flex:1;flex-direction:column;gap:5px;padding:9px 3px;font-size:11px}.studio-nav button.active:after{display:none}.workspace{margin:0;padding:22px 16px 32px}.topbar{min-height:48px}.topbar .eyebrow{font-size:9px}.mobile-settings{display:inline-flex;padding:9px}.quiet-link{display:none}.history-intro{flex-direction:column}.history-card{padding:12px;gap:12px}.history-thumb{width:76px;height:76px;flex-basis:76px}.result-section{padding:16px}.modal-backdrop{padding:12px}.modal,.preview-modal{padding:24px 18px;max-height:calc(100dvh - 24px);border-radius:16px}.preview-modal>div{flex-direction:column}.api-hero,.api-guide article{padding:18px}.api-page table{font-size:11px}.api-page th,.api-page td{padding:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}