:root{--bg: #08090a;--bg-2: #0e1114;--panel: #12161a;--panel-2: #181d22;--panel-3: #1e252b;--border: #222a30;--border-hi: #2e3a42;--green: #22c55e;--green-dim: #16a34a;--green-deep: #0f7a36;--green-glow: rgba(34, 197, 94, .15);--green-glow-strong: rgba(34, 197, 94, .3);--text: #e8eaed;--text-2: #b8bcc2;--muted: #7a8590;--danger: #ef4444;--warn: #f59e0b;--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 24px rgba(0, 0, 0, .5)}[data-theme=light]{--bg: #f0f4f1;--bg-2: #e8ede9;--panel: #ffffff;--panel-2: #f5f7f5;--panel-3: #ebeeed;--border: #d4dbd6;--border-hi: #b8c4bc;--green: #16a34a;--green-dim: #15803d;--green-deep: #166534;--green-glow: rgba(22, 163, 74, .12);--green-glow-strong: rgba(22, 163, 74, .25);--text: #1a2e22;--text-2: #3a5444;--muted: #6b8a76;--shadow: 0 4px 24px rgba(0, 0, 0, .08)}[data-theme=light] body{background:var(--bg)}[data-theme=light] .sig-pad{background:#f8f8f8}[data-theme=light] .sig-auto{color:#333}[data-theme=light] input::placeholder{color:#99a8a0}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font:14px/1.55 ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}.wrap{max-width:1220px;margin:0 auto;padding:20px 24px 80px}.top{display:flex;align-items:center;justify-content:space-between;padding:14px 0 18px;margin-bottom:22px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;letter-spacing:.4px;color:var(--text)}.dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green-glow-strong);animation:pulse-dot 2.5s ease-in-out infinite}.dot.lg{width:13px;height:13px}@keyframes pulse-dot{0%,to{box-shadow:0 0 10px var(--green-glow-strong)}50%{box-shadow:0 0 18px var(--green-glow-strong),0 0 4px var(--green)}}.who{color:var(--muted);font-size:13px;display:flex;align-items:center;gap:12px;position:relative}.who-btn{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;border-radius:20px;background:var(--panel-2);border:1px solid var(--border);color:var(--text-2);cursor:pointer;font-size:13px;font-weight:500;transition:border-color .15s}.who-btn:hover{border-color:var(--border-hi)}.who-avatar{width:26px;height:26px;border-radius:50%;background:var(--green-deep);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700}.who-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--panel);border:1px solid var(--border-hi);border-radius:10px;box-shadow:0 12px 40px #0006;z-index:100;padding:6px;animation:dropIn .15s ease}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-section{padding:8px}.dropdown-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:6px}.dropdown-divider{height:1px;background:var(--border);margin:2px 0}.theme-toggle{display:flex;gap:4px}.theme-toggle button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 8px;border:1px solid var(--border);border-radius:7px;background:var(--panel-2);color:var(--muted);font-size:11.5px;font-weight:600;cursor:pointer;transition:all .12s}.theme-toggle button:hover{border-color:var(--border-hi);color:var(--text)}.theme-toggle button.on{border-color:var(--green);color:var(--green);background:var(--green-glow)}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border:none;border-radius:7px;background:transparent;color:var(--text-2);font-size:13px;cursor:pointer;transition:background .1s}.dropdown-item:hover{background:var(--panel-2)}.logout-item:hover{color:var(--danger);background:#ef44440f}.balance-chip{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:14px;background:var(--green-glow);border:1px solid rgba(34,197,94,.2);color:var(--green);font-size:12px;font-weight:700}.pw-form{padding:8px;display:flex;flex-direction:column;gap:6px}.pw-form input{padding:7px 10px;font-size:12px;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;color:var(--text);outline:none}.pw-form input:focus{border-color:var(--green-dim)}.pw-form .btn{padding:7px;font-size:11.5px}.pw-msg{font-size:11px;padding:2px 0}.pw-msg.ok{color:var(--green)}.pw-msg.err{color:var(--danger)}.grid{display:grid;grid-template-columns:1fr 350px;gap:20px;align-items:start}@media(max-width:960px){.grid{grid-template-columns:1fr}}.left-col{min-width:0}.quick-fill-bar{display:flex;gap:6px;align-items:center;padding:8px 12px;margin-bottom:14px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm)}.quick-fill-input{flex:1;padding:7px 10px;font-size:12px;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;color:var(--text);outline:none}.quick-fill-input:focus{border-color:var(--green-dim)}.quick-fill-input::placeholder{color:#4a5560;font-size:11px}.qf-btn{padding:7px 14px;font-size:11px;font-weight:700;border:none;border-radius:6px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:all .12s}.qf-fill{background:var(--green);color:#000}.qf-fill:hover{background:#25d665}.qf-random{background:var(--border-hi);color:var(--text)}.qf-random:hover{background:var(--green-deep)}.qf-clear{background:var(--panel-3);color:var(--muted);border:1px solid var(--border)}.qf-clear:hover{color:var(--danger);border-color:var(--danger)}.type-label{font-size:13px;font-weight:700;color:var(--green);letter-spacing:1px}.field-required label span{color:var(--text);font-weight:800}.field-required input,.field-required select{border-width:2px;border-color:var(--border-hi)}.field-required input:focus,.field-required select:focus{border-color:var(--green);box-shadow:0 0 0 2px var(--green-glow)}.right-col{position:sticky;top:16px}@media(max-width:960px){.right-col{position:static}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:14px;transition:border-color .15s}.card:hover{border-color:var(--border-hi)}.card h2{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;color:var(--green);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.login-wrap{display:grid;place-items:center;min-height:100vh;padding:20px;position:relative;overflow:hidden}.login-bg-glow{position:absolute;top:-20%;left:50%;transform:translate(-50%);width:500px;height:350px;border-radius:50%;background:radial-gradient(ellipse,rgba(34,197,94,.06),transparent 70%);pointer-events:none}.login{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:36px 32px;position:relative;z-index:1;box-shadow:var(--shadow)}.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:24px}.login-title{font-size:26px;font-weight:800;letter-spacing:2px;background:linear-gradient(135deg,var(--green),#4ade80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login h1{font-size:19px;font-weight:700;margin-bottom:4px;color:var(--text)}.login p.sub{color:var(--muted);font-size:13px;margin-bottom:24px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media(max-width:640px){.row,.row-3{grid-template-columns:1fr}}.field{margin-bottom:12px}.field>label{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:5px;font-size:11.5px;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.5px}input[type=text],input[type=password],input[type=number],select{width:100%;padding:9px 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:13.5px;outline:none;transition:border-color .12s,box-shadow .12s}input:focus,select:focus{border-color:var(--green-dim);box-shadow:0 0 0 2px var(--green-glow)}input::placeholder{color:#4a5560}input:disabled,select:disabled{opacity:.4;cursor:not-allowed}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%237a8590' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.err{color:var(--danger);font-size:11.5px;margin-top:4px}.hint{color:var(--muted);font-size:11px;margin-top:4px}.loading-text{color:var(--muted);font-size:12px;padding:6px 0}.hint-note{color:var(--muted);font-size:11px;margin-top:10px;padding:7px 10px;border-radius:6px;background:var(--panel-2);border:1px solid var(--border)}.case-grp{display:flex;gap:3px}.case-btn{width:22px;height:22px;border-radius:50%;cursor:pointer;border:1px solid var(--border);background:var(--panel-2);color:var(--muted);font-size:10px;font-weight:700;display:grid;place-items:center;transition:all .12s}.case-btn:hover{border-color:var(--border-hi);color:var(--text)}.case-btn.on{background:var(--green);border-color:var(--green);color:#000}.tog-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.tog-row+.tog-row{border-top:1px solid var(--border)}.tog-row span.lbl{font-size:13px;color:var(--text-2)}.tog{width:40px;height:22px;border-radius:11px;border:none;cursor:pointer;background:var(--panel-3);position:relative;transition:background .15s;flex:none}.tog:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s}.tog.on{background:var(--green-deep)}.tog.on:after{transform:translate(18px);background:var(--green)}.seg{display:flex;gap:3px;background:var(--panel-2);padding:3px;border-radius:8px;border:1px solid var(--border)}.seg button{flex:1;padding:7px 4px;border:none;border-radius:6px;cursor:pointer;background:transparent;color:var(--muted);font-size:12px;font-weight:600;transition:all .12s}.seg button:hover{color:var(--text-2)}.seg button.on{background:var(--green-deep);color:#e0f0e0}.btn{width:100%;padding:10px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:13.5px;font-weight:700;transition:all .12s}.btn:not(.ghost):not(.link){background:var(--green);color:#000}.btn:not(.ghost):not(.link):hover:not(:disabled){background:#25d665}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.3;cursor:not-allowed}.btn.ghost{background:transparent;border:1px solid var(--border-hi);color:var(--green);font-weight:600}.btn.ghost:hover:not(:disabled){background:#22c55e0f;border-color:var(--green-dim)}.btn.sm{padding:7px 10px;font-size:11.5px}.btn.link{background:none;border:none;color:var(--muted);width:auto;padding:0;font-weight:500;font-size:11.5px;text-decoration:underline;text-underline-offset:2px}.btn.link:hover{color:var(--green)}.generate-btn{margin-top:4px;font-size:14px;padding:12px}.gen-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;margin-bottom:14px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm)}.gen-bar-text{font-size:12.5px;color:var(--text-2);font-weight:500}.gen-bar .btn.ghost{width:auto;padding:8px 20px;font-size:12px;background:var(--green);color:#000;border:none;box-shadow:0 2px 8px #22c55e33}.gen-bar .btn.ghost:hover{background:#25d665}.gen-mini-btn{padding:5px 14px;font-size:11px;font-weight:700;background:var(--green);color:#000;border:none;border-radius:6px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:all .15s;box-shadow:0 2px 8px #22c55e33}.gen-mini-btn:hover{background:#25d665;box-shadow:0 3px 12px #22c55e59;transform:translateY(-1px)}.thumb{width:100%;aspect-ratio:167 / 180;border-radius:10px;border:1px dashed var(--border-hi);background:var(--panel-2);display:grid;place-items:center;overflow:hidden;margin-bottom:10px;color:var(--muted);font-size:11px;text-align:center;transition:border-color .15s}.thumb:hover{border-color:var(--green-dim)}.thumb img{width:100%;height:100%;object-fit:cover}.thumb-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted)}.asset-btns{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.asset-btns .btn.ghost{flex:1;min-width:0;text-align:center}.gen-row{display:flex;align-items:center;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.gen-label{font-size:10px;color:var(--muted);font-weight:600;white-space:nowrap;text-transform:uppercase}.gen-input{width:50px;padding:5px 6px;text-align:center;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:12px}.gen-row .btn.ghost{flex:1}.gen-portrait-btn{flex:1;padding:8px 14px;font-size:12px;font-weight:700;background:var(--green);color:#000;border:none;border-radius:6px;cursor:pointer;transition:all .15s;box-shadow:0 2px 8px #22c55e33}.gen-portrait-btn:hover:not(:disabled){background:#25d665;box-shadow:0 3px 12px #22c55e59;transform:translateY(-1px)}.gen-portrait-btn:disabled{opacity:.35;cursor:not-allowed}.sig-pad{width:100%;height:90px;background:#fff;border-radius:8px;display:grid;place-items:center;overflow:hidden;margin-bottom:6px}.sig-pad canvas{width:100%;height:100%;cursor:crosshair;touch-action:none}.sig-auto{font:italic 22px Segoe Script,Brush Script MT,cursive;color:#222}.bg-preview-box{width:100%;aspect-ratio:3/4;border-radius:10px;overflow:hidden;margin-bottom:10px;border:1px solid var(--border-hi);background:var(--panel-2);display:grid;place-items:center}.bg-preview-box img{width:100%;height:100%;object-fit:cover}.generate-bg-btn{width:100%;padding:11px;font-size:13px;font-weight:700;background:var(--green);color:#000;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;box-shadow:0 2px 10px #22c55e33}.generate-bg-btn:hover:not(:disabled){background:#25d665;box-shadow:0 4px 16px #22c55e59;transform:translateY(-1px)}.generate-bg-btn:disabled{opacity:.35;cursor:not-allowed}.result-card{border-color:var(--border-hi)}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.result-item{text-align:center}.result-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:6px}.result-img-wrap{aspect-ratio:1.586;border-radius:8px;background:var(--panel-2);border:1px solid var(--border);overflow:hidden;display:grid;place-items:center;margin-bottom:6px}.result-img-wrap img{width:100%;height:100%;object-fit:contain}.result-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30px 10px;color:var(--muted);font-size:12px;text-align:center}.status{padding:8px 12px;border-radius:var(--radius-sm);font-size:12px;margin-bottom:10px}.status.err{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:var(--danger)}.status.ok{background:#22c55e14;border:1px solid rgba(34,197,94,.2);color:var(--green)}.spin{width:13px;height:13px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:sp .7s linear infinite;display:inline-block;vertical-align:-2px;margin-right:6px}@keyframes sp{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--green-deep)}.history-card{cursor:default}.history-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}.history-header h2{flex:1}.history-toggle{font-size:12px;font-weight:700;color:var(--muted);padding:2px 8px;border-radius:10px;background:var(--panel-2);border:1px solid var(--border)}.history-search{width:100%;padding:8px 10px;margin:10px 0 8px;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:12px;outline:none}.history-search:focus{border-color:var(--green-dim)}.history-search::placeholder{color:#4a5560}.history-list{max-height:320px;overflow-y:auto}.history-item{display:flex;align-items:center;gap:6px;padding:8px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.history-item:hover{background:#22c55e08}.history-item:last-child{border-bottom:none}.history-item-main{flex:1;min-width:0}.history-item-name{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-meta{display:flex;gap:8px;font-size:11px;color:var(--muted);margin-top:2px}.history-status{font-weight:600}.history-status.ok{color:var(--green)}.history-status.err{color:var(--danger)}.history-del{width:24px;height:24px;border:none;border-radius:4px;background:transparent;color:var(--muted);font-size:16px;cursor:pointer;display:grid;place-items:center;flex:none;transition:all .1s}.history-del:hover{background:#ef444426;color:var(--danger)}.history-empty{color:var(--muted);font-size:12px;text-align:center;padding:16px 0}.queue-header{display:flex;justify-content:flex-end;margin-bottom:6px}.queue-list{margin-bottom:14px;max-height:200px;overflow-y:auto}.queue-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;margin-bottom:4px;transition:background .1s;border:1px solid transparent}.queue-item:hover{background:var(--panel-2);border-color:var(--border)}.queue-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--muted);cursor:pointer}.queue-remove{flex:none;width:18px;height:18px;border-radius:4px;border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center}.queue-remove:hover{background:#ef444426;color:var(--danger)}.qi-pending .queue-dot{background:var(--muted)}.qi-processing .queue-dot{background:var(--warn);animation:pulse-dot 1s ease-in-out infinite}.qi-queued .queue-dot{background:var(--warn)}.qi-done .queue-dot{background:var(--green)}.qi-error .queue-dot{background:var(--danger)}.queue-info{flex:1;min-width:0;cursor:pointer}.queue-name{font-size:12.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-detail{font-size:11px;color:var(--muted)}.queue-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:4px;flex:none}.qb-pending{background:var(--panel-3);color:var(--muted)}.qb-processing{background:#f59e0b26;color:var(--warn)}.qb-queued{background:#f59e0b1a;color:var(--warn)}.qb-done{background:#22c55e1f;color:var(--green)}.qb-error{background:#ef44441f;color:var(--danger)}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:28px 16px}.loading-bar-track{width:100%;height:4px;border-radius:2px;background:var(--panel-2);overflow:hidden}.loading-bar-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--green-deep),var(--green),var(--green-deep));background-size:200% 100%;animation:loadSlide 1.5s ease-in-out infinite}@keyframes loadSlide{0%{background-position:200% 0;width:30%}50%{width:70%}to{background-position:-200% 0;width:30%}}.loading-text-anim{font-size:12px;color:var(--muted);font-weight:500;display:flex;align-items:center;gap:8px}.loading-dots:after{content:"";animation:dots 1.5s steps(4) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.loading-icon{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--green);border-radius:50%;animation:sp .8s linear infinite}