:root{color-scheme:dark;--bg:#050b14;--panel:rgba(11,23,38,.84);--line:rgba(147,181,214,.15);--line2:rgba(70,201,255,.34);--text:#eef8ff;--muted:#91a7bb;--blue:#43c9ff;--violet:#7c72ff;--green:#4ade80;--red:#fb7185;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 18% 0,#0b2944 0,transparent 36%),linear-gradient(145deg,#050b14,#07111e 52%,#050914);overflow-x:hidden}button,input,select,textarea{font:inherit}.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(100px);opacity:.15}.ambient-a{width:420px;height:420px;background:var(--blue);top:-210px;left:12%}.ambient-b{width:400px;height:400px;background:var(--violet);right:-210px;bottom:5%}.topbar{position:relative;z-index:1;width:min(1480px,calc(100% - 48px));height:88px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:43px;height:43px;border:1px solid var(--line2);border-radius:14px;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:10px;background:linear-gradient(145deg,rgba(67,201,255,.15),rgba(124,114,255,.12));box-shadow:inset 0 0 22px rgba(67,201,255,.08)}.brand-mark i{display:block;width:5px;border-radius:4px;background:linear-gradient(to top,var(--violet),var(--blue))}.brand-mark i:nth-child(1){height:12px}.brand-mark i:nth-child(2){height:23px}.brand-mark i:nth-child(3){height:17px}.brand h1{font-size:1.23rem;letter-spacing:.05em;margin:0}.brand p{font-size:.76rem;color:var(--muted);margin:3px 0 0}.topbar nav{display:flex;align-items:center;gap:8px}.nav-button{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);color:#c7d6e3;text-decoration:none;font-size:.78rem;cursor:pointer}.nav-button:hover{border-color:var(--line2);background:rgba(67,201,255,.07)}.nav-button.subtle{color:var(--muted)}.workspace{position:relative;z-index:1;width:min(1480px,calc(100% - 48px));margin:0 auto 50px;display:grid;grid-template-columns:minmax(410px,.9fr) minmax(520px,1.1fr);gap:20px;align-items:start}.panel{background:linear-gradient(145deg,rgba(15,29,47,.94),rgba(7,16,28,.9));border:1px solid var(--line);border-radius:22px;box-shadow:0 28px 90px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.025);backdrop-filter:blur(18px)}.composer{padding:25px;position:sticky;top:15px}.queue{padding:25px;min-height:680px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.section-head h2{margin:2px 0 0;font-size:1.34rem}.section-head h2 small{color:var(--muted);font-size:.78rem;font-weight:500;margin-left:5px}.eyebrow{margin:0;color:var(--blue);font-size:.66rem;font-weight:800;letter-spacing:.22em}.service-state{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.72rem;border:1px solid var(--line);border-radius:999px;padding:7px 10px}.service-state i{width:7px;height:7px;border-radius:50%;background:#64748b}.service-state.ok i{background:var(--green);box-shadow:0 0 9px var(--green)}.service-state.bad i{background:var(--red)}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 10px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field.wide{grid-column:1/-1}.model-field{grid-column:span 2}.field>span,.label-row>span{font-size:.8rem;color:#c9d8e6;font-weight:650}.field em,.label-row em{font-style:normal;font-size:.69rem;color:var(--muted);font-weight:400;margin-left:4px}input,select,textarea{width:100%;color:var(--text);background:rgba(2,9,17,.58);border:1px solid var(--line);border-radius:11px;outline:none;transition:.2s}input,select{height:43px;padding:0 11px}select{cursor:pointer}input:focus,select:focus,textarea:focus{border-color:rgba(67,201,255,.57);box-shadow:0 0 0 3px rgba(67,201,255,.08);background:rgba(2,9,17,.8)}.model-note{min-height:32px;margin:10px 0 5px;padding:8px 10px;border-radius:8px;color:#8fb5c9;background:rgba(67,201,255,.045);font-size:.69rem;line-height:1.45}.upload-block{margin-top:15px}.label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.text-button{border:0;background:transparent;color:var(--blue);font-size:.77rem;padding:5px;cursor:pointer}.text-button:hover{color:#99e8ff}.dropzone{min-height:92px;border:1px dashed rgba(115,182,221,.35);border-radius:13px;background:rgba(67,201,255,.024);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;text-align:center;cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.dragging{border-color:var(--blue);background:rgba(67,201,255,.065);transform:translateY(-1px)}.dropzone svg{width:23px;fill:none;stroke:var(--blue);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.dropzone strong{font-size:.82rem}.dropzone small{font-size:.7rem;color:var(--muted)}.image-list{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px}.image-item{position:relative;aspect-ratio:1;border-radius:9px;overflow:hidden;border:1px solid var(--line);background:#06101d}.image-item img{display:block;width:100%;height:100%;object-fit:cover}.image-item b{position:absolute;left:5px;bottom:5px;padding:2px 5px;border-radius:5px;background:rgba(0,0,0,.7);font-size:.6rem}.image-item button{position:absolute;right:4px;top:4px;width:22px;height:22px;padding:0;border:0;border-radius:50%;color:#fff;background:rgba(0,0,0,.65);cursor:pointer}.prompt-field{margin-top:17px}.prompt-field>span{display:flex;justify-content:space-between}textarea{min-height:145px;padding:12px 13px;resize:vertical;line-height:1.65;font-size:.86rem}.submit-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px}.submit-row p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.5}.primary-button,.secondary-button{height:44px;padding:0 18px;border-radius:12px;font-weight:700;cursor:pointer}.primary-button{border:0;color:#fff;background:linear-gradient(120deg,#1ab8f1,#716cff);box-shadow:0 12px 30px rgba(50,164,255,.24)}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-button:disabled{opacity:.55;cursor:wait;transform:none}.secondary-button{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#c7d8e5}.task-list{display:grid;gap:13px}.empty{min-height:530px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:var(--muted)}.empty[hidden]{display:none}.empty h3{color:#c8d8e6;font-size:1rem;margin:17px 0 5px}.empty p{font-size:.76rem;margin:0}.orbit{position:relative;width:72px;height:72px;border:1px solid rgba(67,201,255,.25);border-radius:50%;transform:rotate(-20deg)}.orbit:before{content:"";position:absolute;inset:8px -8px;border:1px solid rgba(124,114,255,.3);border-radius:50%}.orbit i{position:absolute;width:31px;height:31px;border-radius:50%;left:20px;top:20px;background:radial-gradient(circle at 30% 30%,#78dfff,#2167ad 55%,#0a284c);box-shadow:0 0 22px rgba(67,201,255,.35)}.orbit b{position:absolute;width:6px;height:6px;border-radius:50%;background:white;right:4px;top:16px;box-shadow:0 0 9px white}.task-card{padding:16px;border:1px solid var(--line);border-radius:15px;background:rgba(3,11,20,.52)}.task-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.task-top>span{flex:0 0 auto;padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.67rem}.task-name{display:flex;align-items:flex-start;gap:9px;min-width:0}.task-name>i{width:8px;height:8px;margin-top:5px;flex:0 0 auto;border-radius:50%;background:#64748b}.task-card[data-status=queued] .task-name>i,.task-card[data-status=processing] .task-name>i,.task-card[data-status=submitting] .task-name>i,.task-card[data-status=pending] .task-name>i{background:var(--blue);box-shadow:0 0 10px var(--blue);animation:pulse 1.5s infinite}.task-card[data-status=completed] .task-name>i{background:var(--green)}.task-card[data-status=failed] .task-name>i{background:var(--red)}.task-name h3{margin:0;font-size:.9rem}.task-name p{margin:4px 0 0;color:var(--muted);font-size:.67rem}.progress{height:3px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.05);margin:13px 0 11px}.progress i{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--violet));transition:width .35s}.task-card[data-status=processing] .progress i,.task-card[data-status=queued] .progress i{width:35%!important;animation:loading 1.8s ease-in-out infinite}.task-card[data-status=completed] .progress i{width:100%!important;background:var(--green)}.task-card[data-status=failed] .progress i{width:100%!important;background:var(--red)}.task-prompt{margin:0;color:#a8bac9;font-size:.73rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-card video{display:block;width:100%;max-height:480px;margin-top:12px;border-radius:11px;background:#000;object-fit:contain}.task-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:11px}.task-actions button,.task-actions a{border:0;background:transparent;color:#adc0d0;text-decoration:none;font-size:.72rem;padding:6px 8px;border-radius:7px;cursor:pointer}.task-actions button:hover,.task-actions a:hover{background:rgba(255,255,255,.05);color:#fff}.task-actions a{color:var(--green)}.task-actions .danger{color:var(--red)}dialog{width:min(620px,calc(100% - 28px));padding:0;border:1px solid var(--line2);border-radius:19px;color:var(--text);background:#0b1726;box-shadow:0 30px 100px rgba(0,0,0,.65)}dialog::backdrop{background:rgba(0,5,12,.72);backdrop-filter:blur(5px)}.dialog-card{padding:23px}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between}.dialog-head h2{margin:2px 0 0}.dialog-close{border:0;background:transparent;color:var(--muted);font-size:1.7rem;line-height:1;cursor:pointer}.dialog-copy{color:var(--muted);font-size:.77rem;line-height:1.55}.provider-list{display:grid;gap:7px;max-height:190px;overflow:auto}.provider-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);color:inherit;text-align:left;cursor:pointer}.provider-row:hover{border-color:var(--line2)}.provider-row span{display:flex;flex-direction:column;gap:3px}.provider-row strong{font-size:.82rem}.provider-row small,.provider-row em{color:var(--muted);font-size:.68rem;font-style:normal}.dialog-card hr{height:1px;border:0;background:var(--line);margin:18px 0}.provider-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.provider-form .wide{grid-column:1/-1}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.empty-line{color:var(--muted);font-size:.76rem;text-align:center}.toasts{position:fixed;z-index:20;right:18px;bottom:18px;width:min(360px,calc(100% - 36px));display:grid;gap:8px}.toast{padding:12px 14px;border:1px solid var(--line2);border-radius:11px;background:#102238;box-shadow:0 16px 38px rgba(0,0,0,.38);font-size:.78rem;animation:toastIn .25s}.toast.bad{border-color:rgba(251,113,133,.5)}.login-page{display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);padding:38px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(15,29,47,.96),rgba(7,16,28,.94));box-shadow:0 35px 100px rgba(0,0,0,.4)}.login-card .brand-mark{margin-bottom:20px}.login-card h1{font-size:1.7rem;margin:3px 0}.login-copy{margin:0 0 24px;color:var(--muted);font-size:.8rem}.login-card form{display:grid;gap:18px}.primary-button.full{width:100%}.login-error{margin-bottom:14px;padding:9px 11px;border:1px solid rgba(251,113,133,.35);border-radius:9px;background:rgba(251,113,133,.08);color:#fecdd3;font-size:.78rem}@keyframes pulse{50%{opacity:.35}}@keyframes loading{0%{transform:translateX(-120%)}100%{transform:translateX(340%)}}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}}@media(max-width:980px){.workspace{grid-template-columns:1fr;max-width:760px}.composer{position:static}.queue{min-height:460px}.empty{min-height:330px}}@media(max-width:620px){.topbar{height:72px;width:calc(100% - 28px)}.brand p{display:none}.brand-mark{width:39px;height:39px}.workspace{width:calc(100% - 18px);gap:10px;margin-bottom:20px}.panel{border-radius:17px}.composer,.queue{padding:17px 14px}.form-grid{grid-template-columns:repeat(2,1fr)}.model-field{grid-column:1/-1}.image-list{grid-template-columns:repeat(4,1fr)}.submit-row{align-items:stretch;flex-direction:column}.submit-row .primary-button{width:100%}.task-card video{max-height:72vh}.provider-form{grid-template-columns:1fr}.provider-form .wide{grid-column:auto}.dialog-card{padding:18px}.login-card{padding:28px 22px}.service-state{font-size:.65rem}.topbar .nav-button{padding:0 9px}.topbar .nav-button.subtle{display:none}}