:root{--paper:#ecedee;--surface:#f7f7f8;--sunk:#e1e3e5;--ink:#1c1e21;--mid:#666b72;--line:#cdd0d4;--accent:#2b36c9;--accent-ink:#fff;--accent-soft:#dfe1fa;--run:#b47b00;--ok:#1f7a46;--bad:#b8322a;--bad-soft:#f7e0de;--series-hf:#2b36c9;--series-el:#bf6a17;--wide:"wdth" 125;--narrow:"wdth" 85;--radius-s:4px;--radius-m:8px;--rail:232px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#232528;--surface:#2c2f33;--sunk:#1b1d1f;--ink:#eceef0;--mid:#9aa0a7;--line:#3d4146;--accent:#7d86ff;--accent-ink:#12142b;--accent-soft:#2f3361;--run:#e2a832;--ok:#4cc283;--bad:#ff7b70;--bad-soft:#4a2622;--series-hf:#727bf2;--series-el:#cc7d2e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;font-family:Archivo,system-ui,sans-serif;font-size:15px;line-height:1.5}img,video{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3{font-variation-settings:var(--wide);letter-spacing:-.01em;margin:0;line-height:1.1}h1{font-size:30px;font-weight:750}h2{font-size:19px;font-weight:700}h3{font-size:15px;font-weight:650}p{margin:0}.muted{color:var(--mid)}.small{font-size:13px}.shell{grid-template-columns:var(--rail) 1fr;min-height:100%;display:grid}.rail{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;gap:4px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:4px 8px 22px;display:flex}.brand-mark{background:var(--ink);border-radius:6px;flex:none;width:30px;height:30px;position:relative;overflow:hidden}.brand-mark:before{content:"";background:repeating-linear-gradient(-45deg, transparent 0 7px, var(--paper) 7px 12px);clip-path:polygon(0 0,100% 0,100% 40%,0 40%);position:absolute;inset:0}.brand b{font-variation-settings:var(--wide);font-size:16px;font-weight:750;line-height:1.1;display:block}.brand span{color:var(--mid);font-size:12px}.nav-group{color:var(--mid);margin-top:14px;padding:0 8px 4px;font-size:12px}.nav a{border-radius:var(--radius-s);color:var(--ink);justify-content:space-between;align-items:center;padding:8px 10px;font-weight:500;text-decoration:none;display:flex}.nav a:hover{background:var(--sunk)}.nav a[aria-current=page]{background:var(--ink);color:var(--paper)}.nav .count{background:var(--run);color:#fff;text-align:center;border-radius:10px;min-width:20px;padding:0 6px;font-size:12px}.rail-foot{border-top:1px solid var(--line);margin-top:auto;padding:12px 8px 0;font-size:13px}.rail-foot .spent{justify-content:space-between;margin:6px 0 10px;display:flex}.meter{background:var(--sunk);border-radius:2px;height:4px;overflow:hidden}.meter>i{background:var(--accent);height:100%;display:block}.meter.warn>i{background:var(--bad)}.linkish{color:var(--mid);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.linkish:hover{color:var(--ink)}.main{min-width:0;padding:28px 36px 60px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px;display:flex}.page-head p{max-width:62ch;color:var(--mid);margin-top:6px}.topbar{display:none}.studio{grid-template-columns:minmax(320px,420px) 1fr;align-items:start;gap:28px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);padding:20px}.controls{flex-direction:column;gap:16px;display:flex;position:sticky;top:20px}.field{flex-direction:column;gap:6px;display:flex}.field>label,.label{font-size:13px;font-weight:600}.field .hint{color:var(--mid);font-size:12px}.row{gap:12px;display:flex}.row>*{flex:1;min-width:0}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--paper);width:100%;padding:9px 11px;transition:border-color .15s}input:hover,select:hover,textarea:hover{border-color:var(--mid)}textarea{resize:vertical;min-height:96px;line-height:1.5}input[type=range]{width:100%;accent-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px}.segmented{background:var(--sunk);border-radius:var(--radius-s);flex-wrap:wrap;gap:4px;padding:3px;display:flex}.segmented button{cursor:pointer;background:0 0;border:0;border-radius:3px;flex:1 0 auto;padding:6px 10px;font-size:13px;font-weight:550}.segmented button[aria-pressed=true]{background:var(--surface);box-shadow:0 0 0 1px var(--line)}.models{flex-direction:column;gap:6px;display:flex}.model{text-align:left;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--paper);cursor:pointer;grid-template-columns:1fr auto;gap:2px 10px;padding:10px 12px;display:grid}.model:hover{border-color:var(--mid)}.model[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft)}.model b{font-weight:650}.model .tag{color:var(--mid);font-size:12px}.model .note{color:var(--mid);grid-column:1/-1;font-size:12px}.check{cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;display:flex}.check input{flex:none;margin-top:3px}.drop{border:1px dashed var(--mid);border-radius:var(--radius-s);background:var(--paper);cursor:pointer;color:var(--mid);align-items:center;gap:12px;padding:10px;font-size:13px;display:flex}.drop:hover{border-color:var(--accent);color:var(--ink)}.drop img{object-fit:cover;border-radius:3px;width:56px;height:56px}.btn{border-radius:var(--radius-s);border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--ink);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--mid)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.big{font-variation-settings:var(--wide);width:100%;padding:13px 16px;font-size:16px}.btn.danger{color:var(--bad)}.btn.sm{padding:5px 10px;font-size:13px}.cost{border-radius:var(--radius-s);background:var(--sunk);flex-direction:column;gap:4px;padding:12px 14px;font-size:13px;display:flex}.cost .total{justify-content:space-between;align-items:baseline;font-size:14px;font-weight:650;display:flex}.cost .total span:last-child{font-variation-settings:var(--wide);font-size:20px}.cost .part{color:var(--mid);justify-content:space-between;display:flex}.notice{border-radius:var(--radius-s);background:var(--accent-soft);padding:12px 14px;font-size:14px}.notice.error{background:var(--bad-soft);color:var(--bad)}.queue{flex-direction:column;gap:16px;min-width:0;display:flex}.queue-head{justify-content:space-between;align-items:baseline;display:flex}.job{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);overflow:hidden}.slate{background:var(--ink);--stripe:repeating-linear-gradient(-45deg, var(--ink) 0 10px, var(--paper) 10px 20px);height:10px}.job[data-status=queued] .slate,.job[data-status=preparing] .slate,.job[data-status=running] .slate,.job[data-status=finishing] .slate{background:var(--stripe);background-size:28.28px 10px;animation:.9s linear infinite slate}.job[data-status=completed] .slate{background:var(--ok);height:4px}.job[data-status=failed] .slate{background:var(--bad);height:4px}@keyframes slate{to{background-position:28.28px 0}}@media (prefers-reduced-motion:reduce){.slate{animation:none!important}}.job-body{flex-direction:column;gap:12px;padding:14px 16px 16px;display:flex}.job-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.job-title{overflow-wrap:anywhere;font-weight:600}.job-meta{color:var(--mid);flex-wrap:wrap;gap:4px 12px;margin-top:2px;font-size:12px;display:flex}.status{white-space:nowrap;font-size:12px;font-weight:650}.status.running{color:var(--run)}.status.completed{color:var(--ok)}.status.failed{color:var(--bad)}.job-error{color:var(--bad);background:var(--bad-soft);border-radius:var(--radius-s);overflow-wrap:anywhere;padding:8px 10px;font-size:13px}.outputs{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.output{flex-direction:column;gap:6px;display:flex}.output video,.output img{border-radius:var(--radius-s);object-fit:contain;background:#000;width:100%;max-height:520px}.output audio{width:100%}.output-foot{color:var(--mid);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.job-actions{flex-wrap:wrap;gap:8px;display:flex}.empty{text-align:center;border:1px dashed var(--line);border-radius:var(--radius-m);color:var(--mid);padding:40px 24px}.empty h3{color:var(--ink);margin-bottom:6px}.filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.grid-jobs{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;gap:16px;display:grid}.avatars{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.avatar{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--paper);cursor:pointer;text-align:left;padding:0;position:relative;overflow:hidden}.avatar img{aspect-ratio:3/4;object-fit:cover;width:100%}.avatar span{white-space:nowrap;text-overflow:ellipsis;padding:4px 6px;font-size:12px;display:block;overflow:hidden}.avatar[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.avatar.add{aspect-ratio:3/4.6;color:var(--mid);text-align:center;border-style:dashed;justify-content:center;align-items:center;padding:8px;font-size:13px;display:flex}.dialog-back{z-index:20;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);border-radius:var(--radius-m);flex-direction:column;gap:16px;width:min(560px,100%);max-height:90vh;padding:22px;display:flex;overflow:auto}.dialog-head{justify-content:space-between;align-items:center;display:flex}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.pick-grid button{border:1px solid var(--line);border-radius:var(--radius-s);cursor:pointer;background:var(--paper);padding:0;overflow:hidden}.pick-grid img{aspect-ratio:1;object-fit:cover;width:100%}.kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px;display:grid}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-m);padding:16px}.kpi .v{font-variation-settings:var(--wide);margin-top:4px;font-size:30px;font-weight:700;line-height:1.1}.kpi .s{color:var(--mid);margin-top:4px;font-size:12px}.cards-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.legend{color:var(--mid);gap:16px;font-size:12px;display:flex}.legend i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.bars{flex-direction:column;gap:12px;margin-top:14px;display:flex}.bar-row{grid-template-columns:110px 1fr 74px;align-items:center;gap:10px;font-size:14px;display:grid}.bar-row .track{gap:2px;height:14px;display:flex}.bar-row .track i{border-radius:2px;min-width:0;height:100%;display:block}.bar-row .amt{text-align:right;font-weight:600}.bar-row .cap{color:var(--mid);grid-column:2/4;margin-top:-8px;font-size:12px}.chart{width:100%;height:auto;margin-top:12px;overflow:visible}.chart text{fill:var(--mid);font-family:inherit;font-size:11px}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--mid);border-bottom:1px solid var(--line);padding:8px 10px;font-size:12px;font-weight:600}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:9px 10px}.table td.num,.table th.num{text-align:right}.table-wrap{overflow-x:auto}.auth{place-items:center;min-height:100%;padding:24px;display:grid}.auth-card{flex-direction:column;gap:16px;width:min(400px,100%);display:flex}.auth-card h1{font-size:34px}.auth-slate{background:repeating-linear-gradient(-45deg, var(--ink) 0 14px, var(--paper) 14px 28px);border-radius:3px;height:16px;margin-bottom:8px}@media (width<=1100px){.studio{grid-template-columns:1fr}.controls{position:static}.cards-2{grid-template-columns:1fr}}@media (width<=760px){.shell{grid-template-columns:1fr}.rail{z-index:30;height:100%;transition:transform .2s;position:fixed;inset:0 30% 0 0;overflow-y:auto;transform:translate(-102%)}.shell.menu-open .rail{transform:none;box-shadow:0 0 0 100vmax #0006}.topbar{border-bottom:1px solid var(--line);background:var(--surface);z-index:10;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.main{padding:20px 16px 48px}h1{font-size:24px}.bar-row{grid-template-columns:80px 1fr 64px}.grid-jobs{grid-template-columns:1fr}}