:root{color-scheme:dark;--bg:#101215;--panel:#191c21;--line:#2c3138;--text:#eef0f2;--muted:#9aa4b2;--accent:#b8f58a;--bad:#ffa4a4;--blue:#99c6ff;font:15px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input,select,textarea{display:block;width:100%;background:#111418;border:1px solid #3b424d;color:var(--text);border-radius:9px;padding:12px;margin-top:7px}input:focus,select:focus,textarea:focus{outline:2px solid #8bbd65;outline-offset:1px}textarea{resize:vertical}label{display:block;margin-top:19px;font-weight:600;font-size:14px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1200px)/2));gap:20px}.brand{color:var(--text);letter-spacing:.07em;font-weight:800;font-size:19px;white-space:nowrap}.brand span{color:var(--accent);font-size:11px;padding:4px 6px;background:#233122;border-radius:4px;margin-left:6px}nav{display:flex;align-items:center;gap:25px;font-size:13px}main{max-width:1248px;padding:36px 24px;margin:auto}.intro{display:flex;justify-content:space-between;gap:32px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--accent);font-weight:650;margin:0 0 12px}h1{font-weight:600;letter-spacing:-.04em;font-size:32px;line-height:1.2;max-width:590px;margin:0 0 13px}h2{font-size:18px;line-height:1.4;font-weight:600;margin:0}h3{font-size:18px}p{margin:9px 0}.muted,.hint{color:var(--muted)}.hint{font-size:12px;margin-top:10px}.mode{flex-shrink:0;display:grid;grid-template-columns:10px auto;column-gap:12px;align-items:center;font-size:13px}.mode>span:last-child{grid-column:2;font-size:11px;color:var(--muted);margin-top:4px}.dot{width:8px;height:8px;background:var(--accent);border-radius:50%}.flow{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:10px;padding:16px 20px;margin:30px 0 24px;color:#c4ccd5;font-size:12px}.flow b{color:var(--accent);font-size:10px;margin-right:7px}.flow i{color:#59616c}.workspace{display:grid;grid-template-columns:1fr 1.12fr;gap:22px;align-items:stretch}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.tag,.pill{font-size:11px;white-space:nowrap;border:1px solid #414b43;border-radius:6px;padding:4px 9px;color:var(--accent)}.pill.offline,.tag.failed{border-color:#664646;color:var(--bad)}.tag.running,.tag.queued{color:var(--blue);border-color:#3e546f}.primary,.secondary{border-radius:8px;padding:11px 15px;font-weight:600;border:1px solid transparent}.primary{width:100%;background:var(--accent);color:#15200f;display:flex;align-items:center;justify-content:space-between;margin-top:22px}.primary:hover{background:#c9ffa5}.secondary{background:#242a31;border-color:#3b424b;color:var(--text);font-size:12px}.secondary:hover{background:#303844}.feedback{font-size:13px;min-height:22px;color:var(--accent);overflow-wrap:anywhere}.feedback.error{color:var(--bad)}details{border-top:1px solid var(--line);margin-top:19px;padding-top:15px;font-size:13px;color:var(--muted)}summary{cursor:pointer;color:#c5cdd6}details p{margin-top:12px}.result-panel{display:flex;flex-direction:column;min-height:420px}.empty{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;flex:1;min-height:260px;color:var(--muted)}.empty-icon{font-size:68px;line-height:1;color:#65725d}.empty h3{color:#d5dcd2;font-weight:500;margin-bottom:4px}.empty p{font-size:13px;max-width:300px}.result-panel img{width:100%;max-height:280px;object-fit:contain;border-radius:9px;background:#0f1419;margin:5px 0 12px}.job-message{border:1px solid var(--line);border-radius:9px;background:#12161c;color:var(--blue);padding:22px;margin-top:14px;font-size:14px}.job-message.error{color:var(--bad)}.mono,pre{font-family:ui-monospace,Consolas,monospace}.history-panel{margin-top:24px}.history{display:grid;gap:8px}.history-item{display:grid;grid-template-columns:minmax(0,1fr) 130px 100px;align-items:center;gap:15px;text-align:left;border:1px solid var(--line);background:#15191e;padding:12px 14px;border-radius:9px;color:var(--text);width:100%}.history-item:hover,.history-item.selected{border-color:#71875f;background:#20281e}.history-item .prompt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.history-item time{font-size:11px;color:var(--muted)}.history-item .tag{justify-self:end}.request-panel{margin-top:20px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0f1317;color:#c0dcb7;border-radius:8px;padding:18px;font-size:12px;max-height:420px;overflow:auto}footer{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);padding:24px 0 0}.docs-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.endpoint{border-bottom:1px solid var(--line);padding:15px 0}.endpoint code{color:var(--accent);font-size:12px}.endpoint p{font-size:13px;color:var(--muted)}.inline-actions{display:flex;align-items:center;gap:10px}.inline-actions input{min-width:0}.docs-intro{max-width:760px}.docs-intro h1{max-width:none}.docs-note{font-size:13px;color:var(--muted);margin-top:24px}[hidden]{display:none!important}@media(max-width:850px){.intro{display:block}.mode{margin-top:23px}.workspace,.docs-grid{grid-template-columns:1fr}.flow{flex-wrap:wrap;justify-content:flex-start}.flow i{display:none}.flow span{flex:1 0 40%}.result-panel{min-height:360px}h1{font-size:28px}}@media(max-width:520px){main{padding:25px 16px}.topbar{padding:0 16px;height:auto;min-height:76px}.topbar nav{gap:7px;align-items:flex-end;flex-direction:column;font-size:11px}.panel{padding:18px}.history-item{grid-template-columns:minmax(0,1fr) 85px;gap:8px}.history-item time{grid-column:1}.history-item .tag{grid-column:2;grid-row:1/3}.flow{padding:13px}.flow span{font-size:11px}footer{flex-direction:column;gap:6px}}

#result-image,#source-preview{background-color:#d9dde2;background-image:conic-gradient(#fff 25%,transparent 0 50%,#fff 0 75%,transparent 0);background-size:20px 20px}

/* Cabinet layout; shared login/account pages retain their existing styles. */
.cabinet .intro{margin-bottom:16px}.cabinet .workspace{margin-top:24px;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);align-items:start}
.cabinet .account-menu{margin:0;padding:0;border:0;position:relative;max-width:280px}.account-menu summary{overflow-wrap:anywhere}.account-menu button{display:block;margin-top:10px;width:100%}
.cabinet .topbar{min-height:76px;height:auto;padding-top:15px;padding-bottom:15px;align-items:start}.cabinet .result-panel{position:sticky;top:20px;min-height:480px}.cabinet #result-image{max-height:560px}
.cabinet .parameter-panel{padding-bottom:8px}.cabinet fieldset{border:1px solid var(--line);border-radius:10px;margin:20px 0;padding:16px;min-width:0}.cabinet #source-preview{object-fit:contain;display:block;margin:12px 0;max-width:100%}
.result-actions,.pagination{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px}.pagination{justify-content:space-between}.history-model{color:var(--muted);font-size:11px}.cabinet .mono{overflow-wrap:anywhere}.cabinet .tag.needs_review{color:#f3cb87;border-color:#796746}
@media(max-width:850px){.cabinet .workspace{grid-template-columns:1fr}.cabinet .result-panel{position:static}.cabinet .topbar{flex-wrap:wrap}.cabinet .account-menu{max-width:100%}.cabinet .topbar nav{flex-direction:row;align-items:center}.cabinet .history-item{min-width:0}}
