:root{--bg:#101113;--panel:#191b1e;--line:#2e3034;--text:#efefeb;--muted:#92968e;--accent:#cbf78c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Arial,PingFang SC,Microsoft Yahei,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;background:#25282a;color:var(--text);border:1px solid #373c39;border-radius:8px;padding:11px 15px}button:hover{border-color:#9bbd76}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,select,textarea{width:100%;padding:12px 14px;background:#121416;color:var(--text);border:1px solid #363a3c;border-radius:8px;outline:none;line-height:1.6}input:focus,select:focus,textarea:focus{border-color:#adcf87}textarea{resize:vertical}label{display:block;font-size:13px;margin:23px 0 11px}label span{float:right}label span,small{font-size:11px;color:var(--muted)}p{color:var(--muted);line-height:1.9}h1,h2,p{margin-top:0}h2{font-size:18px;font-weight:500}.app{min-height:100vh}.app,aside{display:flex}aside{position:fixed;inset:0 auto 0 0;width:232px;padding:34px 22px 20px;background:#141618;border-right:1px solid var(--line);flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:var(--accent);font-weight:600;font-size:28px;letter-spacing:1px}.brand span{font-size:23px;color:var(--text)}.brand b{font-weight:400;color:var(--accent);font-size:15px}.workspace-label{font-size:10px;color:#777e75;letter-spacing:3px;margin:16px 0 44px 8px}nav{display:grid;gap:8px}nav button{display:flex;gap:12px;align-items:center;text-align:left;border:0;background:transparent;color:#a3aaa0;padding:14px}nav button span{font-size:23px;width:22px;text-align:center}nav button.active{background:#293321;color:var(--accent)}.sidebar-bottom{margin-top:auto}.credit-card{padding:18px;border:1px solid #404c35;border-radius:12px;background:linear-gradient(135deg,#293322,#191e17)}.credit-card strong{display:block;font-size:32px;font-weight:500;margin-top:12px}.credit-card strong span{font-size:11px;color:#a5b197}.credit-card p{font-size:10px;margin:7px 0 17px}.credit-card button{font-size:12px;width:100%;background:#35432a;color:var(--accent);border-color:#4d603c}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:22px;padding-top:22px;font-size:11px;overflow-wrap:anywhere}.profile small{display:block;margin-top:5px;font-size:10px}.avatar{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#323d2a;color:var(--accent)}main{margin-left:232px;flex:1 1;min-width:0}header{height:78px;padding:0 42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#a2aaa0}header i{font-style:normal;margin:0 12px;color:#61675e}.live{font-size:11px;display:flex;align-items:center;gap:8px}.live b{background:var(--accent);height:6px;width:6px;border-radius:50%;box-shadow:0 0 12px #b6e78177}.content{max-width:1550px;margin:auto;padding:42px}.page-title{margin-bottom:33px}.eyebrow{font-size:10px;color:#98ad7c;letter-spacing:2px;margin-bottom:16px}h1{font-size:32px;letter-spacing:1px;font-weight:500;margin-bottom:12px}h1 em{font-style:normal;color:var(--accent)}.page-title p{font-size:13px;margin:0}.creation-grid{display:grid;grid-template-columns:minmax(340px,440px) minmax(0,1fr);gap:24px}.panel{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:26px}.section-label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px}.section-label small{font-size:10px;color:#7c8577;letter-spacing:1px}.hint{display:block;font-size:10px;margin-top:9px}.segmented{display:flex;gap:9px}.segmented button{flex:1 1;background:#151815;padding:13px 6px}.segmented small{display:block;font-size:10px;margin-top:7px}.segmented .selected{border-color:var(--accent);background:#283420;color:var(--accent)}.segmented .selected small{color:#a9c88d}.upload{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;cursor:pointer;background:#141714;border:1px dashed #45503e;border-radius:8px;margin:0;padding:22px 10px}.upload span{float:none;color:#abb5a4;font-size:23px;margin-bottom:8px}.upload strong{font-size:12px;font-weight:400;max-width:100%;overflow-wrap:anywhere}.upload small{font-size:10px;margin-top:9px}.upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.prompt-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 24px}.prompt-chips button{font-size:10px;padding:6px 9px;border-radius:20px;background:transparent;color:#a3ac9c}.primary{background:var(--accent);color:#203015;border-color:var(--accent);font-weight:600}.primary:hover{background:#dbffaf}.generate{width:100%;padding:16px;display:flex;align-items:center;justify-content:space-between}.generate span{font-size:11px;font-weight:400}.footnote{text-align:center;font-size:10px;margin:12px 0 0;color:#7c8874}.output{padding-bottom:0;display:flex;flex-direction:column;min-height:700px;overflow:hidden}.empty{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 12px}.orb{width:128px;height:128px;border:1px solid #4c603a;border-radius:34%;font-size:60px;display:grid;place-items:center;color:var(--accent);background:radial-gradient(ellipse at 35% 20%,#3d4e2c,#1d2518 70%);box-shadow:0 0 0 20px #526c1d0c,0 0 80px #b7eb4820;transform:rotate(-12deg);margin-bottom:52px}.empty h2{font-size:18px;letter-spacing:1px}.empty p{font-size:12px;line-height:2.1;margin-bottom:28px}.empty-tags{display:flex;gap:8px}.empty-tags span{border:1px solid #39422f;padding:7px 10px;font-size:10px;color:#9da88f;border-radius:5px}.output-footer{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#8f9b83}.output-footer small{font-size:10px}.current-result{flex:1 1;display:flex;flex-direction:column;justify-content:center}.current-result img{width:100%;max-height:650px;object-fit:contain;border-radius:8px}.result-meta{justify-content:space-between;margin:20px 0;color:var(--muted)}.result-meta,.tip-strip{display:flex;font-size:11px}.tip-strip{gap:18px;align-items:center;margin-top:24px;padding:18px 20px;border:1px solid #35412b;border-radius:10px;background:#1a2116;color:#98a18e;line-height:1.8}.tip-strip span{white-space:nowrap;color:#becea8}.tip-strip b{margin-left:auto;color:var(--accent);font-size:20px}.notice{display:flex;justify-content:space-between;gap:12px;padding:14px 17px;line-height:1.7;background:#2b3822;border:1px solid #586e43;border-radius:8px;margin-bottom:24px}.notice button{background:transparent;border:0;padding:0 5px}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.task-card{padding:0;overflow:hidden}.task-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.image-skeleton,.task-placeholder{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#242e1c;color:#bbd59c}.task-placeholder span{font-size:48px}.task-info{padding:20px}.task-info>small{display:block;margin-top:12px}.task-info p{margin:12px 0;font-size:12px;overflow-wrap:anywhere;max-height:90px;overflow:auto}.task-info footer{display:flex;gap:10px;justify-content:space-between;font-size:10px;color:var(--muted)}.badge{font-size:10px;padding:5px 8px;border-radius:5px;background:#344329;color:#bdd89f}.badge.failed{background:#422a2b;color:#e0a1a2}.badge.succeeded{background:#2b401d;color:#badfa0}.pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:25px 0;font-size:12px}.empty-state{padding:60px;text-align:center;color:var(--muted)}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.account-grid .primary{width:100%;display:block;margin:16px 0}.big-number{font-size:52px;font-weight:500;color:var(--accent);margin:25px 0 15px}.big-number small{font-size:13px;margin-left:12px}.ledger{margin-top:24px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{font-weight:400;color:#95a18b;background:#151b12;white-space:nowrap}td,th{padding:15px 12px;border-bottom:1px solid var(--line)}td small{display:block;font-size:10px;margin-top:8px}.mono,td.mono{font-family:monospace;font-size:10px;overflow-wrap:anywhere}.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.admin-grid input{margin-bottom:10px}.admin-grid label{margin-top:15px}.admin-grid button{display:block;width:100%;margin:12px 0}.admin-grid small{display:block;line-height:1.7}.warning{color:#f0b57a}.prompt-cell{max-width:260px;min-width:160px;overflow-wrap:anywhere}.thumb{width:75px}.thumb img{width:75px;height:75px;object-fit:cover;border-radius:6px}.section-label input{max-width:260px}.text-button{background:none;border:0;color:var(--muted);font-size:11px;padding:8px 0}.login-overlay{position:fixed;inset:0;z-index:30;background:#080c09b8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px}.login-box{width:420px;max-width:100%;padding:34px;box-shadow:0 20px 100px #0008;max-height:95vh;overflow:auto}.login-box .brand{font-size:23px;margin-bottom:32px}.login-box h2{font-size:23px}.login-box p{font-size:12px}.login-box label{margin-top:20px}.login-box .primary{width:100%;padding:14px;margin:25px 0 18px}.login-box>small{font-size:10px}.code-row{display:flex;gap:10px}.code-row input{flex:1 1;min-width:0}.code-row button{font-size:12px;white-space:nowrap}.login-notice{color:#c9e9a4}.spinning{animation:pulse 2.5s ease-in-out infinite}@keyframes pulse{50%{transform:rotate(8deg);box-shadow:0 0 80px #91be4240}}@media (max-width:1150px){aside{width:190px;padding:28px 15px}main{margin-left:190px}header{padding:0 26px}.content{padding:32px 26px}.creation-grid{grid-template-columns:340px minmax(0,1fr);gap:16px}.panel{padding:22px}.empty h2{font-size:15px}.output-footer{flex-direction:column}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid{grid-template-columns:1fr 1fr}}@media (max-width:850px){aside{width:76px;padding:24px 10px}.brand{justify-content:center}.brand span,.sidebar-bottom,.workspace-label{display:none}nav{margin-top:40px}nav button{font-size:0;padding:14px 10px;justify-content:center}nav button span{font-size:22px}main{margin-left:76px}.creation-grid{grid-template-columns:1fr}.output{min-height:470px}.content{padding:28px 20px}.output-footer{flex-direction:row}.account-grid,.admin-grid{grid-template-columns:1fr}h1{font-size:27px}.live{display:none}}@media (max-width:520px){aside{width:58px;padding:22px 5px}main{margin-left:58px}header{height:62px;padding:0 18px;font-size:11px}.content{padding:28px 14px}.panel{padding:20px}.gallery{grid-template-columns:1fr}.page-title h1{font-size:23px;line-height:1.5}.page-title p{font-size:11px}.eyebrow{font-size:8px}.tip-strip{gap:12px;font-size:10px;align-items:flex-start}.output-footer small,.tip-strip b{display:none}.login-box{padding:25px}.task-card{padding:0}.section-label{flex-wrap:wrap}.output{min-height:430px}.empty{padding:45px 5px}.empty h2{font-size:14px}.orb{width:100px;height:100px;font-size:48px}}.model-manager{margin-bottom:24px}.model-manager p{font-size:12px}.model-actions{display:flex;flex-wrap:wrap;gap:10px}.catalog-table{max-height:430px;margin:20px 0}.catalog-editor{margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.catalog-editor textarea{font-family:monospace;font-size:12px;margin-bottom:12px}