:root{--bg:#07090c;--panel:#0f1318;--panel2:#151a21;--line:#252c35;--text:#f2f5f7;--muted:#8a95a3;--lime:#b7ff45;--lime2:#77d800;--danger:#ff6b72;--shadow:0 28px 80px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}button,input,textarea,select{font:inherit}.hidden{display:none!important}.noise{position:fixed;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-size:20px;font-weight:800;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--lime);color:#0a0d08;font-weight:950;box-shadow:0 0 36px rgba(183,255,69,.15)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(480px,.95fr)}.brand-panel{padding:46px 8vw 38px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 38%,rgba(183,255,69,.12),transparent 35%),linear-gradient(135deg,#080b0e,#11171b)}.brand-panel:after{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(183,255,69,.18);border-radius:50%;right:-160px;top:23%;box-shadow:0 0 0 60px rgba(183,255,69,.02),0 0 0 120px rgba(183,255,69,.015)}.hero-copy{position:relative;z-index:1;max-width:650px}.eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:.16em;color:var(--lime);font-weight:800}.hero-copy h1{font-size:clamp(54px,6.2vw,96px);line-height:.94;letter-spacing:-.075em;margin:19px 0 28px}.hero-copy h1 em{font-style:normal;color:var(--lime)}.hero-copy p{max-width:520px;font-size:17px;line-height:1.8;color:var(--muted)}.brand-foot{color:var(--muted);font-size:13px;display:flex;align-items:center;gap:9px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 16px var(--lime)}.auth-panel{display:grid;place-items:center;padding:40px;background:#090c10}.auth-card{width:min(430px,100%)}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:36px}.auth-tab{flex:1;padding:16px;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);cursor:pointer;font-weight:700}.auth-tab.active{border-color:var(--lime);color:var(--text)}.form-head h2{font-size:32px;letter-spacing:-.04em;margin:0 0 8px}.form-head p{color:var(--muted);margin:0 0 28px}.auth-form,.prompt-card form{display:grid;gap:19px}label{display:grid;gap:9px;font-size:13px;color:#cad1d8;font-weight:650}input,textarea,select{width:100%;color:var(--text);background:#0a0d11;border:1px solid var(--line);border-radius:10px;padding:14px 15px;outline:none;transition:.2s}input:focus,textarea:focus,select:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(183,255,69,.09)}textarea{resize:vertical}.primary,.secondary,.text-button{border:0;cursor:pointer;border-radius:9px;font-weight:800;transition:.18s}.primary{background:var(--lime);color:#0a0d08;padding:14px 18px}.primary:hover{background:#cbff78;transform:translateY(-1px)}.primary:disabled{opacity:.55;cursor:wait;transform:none}.secondary{padding:10px 13px;background:#1a2027;color:var(--text);border:1px solid var(--line)}.secondary:hover{border-color:#46515e}.wide{width:100%}.message{min-height:22px;margin:16px 0;color:var(--muted);font-size:13px}.message.error{color:var(--danger)}.message.success{color:var(--lime)}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:#090c10;padding:29px 20px;display:flex;flex-direction:column}.compact{padding:0 9px;margin-bottom:45px}.sidebar nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;border:0;background:transparent;color:var(--muted);padding:13px 14px;border-radius:9px;text-align:left;cursor:pointer;font-weight:700}.nav-item span{font-family:ui-monospace,monospace;font-size:17px;width:20px;text-align:center}.nav-item.active,.nav-item:hover{background:#171d23;color:var(--text)}.nav-item.active span{color:var(--lime)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:20px 5px 0}.mini-user{display:flex;align-items:center;gap:11px}.mini-user>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#252d35;color:var(--lime);font-weight:900}.mini-user div{min-width:0}.mini-user strong,.mini-user small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-user small{color:var(--muted);font-size:11px;margin-top:4px}.text-button{background:none;color:var(--muted);padding:12px 0;margin-top:12px}.text-button:hover{color:var(--danger)}.workspace{min-width:0;padding:35px clamp(24px,4vw,62px) 60px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.topbar h1{font-size:34px;letter-spacing:-.045em;margin:7px 0 0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:23px}.metric.accent{background:linear-gradient(145deg,#171d19,#111715);border-color:#3d522d}.metric.accent:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:var(--lime);filter:blur(70px);opacity:.18;right:-20px;top:-20px}.metric span{display:block;color:var(--muted);font-size:12px;margin-bottom:17px}.metric strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:30px;letter-spacing:-.05em}.metric small{color:var(--muted);font-size:11px;margin-left:6px}.content-grid{display:grid;gap:14px;margin-top:14px}.content-grid.two{grid-template-columns:1fr 1fr}.card{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:23px;box-shadow:var(--shadow)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.card h2{font-size:18px;margin:7px 0 0}.badge{font-size:11px;padding:6px 9px;border-radius:99px;background:#20262d;color:var(--muted)}.badge.good{background:rgba(183,255,69,.1);color:var(--lime)}.secret-row{display:flex;gap:8px;align-items:center}.secret-row code{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#090c10;border:1px solid var(--line);padding:12px 13px;border-radius:8px;color:#dce4ec;font-size:12px}.hint{color:var(--muted);font-size:12px;line-height:1.7;margin:14px 0 0}.split-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.split-stats div{background:#0a0d11;border:1px solid var(--line);border-radius:9px;padding:15px}.split-stats span{display:block;color:var(--muted);font-size:11px;margin-bottom:8px}.split-stats strong{font-family:ui-monospace,monospace;font-size:19px}.studio-grid{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(420px,1.15fr);gap:14px}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:12px}.result-card{min-height:610px}.result-placeholder{min-height:550px;display:grid;place-content:center;text-align:center;color:var(--muted)}.result-placeholder span{font-size:58px;color:var(--lime)}.result-placeholder h3{color:var(--text);margin:18px 0 6px}.result-placeholder p{margin:0}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.result-grid img{display:block;width:100%;border-radius:9px;background:#080a0d;border:1px solid var(--line)}pre{margin:0;background:#090c10;border:1px solid var(--line);border-radius:9px;padding:16px;overflow:auto;color:#cbd8c2;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-all}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-size:11px;font-weight:700;padding:12px;border-bottom:1px solid var(--line)}td{padding:14px 12px;border-bottom:1px solid #1e242b;color:#d6dde4}td.success{color:var(--lime)}td.failed{color:var(--danger)}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid.two,.studio-grid{grid-template-columns:1fr}}@media(max-width:760px){.auth-shell{grid-template-columns:1fr}.brand-panel{display:none}.auth-panel{min-height:100vh}.app-shell{display:block}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:16px}.sidebar .brand,.sidebar-foot{display:none}.sidebar nav{display:flex;overflow:auto}.nav-item{white-space:nowrap}.workspace{padding:24px 16px 50px}.metric-grid{grid-template-columns:1fr 1fr}.topbar{align-items:center}.topbar h1{font-size:27px}.secret-row{flex-wrap:wrap}.secret-row code{flex-basis:100%}.split-stats{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr}}@media(max-width:460px){.metric-grid{grid-template-columns:1fr}.nav-item{padding:10px;font-size:12px}.nav-item span{display:none}}

/* Image/video model switch */
.studio-tabs{display:flex;gap:8px;margin:0 0 14px;padding:5px;width:max-content;max-width:100%;border:1px solid var(--line);border-radius:11px;background:#0a0d11}
.studio-tab{border:0;border-radius:8px;padding:10px 20px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}
.studio-tab.active{background:var(--lime);color:#090c10}
.form-row.three{grid-template-columns:repeat(3,1fr)}
.result-placeholder p{max-width:460px;word-break:break-all}
.video-result-grid{min-height:550px;display:grid;place-items:center}
.video-result-grid video{display:block;width:100%;max-height:70vh;border-radius:10px;background:#050608;border:1px solid var(--line)}
@media(max-width:760px){.form-row.three{grid-template-columns:1fr}}
@media(max-width:460px){.studio-tabs{width:100%}.studio-tab{flex:1;padding:10px}}

/* Full upstream-style creative controls */
.prompt-card form{gap:16px}
.prompt-card .card-head{gap:18px}
.mini-tabs{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:9px;background:#090c10}
.mini-tabs.stretch{width:100%;margin-top:10px}
.mini-tab{border:0;border-radius:6px;padding:7px 10px;background:transparent;color:var(--muted);font-size:12px;font-weight:800;cursor:pointer}
.mini-tab.active{background:#20272e;color:var(--lime)}
.mini-tabs.stretch .mini-tab{flex:1}
.option-block{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#0a0d11}
.option-block.compact{padding:11px 14px}
.option-title{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#d9e0e6;font-size:13px;font-weight:800}
.option-title small,.option-title strong{color:var(--muted);font-size:11px;font-weight:700}
.option-title strong{color:var(--lime);font-family:ui-monospace,monospace}
.ratio-grid{display:grid;grid-template-columns:repeat(5,minmax(62px,1fr));gap:7px}
.ratio-option{min-height:86px;border:1px solid var(--line);border-radius:8px;background:#0d1116;color:var(--muted);display:grid;place-items:center;align-content:center;gap:4px;padding:7px;cursor:pointer}
.ratio-option:hover,.ratio-option.active{border-color:var(--lime);color:var(--text);background:rgba(183,255,69,.04)}
.ratio-option i{display:block;width:min(32px,calc(24px * var(--rw) / var(--rh)));height:min(32px,calc(24px * var(--rh) / var(--rw)));min-width:8px;min-height:8px;border:2px solid currentColor;border-radius:2px}
.ratio-option span{font-size:11px;font-weight:800}.ratio-option small{font:10px ui-monospace,monospace;color:var(--muted)}
.custom-ratio{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid transparent;border-radius:8px;color:var(--muted);font-size:12px}
.custom-ratio.active{border-color:var(--lime);background:rgba(183,255,69,.035)}
.custom-ratio input{width:64px;padding:8px;text-align:center}.custom-ratio .secondary{margin-left:auto;padding:8px 11px}
.segment-group{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.segment-group label{display:block}.segment-group input{position:absolute;opacity:0;pointer-events:none}.segment-group span{display:block;padding:10px;text-align:center;border:1px solid var(--line);border-radius:7px;color:var(--muted);cursor:pointer;font-size:12px}
.segment-group input:checked+span{border-color:var(--lime);background:rgba(183,255,69,.08);color:var(--lime)}
.toggle-row{display:flex;grid-template-columns:none;align-items:center;justify-content:space-between;padding:14px;border:1px solid var(--line);border-radius:10px;background:#0a0d11}
.toggle-row>span{display:grid;gap:4px}.toggle-row small{color:var(--muted);font-weight:500}.toggle-row input{width:42px;height:22px;accent-color:var(--lime)}
.chips{display:flex;flex-wrap:wrap;gap:7px}.chips button{border:1px solid var(--line);border-radius:99px;background:#11171d;color:var(--muted);padding:7px 10px;font-size:10px;cursor:pointer;text-align:left}.chips button:hover{border-color:#4a5b42;color:var(--text)}
.upload-zone{position:relative;display:grid;place-items:center;min-height:82px;border:1px dashed #44505c;border-radius:9px;background:#0d1217;color:var(--muted);cursor:pointer;text-align:center;padding:14px}.upload-zone:hover{border-color:var(--lime);color:var(--text)}.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-zone strong,.upload-zone small{display:block}.upload-zone small{font-size:10px;color:var(--muted)}
.media-list,.url-list{display:grid;gap:6px}.media-pill{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:#10151a;font-size:11px}.media-pill span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cbd3da}.media-pill button{border:0;background:none;color:var(--danger);font-size:10px;cursor:pointer}
.video-ratios{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.video-ratios button{border:1px solid var(--line);border-radius:7px;background:#0d1116;color:var(--muted);padding:9px 5px;font-size:11px;cursor:pointer}.video-ratios button.active{border-color:var(--lime);color:var(--lime);background:rgba(183,255,69,.06)}.video-ratios small{font-size:9px}
.switch-only{display:flex;grid-template-columns:auto auto 1fr;align-items:center;gap:8px}.switch-only input{position:absolute;opacity:0}.switch-only span{position:relative;width:38px;height:21px;border-radius:99px;background:#333c45;cursor:pointer}.switch-only span:after{content:"";position:absolute;width:15px;height:15px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.switch-only input:checked+span{background:var(--lime)}.switch-only input:checked+span:after{transform:translateX(17px);background:#0b0e0a}.switch-only b{font-size:11px;color:var(--muted)}
.reference-panel{display:grid;gap:9px;margin-top:3px}.inline-add{display:flex;gap:7px}.inline-add input{min-width:0}.frame-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
input[type=range]{padding:0;height:5px;border:0;background:#2a323a;accent-color:var(--lime)}
@media(min-width:1051px){.studio-grid{grid-template-columns:minmax(520px,.92fr) minmax(420px,1.08fr);align-items:start}.result-card{position:sticky;top:24px}}
@media(max-width:760px){.ratio-grid{grid-template-columns:repeat(2,1fr)}.video-ratios{grid-template-columns:repeat(3,1fr)}.frame-grid{grid-template-columns:1fr}.prompt-card .card-head{align-items:flex-start;flex-direction:column}.mini-tabs{width:100%}.mini-tabs .mini-tab{flex:1}}

/* Multi-key management */
.key-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.key-list{display:grid;gap:9px}.key-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:10px;background:#090c10}.key-row.selected{border-color:#4b672f;background:rgba(183,255,69,.035)}
.key-row-main{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:5px 7px;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.key-number{font-weight:900;white-space:nowrap}.key-row-main code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dce4ec;font-size:12px}.key-row-actions{display:flex;gap:7px}
.key-empty{display:grid;gap:6px;place-items:center;padding:28px 16px;border:1px dashed #39424c;border-radius:10px;color:var(--muted);text-align:center}.key-empty strong{color:var(--text)}.key-empty span{font-size:12px}
.confirm-dialog{width:min(420px,calc(100% - 32px));padding:0;border:1px solid #39442f;border-radius:14px;background:#10151a;color:var(--text);box-shadow:0 30px 100px rgba(0,0,0,.7)}.confirm-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}.confirm-dialog-body{display:grid;place-items:center;padding:30px;text-align:center}.confirm-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(183,255,69,.12);color:var(--lime);font-size:28px}.confirm-dialog h3{margin:18px 0 8px;font-size:22px}.confirm-dialog p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.confirm-actions{display:flex;justify-content:center;gap:9px;width:100%;margin-top:24px}.confirm-actions button{min-width:120px}
@media(max-width:760px){.key-head-actions{justify-content:flex-start}.key-head-actions .secondary{padding:8px 10px}.key-row{grid-template-columns:1fr}.key-row-actions{justify-content:flex-end}.key-row-main{grid-template-columns:auto minmax(0,1fr)}.key-row-main .badge{display:none}}

/* Key usage, wallet allocation and editor */
.split-stats.four{grid-template-columns:repeat(4,1fr)}
.edit-key-dialog{width:min(580px,calc(100% - 32px));max-width:calc(100vw - 32px);overflow-x:hidden}.edit-key-form{display:grid;min-width:0;max-width:100%;gap:16px;padding:24px;overflow-x:hidden}.edit-dialog-head{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:16px}.edit-dialog-head h3{margin:6px 0 0;text-align:left}
.wallet-hint{max-width:100%;padding:10px 12px;border:1px solid #34402d;border-radius:8px;background:rgba(183,255,69,.035)!important;text-align:left!important;overflow-wrap:anywhere}.wallet-hint strong{color:var(--lime)}.model-limit-block{display:grid;min-width:0;gap:10px}.model-checklist{display:grid;min-width:0;max-width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;max-height:260px;overflow-x:hidden;overflow-y:auto;padding:10px;border:1px solid var(--line);border-radius:9px;background:#090c10}
.model-check{display:block}.model-check input{position:absolute;opacity:0;pointer-events:none}.model-check span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:7px;color:var(--muted);cursor:pointer}.model-check input:checked+span{border-color:var(--lime);background:rgba(183,255,69,.08);color:var(--text)}.model-check b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.model-check small{font-size:9px;color:var(--muted);white-space:nowrap}.muted-text{color:var(--muted);font-size:12px}
.generation-lock{margin:0 0 14px;padding:12px 14px;border:1px solid #594c26;border-radius:9px;background:rgba(255,190,60,.06);color:#ffd179}
@media(max-width:760px){.split-stats.four{grid-template-columns:1fr 1fr}.model-checklist{grid-template-columns:1fr}.key-row-actions{flex-wrap:wrap}}

/* Account recharge and official Alipay cashier */
.compact-action{padding:9px 14px}.recharge-center{width:min(1000px,100%);margin:0 auto}.recharge-center-head{align-items:center}.recharge-wallet{display:grid;gap:4px;justify-items:end}.recharge-wallet span{color:var(--muted);font-size:11px}.recharge-wallet strong{color:var(--lime);font:900 25px ui-monospace,monospace}.recharge-intro{margin:0 0 16px!important;padding:12px 14px;border:1px solid #34402d;border-radius:9px;background:rgba(183,255,69,.035);text-align:left!important}.recharge-intro strong{color:var(--lime)}
.recharge-packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.recharge-package{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px 14px;padding:17px;border:1px solid var(--line);border-radius:10px;background:#090c10;color:var(--text);text-align:left;cursor:pointer}.recharge-package:hover{border-color:var(--lime);background:rgba(183,255,69,.04)}.recharge-package strong{font-size:16px}.recharge-package b{grid-row:1/3;grid-column:2;color:var(--lime);font:800 20px ui-monospace,monospace}.recharge-package small{color:var(--muted);font-size:11px;line-height:1.6}.recharge-package:disabled{opacity:.55;cursor:wait}
.recharge-checkout{display:grid;gap:13px;width:min(620px,100%);margin:18px auto 0}.checkout-summary{display:grid;grid-template-columns:1fr auto;gap:5px 14px;align-items:center;padding:13px 15px;border:1px solid var(--line);border-radius:9px;background:#090c10}.checkout-summary span{font-weight:800}.checkout-summary strong{grid-row:1/3;grid-column:2;color:var(--lime);font:900 23px ui-monospace,monospace}.checkout-summary small{color:var(--muted)}.checkout-frame-wrap{width:min(320px,100%);aspect-ratio:1/1;justify-self:center;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff}.checkout-frame-wrap iframe{position:absolute;top:15.35px;left:15.35px;display:block;width:380px;height:380px;border:0;background:#fff;transform:scale(1.31);transform-origin:top left}.checkout-success{min-height:260px;display:grid;place-content:center;place-items:center;gap:9px;border:1px solid #425c2e;border-radius:10px;background:rgba(183,255,69,.045);text-align:center}.checkout-success span{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:var(--lime);color:#0a0d08;font-size:36px;font-weight:900}.checkout-success strong{font-size:23px}.checkout-success small{color:var(--muted)}
@media(max-width:600px){.recharge-packages{grid-template-columns:1fr}.checkout-frame-wrap{width:min(320px,100%)}.recharge-center-head{align-items:flex-start}.recharge-wallet{justify-items:start}.compact-action{padding:8px 11px}}

/* Keep the application inside the viewport. Grid children may otherwise use
   their intrinsic width and create a document-level horizontal scrollbar. */
html,body{width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip}
.app-shell,.workspace,.studio-grid,.prompt-card,.result-card,.card{min-width:0;max-width:100%}
@media(min-width:1051px){.studio-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}}

/* Administrator console */
.admin-card{margin-top:14px}.admin-lower-grid{margin-top:14px}.admin-pagination{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.admin-pagination button:disabled{opacity:.45;cursor:not-allowed}.admin-card td{white-space:nowrap}.admin-card td.account-cell{max-width:190px;overflow:hidden;text-overflow:ellipsis}.admin-card td.note-cell{max-width:160px;overflow:hidden;text-overflow:ellipsis}.admin-card .adjust-credit{padding:7px 9px;font-size:12px}.admin-action-cell{display:flex;align-items:center;gap:6px}.admin-key-secret code{display:block;max-width:310px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.danger-button{border:1px solid rgba(255,107,114,.45);border-radius:9px;background:rgba(255,107,114,.11);color:#ff9aa0;padding:10px 13px;font-weight:800;cursor:pointer}.danger-button:hover{border-color:var(--danger);background:rgba(255,107,114,.18)}.danger-button:disabled{opacity:.55;cursor:wait}.danger-icon{background:rgba(255,107,114,.12);color:var(--danger)}@media(max-width:760px){.admin-action-cell{flex-wrap:wrap}.admin-key-secret code{max-width:180px}}
.admin-users-head{align-items:flex-end;gap:18px}.admin-users-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.admin-search-form{display:flex;align-items:center;gap:7px}.admin-search-form input{width:min(320px,42vw);min-height:44px;padding:9px 13px}.admin-search-form button{min-height:44px;padding:9px 13px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:760px){.admin-users-head{align-items:stretch;flex-direction:column}.admin-users-tools{align-items:stretch;justify-content:flex-start;flex-direction:column}.admin-search-form{width:100%;flex-wrap:wrap}.admin-search-form input{width:100%;flex:1 0 100%}.admin-users-tools .badge{align-self:flex-start}}

/* The account wallet is distinct from the selected Key quota. */
.overview-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.overview-metrics .metric:first-child{border-color:#4d6d30;background:linear-gradient(145deg,#192319,#101713)}
@media(max-width:1050px){.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.overview-metrics{grid-template-columns:1fr}}

/* Xiaoxin Drawing brand theme */
:root{
  --bg:#fff8e8;
  --panel:#fffef9;
  --panel2:#fff1bd;
  --line:#28323c;
  --text:#20262d;
  --muted:#68717b;
  --lime:#ef4f49;
  --lime2:#d83b38;
  --danger:#cf3434;
  --shadow:0 14px 34px rgba(72,61,43,.12)
}
html,body{
  background:
    radial-gradient(circle at 90% 5%,rgba(75,169,232,.19),transparent 24%),
    radial-gradient(circle at 8% 92%,rgba(255,211,67,.26),transparent 28%),
    var(--bg);
  color:var(--text)
}
body:before,body:after{content:"";position:fixed;z-index:0;pointer-events:none;border:3px solid rgba(40,50,60,.08);border-radius:48% 52% 44% 56%}
body:before{width:240px;height:240px;right:7vw;top:12vh;transform:rotate(15deg)}
body:after{width:160px;height:160px;left:18vw;bottom:8vh;transform:rotate(-20deg)}
.noise{z-index:0;opacity:.065;mix-blend-mode:multiply}
.auth-shell,.app-shell{position:relative;z-index:1}
.brand{gap:11px;color:var(--text);font-size:22px;font-weight:950;letter-spacing:-.04em}
.brand-mark{width:48px;height:48px;overflow:hidden;border:2px solid var(--line);border-radius:15px;background:#fff;box-shadow:4px 4px 0 #4ba9e8}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}
.brand-panel{
  isolation:isolate;
  background:
    radial-gradient(circle at 15% 17%,rgba(255,255,255,.72) 0 8%,transparent 8.4%),
    radial-gradient(circle at 86% 18%,rgba(75,169,232,.75) 0 9%,transparent 9.4%),
    linear-gradient(145deg,#ffe477 0 58%,#ffcf4a 58% 100%);
  border-right:3px solid var(--line)
}
.brand-panel:before{content:"";position:absolute;z-index:-1;width:210px;height:120px;left:-48px;bottom:15%;border:4px solid rgba(40,50,60,.15);border-radius:50%;transform:rotate(-14deg);box-shadow:0 0 0 22px rgba(255,255,255,.16)}
.brand-panel:after{content:"";position:absolute;z-index:-1;width:310px;height:310px;right:-100px;top:-100px;border:4px solid rgba(40,50,60,.12);border-radius:44% 56% 48% 52%;box-shadow:none;transform:rotate(18deg)}
.hero-copy{z-index:2;max-width:540px;margin-bottom:150px}
.hero-copy .eyebrow{display:inline-flex;padding:8px 12px;border:2px solid var(--line);border-radius:999px;background:#fff;color:#347fbd;box-shadow:3px 3px 0 var(--line)}
.hero-copy h1{max-width:540px;margin:25px 0 24px;color:#20262d;font-size:clamp(50px,5.6vw,86px);line-height:.98;letter-spacing:-.075em;text-shadow:3px 3px 0 rgba(255,255,255,.76)}
.hero-copy h1 em{color:#ef4f49;text-shadow:3px 3px 0 #fff}
.hero-copy p{max-width:450px;color:#4a5158;font-weight:650}
.hero-mascot{position:absolute;z-index:1;width:min(31vw,430px);right:-28px;bottom:-30px;filter:drop-shadow(10px 12px 0 rgba(40,50,60,.16));transform:rotate(-4deg);pointer-events:none}
.brand-foot{position:relative;z-index:2;color:#3e474f;font-weight:750}
.status-dot{background:#55a950;box-shadow:0 0 0 5px rgba(85,169,80,.17)}
.auth-panel{background:linear-gradient(160deg,#fff9ec,#eef8ff)}
.auth-card{padding:34px 38px;border:3px solid var(--line);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:9px 9px 0 #55a9e3}
.mobile-auth-brand{display:none;align-items:center;gap:11px;margin-bottom:24px;font-size:21px;font-weight:950}.mobile-auth-brand img{width:52px;height:52px;object-fit:contain;border:2px solid var(--line);border-radius:15px;background:#fff;box-shadow:3px 3px 0 #ffe070}
.auth-tabs{border-color:#c9c2b2}.auth-tab{color:var(--muted)}.auth-tab.active{border-color:var(--lime);color:var(--lime)}
.form-head h2{font-weight:950}.form-head p{color:var(--muted)}
label{color:#404850}
input,textarea,select{color:var(--text);background:#fff;border:2px solid #b9b3a6;border-radius:12px}
input:focus,textarea:focus,select:focus{border-color:#4ba9e8;box-shadow:0 0 0 4px rgba(75,169,232,.18)}
.primary{padding:13px 18px;border:2px solid var(--line);background:var(--lime);color:#fff;box-shadow:3px 3px 0 var(--line)}
.primary:hover{background:#ff655f;transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--line)}
.secondary{background:#fff2b3;color:var(--text);border:2px solid var(--line);box-shadow:2px 2px 0 rgba(40,50,60,.18)}
.secondary:hover{border-color:var(--line);background:#ffe585;transform:translateY(-1px)}
.message.success,.badge.good,td.success{color:#2d8b48}
.sidebar{border-right:2px solid var(--line);background:#fff3c9}
.compact{margin-bottom:38px}
.sidebar nav{gap:9px}
.nav-item{color:#58616a;border:2px solid transparent;border-radius:14px}
.nav-item.active,.nav-item:hover{border-color:var(--line);background:var(--lime);color:#fff;box-shadow:3px 3px 0 var(--line)}
.nav-item.active span{color:#ffe36e}
.sidebar-foot{border-color:rgba(40,50,60,.22)}
.mini-user>span{background:#4ba9e8;color:#fff;border:2px solid var(--line)}
.workspace{
  position:relative;
  background:
    linear-gradient(90deg,rgba(75,169,232,.035) 1px,transparent 1px),
    linear-gradient(rgba(75,169,232,.035) 1px,transparent 1px);
  background-size:32px 32px
}
.topbar{padding-bottom:17px;border-bottom:3px dashed rgba(40,50,60,.16)}
.topbar h1{font-weight:950}
.eyebrow{color:#347fbd;font-weight:900}
.card,.metric{border:2px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:5px 5px 0 rgba(40,50,60,.11)}
.metric.accent,.overview-metrics .metric:first-child{border-color:var(--line);background:linear-gradient(145deg,#ffe47b,#ffd554)}
.metric.accent:after{background:#ef4f49;opacity:.11}
.metric span,.metric small,.hint,.muted-text{color:var(--muted)}
.badge{background:#ffedaa;color:#4e5358;border:1px solid rgba(40,50,60,.18)}
.secret-row code,.split-stats div,pre,.studio-tabs,.mini-tabs,.option-block,.toggle-row,.key-row,.model-checklist,.recharge-package,.checkout-summary{background:#fffdf5;color:var(--text);border-color:#b9b3a6}
.secret-row code,.key-row-main code,pre,td,.media-pill span{color:var(--text)}
.split-stats div{border-width:2px;border-radius:12px}
.studio-tab.active{background:#4ba9e8;color:#fff;border:1px solid var(--line)}
.mini-tab.active{background:#ffe47b;color:#b72d2d}
.option-title{color:var(--text)}
.option-title strong,.recharge-wallet strong,.recharge-intro strong,.recharge-package b,.checkout-summary strong{color:var(--lime)}
.ratio-option,.chips button,.video-ratios button{background:#fff;color:var(--muted);border-color:#b9b3a6}
.ratio-option:hover,.ratio-option.active,.video-ratios button.active{border-color:#4ba9e8;background:#eef8ff;color:#2673ad}
.custom-ratio.active,.segment-group input:checked+span,.model-check input:checked+span{border-color:var(--lime);background:rgba(239,79,73,.08);color:var(--lime)}
.toggle-row,.option-block{border-width:2px}
.toggle-row input,.switch-only input,input[type=range]{accent-color:var(--lime)}
.switch-only input:checked+span{background:var(--lime)}
.upload-zone{border:2px dashed #7e8790;background:#fffdf5;color:var(--muted)}
.upload-zone:hover{border-color:#4ba9e8;color:var(--text)}
.media-pill{background:#fff;border-color:#b9b3a6}
.key-row{border-width:2px}.key-row.selected{border-color:#4ba9e8;background:#eef8ff}
.key-empty{border:2px dashed #9ea5aa;background:#fffdf5}
.confirm-dialog{border:3px solid var(--line);border-radius:20px;background:#fffdf5;box-shadow:8px 8px 0 rgba(40,50,60,.32)}
.confirm-dialog::backdrop{background:rgba(32,38,45,.58)}
.confirm-icon{background:#ffe47b;color:#c73531;border:2px solid var(--line)}
.wallet-hint,.recharge-intro{border-color:#e8b5ad;background:#fff3ea!important}
.generation-lock{border-color:#d6a547;background:#fff3c2;color:#8c5d00}
.recharge-package:hover{border-color:var(--lime);background:#fff0ed}
.checkout-frame-wrap{border:3px solid var(--line);box-shadow:5px 5px 0 #ffe070}
.checkout-success{border-color:#63a66d;background:#effced}.checkout-success span{background:#55a950;color:#fff}
table{background:rgba(255,255,255,.5)}th{color:#68717b;border-color:#c9c2b2}td{border-color:#ddd6c9}
.danger-button{background:#fff0ef;color:#c72f2f}
@media(max-width:1050px){.hero-copy{margin-bottom:110px}.hero-mascot{width:min(34vw,360px)}}
@media(max-width:760px){.auth-card{padding:28px 22px;border-radius:20px;box-shadow:6px 6px 0 #55a9e3}.mobile-auth-brand{display:flex}.sidebar{background:#fff3c9}.workspace{background-size:24px 24px}.topbar{align-items:flex-start;gap:16px}.card,.metric{box-shadow:3px 3px 0 rgba(40,50,60,.1)}}

/* Authenticated desktop client download */
.download-card{width:min(980px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(280px,.72fr) minmax(420px,1.28fr);gap:38px;align-items:center;padding:34px}
.download-art{position:relative;min-height:390px;overflow:hidden;display:grid;place-items:center;border:3px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#ffe478,#ffc94b);box-shadow:7px 7px 0 #55a9e3}
.download-art:before,.download-art:after{content:"";position:absolute;width:150px;height:150px;border:3px solid rgba(40,50,60,.12);border-radius:50%}.download-art:before{left:-55px;top:-45px}.download-art:after{right:-65px;bottom:-55px}
.download-art img{position:relative;z-index:1;width:min(92%,350px);filter:drop-shadow(8px 10px 0 rgba(40,50,60,.14));transform:rotate(-3deg)}
.download-art span{position:absolute;z-index:2;left:18px;bottom:16px;padding:7px 10px;border:2px solid var(--line);border-radius:999px;background:#fff;color:#347fbd;font:900 10px ui-monospace,monospace;letter-spacing:.14em}
.download-copy h2{margin:10px 0 14px;font-size:34px;letter-spacing:-.04em}.download-copy>p{color:var(--muted);line-height:1.8}
.download-meta{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.download-meta span{display:grid;gap:5px;min-width:130px;padding:12px 14px;border:2px solid #c6beae;border-radius:12px;background:#fffdf5;color:var(--muted);font-size:11px}.download-meta strong{color:var(--text);font-size:13px}
.download-button{display:inline-flex;align-items:center;justify-content:center;min-width:220px;text-decoration:none}
.download-checksum{margin-top:22px;color:var(--muted);font-size:12px}.download-checksum summary{cursor:pointer;font-weight:800}.download-checksum code{display:block;margin-top:9px;padding:11px;border:1px solid #c6beae;border-radius:9px;background:#fffdf5;color:#5c6268;overflow-wrap:anywhere}
@media(max-width:900px){.download-card{grid-template-columns:1fr}.download-art{min-height:300px}.download-art img{width:min(70%,310px)}}
@media(max-width:520px){.download-card{padding:18px;gap:28px}.download-art{min-height:250px}.download-copy h2{font-size:27px}.download-button{width:100%}.download-meta{display:grid;grid-template-columns:1fr}.download-meta span{min-width:0}}
.mac-download-grid{width:min(980px,100%);margin:18px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.mac-download-card{padding:27px}.mac-download-card h2{margin:14px 0 10px;font-size:25px}.mac-download-card>p{min-height:48px;margin:0;color:var(--muted);line-height:1.7}.platform-chip{display:inline-flex;padding:7px 10px;border:2px solid var(--line);border-radius:999px;background:#4ba9e8;color:#fff;font:900 10px ui-monospace,monospace;letter-spacing:.12em}.platform-chip.intel{background:#ffe47b;color:#b72d2d}.mac-first-open-note{width:min(980px,100%);margin:18px auto 0;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;padding:20px 24px}.mac-first-open-note strong{color:#347fbd}.mac-first-open-note span{color:var(--muted);font-size:13px;line-height:1.75}
@media(max-width:760px){.mac-download-grid{grid-template-columns:1fr}.mac-download-card>p{min-height:0}.mac-first-open-note{grid-template-columns:1fr}.mac-download-card .download-button{width:100%}}

/* Referral / share link */
.referral-card{margin-top:16px}.referral-card .secret-row{margin-top:14px}.referral-invitees{display:grid;gap:8px;margin-top:16px}.referral-title{font-weight:850;color:var(--text)}.referral-invitee{display:grid;grid-template-columns:minmax(120px,1fr) minmax(160px,1.3fr) auto;align-items:center;gap:14px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:#fffdf5}.referral-invitee strong{color:var(--text)}.referral-invitee span,.referral-invitee small{color:var(--muted)}
@media(max-width:650px){.referral-invitee{grid-template-columns:1fr;gap:3px}.referral-card .secret-row{align-items:stretch;flex-direction:column}.referral-card .secret-row button{width:100%}}

/* Structured admin console */
.admin-subnav{display:flex;flex-wrap:wrap;gap:10px;margin:2px 0 22px;padding:10px;border:2px solid var(--line);border-radius:16px;background:rgba(255,255,255,.82)}.admin-subtab{padding:10px 15px;border:2px solid transparent;border-radius:11px;background:transparent;color:var(--muted);font-weight:850}.admin-subtab:hover{background:#fff2b3;color:var(--text)}.admin-subtab.active{border-color:var(--line);background:var(--lime);color:#fff;box-shadow:2px 2px 0 var(--line)}.admin-panel{display:none}.admin-panel.active{display:block}.admin-panel .admin-card{margin-top:0}.admin-panel .admin-card+.admin-card{margin-top:16px}.admin-access-dialog{width:min(520px,calc(100vw - 30px))}.admin-access-dialog .wallet-hint{line-height:1.7}
@media(max-width:620px){.admin-subnav{display:grid;grid-template-columns:1fr 1fr}.admin-subtab{padding:10px 8px;font-size:13px}}
.admin-pool-form{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(280px,1.6fr) minmax(150px,.7fr) auto;align-items:end}.admin-pool-form label{min-width:0}.admin-pool-form input{width:100%}.admin-pool-form button{min-height:48px;white-space:nowrap}.admin-panel[data-admin-panel="pool"] code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
@media(max-width:900px){.admin-pool-form{grid-template-columns:1fr 1fr}.admin-pool-form label:nth-child(2){grid-column:1/-1}.admin-pool-form button{width:100%}}
@media(max-width:620px){.admin-pool-form{grid-template-columns:1fr}.admin-pool-form label:nth-child(2){grid-column:auto}}

/* 1.1.11 release announcement */
.update-nav{position:relative}.update-nav i{margin-left:auto;padding:3px 6px;border:1px solid var(--line);border-radius:999px;background:#ef4f49;color:#fff;font:900 9px ui-monospace,monospace;letter-spacing:.08em}
.release-announcement{width:min(1050px,100%);margin:0 auto;padding:0;overflow:hidden}
.release-announcement-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding:34px;background:linear-gradient(135deg,#ffe779,#ffc94f)}
.release-announcement-hero h2{margin:10px 0 12px;font-size:38px;letter-spacing:-.045em}.release-announcement-hero p{max-width:720px;margin:0;color:#4f5358;font-weight:650;line-height:1.8}
.release-version{flex:0 0 auto;padding:12px 15px;border:3px solid var(--line);border-radius:14px;background:#fff;color:#ef4f49;box-shadow:4px 4px 0 #55a9e3;font:950 18px ui-monospace,monospace}
.release-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:#fffdf5}
.release-highlights section{display:grid;grid-template-columns:auto 1fr;gap:15px;padding:25px 28px;border-top:2px solid var(--line)}.release-highlights section+section{border-left:2px solid var(--line)}
.release-highlights section>span{display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--line);border-radius:50%;background:#4ba9e8;color:#fff;font:900 12px ui-monospace,monospace}.release-highlights h3{margin:2px 0 7px;font-size:17px}.release-highlights p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}
@media(max-width:900px){.release-highlights{grid-template-columns:1fr}.release-highlights section+section{border-left:0}}
@media(max-width:760px){.update-nav i{display:none}.release-announcement-hero{padding:25px 20px}.release-announcement-hero h2{font-size:29px}.release-version{font-size:14px}}