:root{font-family:Inter,system-ui,sans-serif;color:#111318;background:#f7f8fa;font-synthesis:none;--p:#635bff;--p2:#5148e5;--muted:#68707d;--border:#e7e9ee;--card:#fff;--dark:#16181d;--green:#16a36a;--red:#dc4c4c;--amber:#e89a0c}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f7f8fa}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.app-shell{min-height:100vh}.topbar{height:68px;background:#ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 5vw;gap:34px;position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.4px}.brand-mark{width:34px;height:34px;border-radius:11px;background:#111318;color:#fff;display:grid;place-items:center}.user-nav{display:flex;gap:26px;font-size:14px;color:#525866}.user-nav a.active{color:#111318;font-weight:600}.top-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.credit-pill{font-size:13px;background:#f1f0ff;color:#4f46d8;padding:8px 12px;border-radius:999px;font-weight:600}.icon-btn{border:1px solid var(--border);background:#fff;width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.page-wrap{width:min(1280px,90vw);margin:0 auto;padding:56px 0 90px}.page-wrap.narrow{width:min(1020px,90vw)}.hero{text-align:center;padding:68px 0 88px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#6d66e7;margin-bottom:12px}.hero h1{font-size:clamp(44px,6vw,78px);line-height:1.01;letter-spacing:-.055em;margin:0;font-weight:800}.hero h1 span{color:#625af1}.hero p{color:var(--muted);font-size:18px;margin:24px auto 30px;max-width:650px}.btn{border:0;border-radius:12px;padding:10px 15px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--p);color:#fff;box-shadow:0 8px 24px #635bff33}.btn-primary:hover{background:var(--p2)}.btn-dark{background:#17191f;color:#fff}.btn-ghost{background:#fff;border:1px solid var(--border);color:#343842}.btn-danger{background:#fbecec;color:#b72b2b}.btn-lg{padding:14px 20px;border-radius:14px}.btn-block{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.text-btn{border:0;background:transparent;color:#5952dc;padding:6px;font-weight:600}.section-head,.admin-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-head h1,.section-head h2,.admin-title h1{margin:0;letter-spacing:-.035em}.section-head h2{font-size:34px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{border:1px solid var(--border);background:#fff;color:#5c6270;padding:9px 13px;border-radius:999px}.filters button.active{background:#17191f;color:#fff;border-color:#17191f}.model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.model-card{background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 4px 18px #16181d09;transition:.25s}.model-card:hover{transform:translateY(-3px);box-shadow:0 15px 38px #16181d14}.model-visual{height:220px;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#f0efff,#e8ebf4);overflow:hidden}.model-visual.fast{background:linear-gradient(145deg,#eef6f3,#e8edf1)}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent);mask-image:linear-gradient(to bottom,#000,transparent)}.visual-icon{width:78px;height:78px;border-radius:24px;background:#ffffffe0;display:grid;place-items:center;color:#5b54e8;box-shadow:0 12px 30px #3832961f;z-index:1}.model-badge{position:absolute;top:14px;right:14px;z-index:2;background:#17191f;color:#fff;font-size:10px;font-weight:800;padding:6px 9px;border-radius:999px}.model-body{padding:18px}.model-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.model-title-row h3{margin:0;font-size:18px}.model-title-row span{font-size:11px;background:#f3f4f7;padding:5px 7px;border-radius:8px}.model-body p{height:42px;color:var(--muted);font-size:13px;line-height:1.55}.model-specs{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.model-specs span{font-size:11px;background:#f7f8fa;border:1px solid #edf0f3;padding:6px 8px;border-radius:8px}.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#e9e7ff,transparent 42%),#f7f8fa}.auth-card{width:min(430px,92vw);background:#fff;border:1px solid var(--border);border-radius:24px;padding:34px;box-shadow:0 24px 80px #1e202d17}.auth-card h1{margin:0;font-size:34px;letter-spacing:-.04em}.auth-card form{display:grid;gap:16px;margin:26px 0 12px}.auth-card label{display:grid;gap:7px;font-size:13px;font-weight:600}input,select,textarea{border:1px solid #dfe2e8;background:#fff;border-radius:11px;padding:11px 12px;outline:none;color:#1c1f25}input:focus,select:focus,textarea:focus{border-color:#8a84f8;box-shadow:0 0 0 3px #635bff17}.create-page{width:min(1380px,94vw);margin:0 auto;padding:36px 0 80px}.create-head{display:flex;gap:22px;align-items:center;margin-bottom:24px}.create-head h1{margin:0}.create-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.65fr);gap:24px;align-items:start}.pair-workspace,.order-card{background:#fff;border:1px solid var(--border);border-radius:20px}.pair-workspace{padding:22px}.workspace-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.workspace-head h2{margin:0}.workspace-head p{margin:6px 0 0;color:var(--muted);font-size:13px}.counter{background:#f4f4f7;border-radius:999px;padding:6px 10px;font-size:12px}.pair-card{border:1px solid var(--border);border-radius:16px;padding:16px;margin-top:13px}.pair-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.08em}.pair-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.dropzone{height:230px;border:1.5px dashed #cfd3dc;border-radius:14px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;color:#767c88;overflow:hidden;cursor:pointer;background:#fafbfc}.dropzone:hover{border-color:#8d87f5;background:#f9f8ff}.dropzone img,.dropzone video{width:100%;height:100%;object-fit:cover}.dropzone strong{font-size:12px;color:#3c414c}.dropzone span{font-size:11px}.pair-status{font-size:12px;margin-top:10px;color:#7a808c}.pair-status .ok{color:var(--green);font-weight:650}.add-pair{width:100%;border:1.5px dashed #cfd3dc;background:#fafbfc;border-radius:14px;padding:15px;margin-top:13px;display:flex;align-items:center;justify-content:center;gap:8px;color:#535966}.order-card{padding:24px;position:sticky;top:92px}.order-card h2{margin:0 0 10px}.quality{display:inline-block;font-size:10px;font-weight:800;padding:6px 8px;border-radius:7px;background:#17191f;color:#fff}.summary-list{margin:20px 0;border-top:1px solid var(--border)}.summary-list div,.summary-total{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #eff1f4;font-size:13px}.summary-list span{color:var(--muted)}.summary-total{font-size:16px;margin-bottom:18px}.summary-note{text-align:center;color:var(--muted);font-size:11px;margin-bottom:0}.alert{padding:12px 14px;border-radius:11px;font-size:13px;margin:12px 0}.alert.error{background:#fff0f0;color:#a92828;border:1px solid #f6d3d3}.alert.info{background:#f0f4ff;color:#35478a;border:1px solid #dce5ff}.history-list{display:grid;gap:12px}.history-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:14px;display:grid;grid-template-columns:96px 1fr auto;gap:16px;align-items:center}.history-thumb{height:76px;background:linear-gradient(145deg,#efeff7,#e7e9ef);border-radius:11px;display:grid;place-items:center;color:#6b66df}.history-title{display:flex;justify-content:space-between;gap:10px}.history-title>div{display:flex;gap:10px;align-items:center}.history-title span{font-size:11px;color:#9298a2}.history-meta{display:flex;gap:14px;font-size:12px;color:var(--muted);margin-top:9px}.retention{font-size:11px;color:#7a808c;margin-top:8px}.status{font-size:11px;font-weight:700;padding:6px 9px;border-radius:999px;white-space:nowrap}.status-queued{background:#eef0f3;color:#59606b}.status-running{background:#eeedff;color:#544de1}.status-completed{background:#e9f8f1;color:#118257}.status-failed,.status-cancelled{background:#fdeeee;color:#b83232}.empty{padding:50px;text-align:center;color:var(--muted)}.error-text{color:#b83232!important}.loading-screen{min-height:100vh;display:grid;place-items:center;font-weight:800;letter-spacing:.12em}.admin-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr;background:#f5f6f8}.admin-sidebar{background:#121419;color:#d6d8df;padding:22px 14px;position:sticky;top:0;height:100vh;overflow:auto}.admin-brand{display:flex;flex-direction:column;font-weight:800;letter-spacing:-.02em;padding:8px 12px 22px;color:#fff}.admin-brand span{font-size:9px;letter-spacing:.2em;color:#777e8d;margin-top:3px}.admin-group{margin-top:20px}.admin-group-label{font-size:9px;letter-spacing:.14em;color:#69707c;padding:0 12px 8px}.admin-link{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:9px;color:#aeb3bf;font-size:13px;margin:2px 0}.admin-link:hover{background:#1a1d23;color:#fff}.admin-link.active{background:#242730;color:#fff}.admin-content{min-width:0}.admin-topline{height:58px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;font-size:11px;letter-spacing:.08em}.env-dot{display:inline-block;width:7px;height:7px;background:#14ad6d;border-radius:50%;margin-right:7px}.admin-page{padding:30px;max-width:1550px;margin:0 auto}.admin-title{align-items:center}.admin-title h1{font-size:32px}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.metric-card,.panel{background:#fff;border:1px solid var(--border);border-radius:15px}.metric-card{padding:18px}.metric-card>svg{color:#6a64e9}.metric-value{font-size:27px;font-weight:750;letter-spacing:-.03em;margin:15px 0 4px}.admin-two{display:grid;grid-template-columns:1.5fr .8fr;gap:14px;margin-top:14px}.panel{padding:18px;margin-top:14px}.panel h3{margin:0 0 16px;font-size:14px}.mini-chart{height:200px;display:flex;align-items:end;gap:5px;border-bottom:1px solid var(--border);padding-top:30px}.chart-col{flex:1;min-height:4px;background:#7069ef;border-radius:5px 5px 0 0;opacity:.8}.health-list{display:grid;gap:12px;font-size:13px}.health-list div,.health-line{display:flex;align-items:center;justify-content:space-between}.health-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.health-dot.good{background:#15a66a}.health-dot.warn{background:#e9a317}.health-dot.bad{background:#d34d4d}.simple-table .tr{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid #eff1f4;font-size:13px}.toolbar{display:flex;gap:9px;margin-bottom:14px}.toolbar input{min-width:260px;flex:1}.table-panel{padding:0;overflow:hidden}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;background:#fafbfc;color:#727986;font-weight:650;padding:11px 13px;border-bottom:1px solid var(--border)}td{padding:12px 13px;border-bottom:1px solid #eff1f4;vertical-align:middle}tbody tr:hover{background:#fafaff}tbody tr{cursor:pointer}td small{display:block;color:#8b919c;margin-top:3px}.job-detail-head{display:flex;justify-content:space-between;align-items:center}.job-detail-head h1{margin:2px 0}.action-row{display:flex;gap:8px;margin:18px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.kv{display:grid;grid-template-columns:130px 1fr;gap:10px;font-size:12px}.kv dt{color:#7a808c}.kv dd{margin:0;font-weight:600}.attempt{border-top:1px solid #eff1f4;padding:12px 0}.attempt>div{display:flex;justify-content:space-between}.attempt small{color:#7a808c}.pill{font-size:10px;padding:4px 7px;border-radius:999px;background:#eef0f3;margin-left:8px}.pill.production,.pill.completed{background:#e6f8ef;color:#0e8155}.pill.draft,.pill.running{background:#eeedff;color:#544de1}.pill.failed{background:#fdeeee;color:#b83232}.timeline{display:grid;gap:0}.timeline-item{display:grid;grid-template-columns:170px 1fr;gap:15px;padding:11px 0;border-top:1px solid #eff1f4}.timeline-item time{font-size:11px;color:#858b95}.timeline-item b{font-size:11px;letter-spacing:.04em}.timeline-item p{margin:4px 0 0;font-size:12px;color:#626874}.key-layout{grid-template-columns:2fr .7fr}.key-status{font-size:10px;font-weight:700;padding:5px 7px;border-radius:999px;background:#eef0f3}.key-status.available{background:#e8f8f0;color:#118257}.key-status.leased{background:#eeeefe;color:#554ee1}.key-status.cooldown{background:#fff4df;color:#9f6a07}.key-status.retired_failed{background:#fdeeee;color:#b83232}.import-panel textarea{width:100%;resize:vertical;margin-bottom:8px}.import-panel input{width:100%;margin-bottom:8px}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.setting-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;display:grid;gap:6px}.setting-card span{font-size:13px;font-weight:700}.setting-card small{color:#828894}.setting-card input[type=number]{margin-top:8px}.toggle-card input{width:20px;height:20px}.log-list{background:#14161b;border-radius:14px;overflow:hidden;color:#d4d7de}.log-row{display:grid;grid-template-columns:170px 70px 90px 1fr 90px;gap:10px;padding:10px 13px;border-bottom:1px solid #22252c;font-size:11px;align-items:start}.log-row time,.log-row p{color:#858c99}.log-row p{margin:3px 0 0}.log-level{text-transform:uppercase;font-weight:800}.level-error .log-level{color:#ff7b7b}.level-warning .log-level{color:#ffc65a}.model-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.model-admin-card{margin:0}.model-admin-head{display:flex;justify-content:space-between}.model-admin-head h3{margin:0 0 4px}.switch{width:42px;height:24px;border:0;border-radius:999px;background:#d9dde4;padding:3px}.switch span{display:block;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:#635bff}.switch.on span{transform:translate(18px)}.workflow-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-top:1px solid #eff1f4}.workflow-row>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.workflow-row small{width:100%;color:#858b95}.health-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.health-line{padding:11px 0;border-top:1px solid #eff1f4;font-size:13px}.health-line span{display:flex;align-items:center}@media(max-width:1100px){.model-grid{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(3,1fr)}.settings-grid,.model-admin-grid{grid-template-columns:repeat(2,1fr)}.admin-two,.create-grid{grid-template-columns:1fr}.order-card{position:static}}@media(max-width:760px){.topbar{padding:0 16px;height:62px}.user-nav,.credit-pill{display:none}.page-wrap{width:92vw;padding-top:30px}.hero{padding:48px 0 60px}.hero h1{font-size:44px}.hero p{font-size:15px}.model-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.create-page{width:94vw}.pair-workspace{padding:14px}.pair-inputs{grid-template-columns:1fr}.dropzone{height:220px}.history-card{grid-template-columns:70px 1fr}.history-thumb{height:60px}.history-actions{grid-column:2}.admin-shell{grid-template-columns:1fr}.admin-sidebar{display:none}.admin-page{padding:18px}.metric-grid,.settings-grid,.model-admin-grid,.detail-grid,.health-grid{grid-template-columns:1fr 1fr}.admin-two{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar input{min-width:100%}.log-row,.timeline-item{grid-template-columns:1fr}.table-panel{overflow:auto}}@media(max-width:520px){.metric-grid,.settings-grid,.model-admin-grid,.detail-grid,.health-grid{grid-template-columns:1fr}.hero h1{font-size:38px}.pair-inputs{gap:8px}.history-meta{flex-wrap:wrap}}.alert.ok{background:#edf9f3;color:#0d7d53;border:1px solid #cdeedc}.turnstile-slot{min-height:65px;display:flex;justify-content:center;align-items:center}.hero-compact{padding:34px 0 42px}.hero-compact h1{font-size:clamp(42px,5.2vw,68px)}.hero-compact p{margin:18px auto 22px}.hero-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.home-wrap{padding-top:28px}.models-priority{scroll-margin-top:90px}.models-priority .section-head{margin-bottom:18px}.models-priority .section-head p{margin:7px 0 0}.welcome-strip{margin:22px auto 0;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-size:13px;color:#5d6370}.welcome-strip span{background:#fff;border:1px solid var(--border);padding:6px 10px;border-radius:999px}.welcome-strip b{font-weight:650;color:#252934}.account-pill{max-width:240px;height:38px;border:1px solid var(--border);background:#fff;border-radius:12px;padding:0 11px;display:flex;align-items:center;gap:7px;color:#343842}.account-pill span{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-nav a{display:flex;align-items:center;gap:5px}.global-warning{background:#fff7df;color:#7c5b08;border-bottom:1px solid #f1dfaa;padding:8px 5vw;font-size:12px}.state-panel{min-height:120px;border:1px dashed #d9dce4;background:#fff;border-radius:18px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:18px}.state-panel>div{display:flex;flex-direction:column;gap:5px}.state-panel span{color:var(--muted);font-size:13px}.error-state{border-color:#f0bebe;background:#fff8f8}.skeleton-card{height:410px;background:linear-gradient(90deg,#f4f5f7 25%,#fff 37%,#f4f5f7 63%);background-size:400% 100%;animation:skeleton 1.4s ease infinite}@keyframes skeleton{0%{background-position:100% 0}to{background-position:0 0}}.trust-row{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.trust-row>div{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px;display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:2px;align-items:center}.trust-row svg{grid-row:1/3;color:#5b54e8}.trust-row b{font-size:13px}.trust-row span{font-size:12px;color:var(--muted)}.account-grid{display:grid;grid-template-columns:minmax(280px,.8fr) 1.2fr;gap:18px}.account-card{text-align:center}.account-avatar{width:70px;height:70px;margin:0 auto 12px;border-radius:22px;background:#f0efff;color:#5b54e8;display:grid;place-items:center}.account-card h2{margin:0 0 4px}.account-card .kv{text-align:left;margin:20px 0}.account-card .btn+.btn{margin-top:9px}.security-note{display:flex;align-items:flex-start;gap:12px;background:#f7f8fa;border:1px solid var(--border);border-radius:14px;padding:14px;margin-top:18px}.security-note svg{color:#16a36a}.security-note div{display:flex;flex-direction:column;gap:4px}.security-note span{font-size:12px;color:var(--muted)}.admin-user{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:16px 12px 0;display:flex;flex-direction:column;gap:3px;font-size:12px;overflow:hidden}.admin-user span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user small{opacity:.6;text-transform:uppercase}.credit-plus{color:#13875a}.credit-minus{color:#c53a3a}@media(max-width:900px){.account-pill span{display:none}.account-pill{width:38px;padding:0;justify-content:center}.trust-row,.account-grid{grid-template-columns:1fr}.hero-compact{padding-top:24px}.models-priority .section-head{margin-bottom:14px}}.history-sub{margin:8px 0 0;max-width:650px;font-size:13px}.batch-focus{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#f0efff;border:1px solid #dcd9ff;border-radius:14px;padding:13px 15px;margin-bottom:14px}.batch-focus>div{display:flex;flex-direction:column;gap:3px}.batch-focus b{font-size:13px}.batch-focus span{font-size:11px;color:#6963c9}.history-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:12px}.history-summary>div{background:#fff;border:1px solid var(--border);border-radius:14px;padding:13px 14px;display:flex;justify-content:space-between;align-items:center}.history-summary span{font-size:11px;color:var(--muted)}.history-summary b{font-size:20px}.history-filters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}.history-filters button{border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 11px;font-size:12px;color:#5d6370}.history-filters button.active{background:#17191f;border-color:#17191f;color:#fff}.history-filters button span{margin-left:6px;opacity:.7}.job-message{font-size:12px;color:#4c5260;margin-top:7px}.history-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.status-cancelled{background:#f2f3f5;color:#666d78}@media(max-width:760px){.history-summary{grid-template-columns:repeat(2,1fr)}.batch-focus{align-items:flex-start}.history-card{grid-template-columns:70px 1fr}.history-actions{grid-column:2;justify-content:flex-start}}.brand-kicker{font-size:12px;font-weight:800;letter-spacing:.22em;color:var(--p);margin-bottom:14px}.simple-hero{padding-bottom:54px}.welcome-simple{display:inline-flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:999px;padding:8px 10px 8px 14px}.mode-section{margin-top:6px}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.mode-card{position:relative;aspect-ratio:16/9;height:auto;border:0;padding:0;border-radius:26px;overflow:hidden;background:#111;color:#fff;text-align:left;box-shadow:0 16px 46px #14161e1f;transition:.22s}.mode-card:hover{transform:translateY(-4px);box-shadow:0 24px 58px #14161e2e}.mode-preview{position:absolute;inset:0}.mode-preview video,.mode-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mode-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mode-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0000000d,#00000029 45%,#000000d1)}.mode-copy{position:absolute;left:24px;right:24px;bottom:24px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.mode-copy strong{font-size:30px;letter-spacing:-.03em}.mode-copy small{font-size:14px;line-height:1.45;max-width:440px;color:#ffffffd1}.mode-icon{width:42px;height:42px;border-radius:13px;background:#ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;place-items:center}.mode-cta{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;margin-top:8px}.simple-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:42px 0 0}.simple-steps>div{background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px;display:flex;align-items:center;gap:12px}.simple-steps b{width:30px;height:30px;border-radius:50%;background:#f0efff;color:var(--p2);display:grid;place-items:center}.simple-steps span{font-size:13px;font-weight:600}.credit-button{border:0;cursor:pointer}.back-link{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;padding:0;color:#555dcc;font-weight:650}.create-title{margin:22px 0 24px}.create-title h1{font-size:38px;margin:8px 0 7px;letter-spacing:-.04em}.create-title p{color:var(--muted);margin:0}.soft-badge{font-size:11px;font-weight:800;letter-spacing:.14em;color:#625af1}.create-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.create-main{display:flex;flex-direction:column;gap:22px}.dual-upload{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bulk-drop{min-height:190px;background:#fff;border:1.5px dashed #cfd3dd;border-radius:20px;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:8px;padding:24px;cursor:pointer;transition:.18s}.bulk-drop:hover{border-color:#766fff;background:#fbfaff}.bulk-drop svg{color:#665ee8}.bulk-drop strong{font-size:16px}.bulk-drop span{font-size:12px;color:var(--muted);max-width:250px}.selected-wrap,.option-section{background:#fff;border:1px solid var(--border);border-radius:20px;padding:18px}.selected-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.selected-head span{font-size:12px;color:var(--muted)}.pair-list{display:flex;flex-direction:column;gap:9px}.mini-pair{display:grid;grid-template-columns:34px 1fr 24px 1fr 24px;gap:9px;align-items:center;border:1px solid var(--border);padding:8px;border-radius:14px}.mini-pair.ready{border-color:#ccebdc;background:#fbfffd}.pair-no{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#f1f2f5;font-size:11px;font-weight:700}.mini-media{height:68px;border-radius:10px;background:#f5f6f8;overflow:hidden;position:relative;display:grid;place-items:center;color:var(--muted);font-size:11px}.mini-media img,.mini-media video{width:100%;height:100%;object-fit:cover}.mini-media button{position:absolute;right:4px;top:4px;width:24px;height:24px;border:0;border-radius:7px;background:#121419b8;color:#fff;display:grid;place-items:center}.pair-arrow{text-align:center;color:#9aa0aa}.pair-check{color:var(--green)}.option-section h2{font-size:20px;margin:0 0 13px}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.choice-card{border:1px solid var(--border);background:#fff;border-radius:15px;padding:14px;display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;text-align:left}.choice-card.active{border-color:#7068f0;box-shadow:0 0 0 2px #635bff14;background:#fbfaff}.choice-card svg{color:#625af1}.choice-card div{display:flex;flex-direction:column;gap:3px}.choice-card div b{font-size:13px}.choice-card div span{font-size:11px;color:var(--muted)}.choice-card>strong{font-size:12px;color:#544de0}.simple-summary{background:#fff;border:1px solid var(--border);border-radius:20px;padding:20px;position:sticky;top:88px}.simple-summary h3{margin:0 0 14px}.simple-summary>div:not(.alert){display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #f0f1f3;font-size:13px}.simple-summary>div span{color:var(--muted)}.simple-summary .total-row{margin-top:8px;padding:15px 0!important;font-size:15px!important}.simple-summary .total-row strong{color:#544de0}.simple-summary small{display:block;color:var(--muted);font-size:11px;text-align:center;line-height:1.45;margin-top:11px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.package-card{border:1px solid var(--border);background:#fff;border-radius:20px;padding:20px;text-align:left;display:flex;flex-direction:column;gap:7px}.package-card.active{border-color:#6f67ed;box-shadow:0 0 0 2px #635bff14}.package-card svg{color:#6159e9}.package-card strong{font-size:24px}.package-card span{font-weight:700}.package-card small{color:var(--muted);line-height:1.4}.topup-confirm{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px}.topup-confirm>div{display:flex;flex-direction:column;gap:5px}.payment-box{display:grid;grid-template-columns:310px 1fr;gap:26px;margin-top:14px}.payment-qr img{width:100%;border-radius:16px}.payment-info h2{margin-top:0}.payment-info dl{display:grid;grid-template-columns:130px 1fr;gap:10px 18px}.payment-info dt{color:var(--muted);font-size:13px}.payment-info dd{margin:0;font-weight:600}.copy-btn{border:0;background:transparent;color:#6159e9;margin-left:6px}.payment-status{display:inline-block;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700;background:#f1f2f4}.payment-status.pending{background:#fff3d9;color:#9c6500}.payment-status.approved{background:#e7f7ef;color:#118553}.payment-status.rejected,.payment-status.expired{background:#f8e9e9;color:#a33}.top-gap{margin-top:34px}.balance-card{display:grid;grid-template-columns:32px 1fr;gap:2px 10px;text-align:left;background:#f7f6ff;border:1px solid #e4e1ff;border-radius:15px;padding:14px;margin:16px 0}.balance-card svg{grid-row:1/3;color:#5f57e7}.balance-card span{font-size:11px;color:var(--muted)}.balance-card b{font-size:20px}.admin-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.form-grid label{font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:6px}.form-grid input,.form-grid select{border:1px solid var(--border);border-radius:10px;padding:10px;background:#fff}.package-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.package-admin{display:flex;align-items:center;justify-content:space-between;gap:12px}.package-admin>div:first-child{display:flex;flex-direction:column;gap:5px}.package-admin span{font-size:12px;color:var(--muted)}.table-actions{display:flex;gap:6px;align-items:center}.approve{color:#0e8654}.reject{color:#b52e2e}.alert.warn{background:#fff5dc;color:#8a5a00;border:1px solid #f4deb0}.alert.success{background:#eaf8f1;color:#0c8050;border:1px solid #ccebdc;display:flex;gap:8px;align-items:center}@media(max-width:900px){.mode-grid,.dual-upload,.option-grid,.package-grid,.admin-two,.package-admin-grid{grid-template-columns:1fr}.mode-card{height:auto}.simple-steps{grid-template-columns:1fr 1fr}.create-layout{grid-template-columns:1fr}.simple-summary{position:static}.payment-box{grid-template-columns:1fr}.payment-qr{max-width:340px;margin:auto}.user-nav{gap:12px;overflow-x:auto}.user-nav a{white-space:nowrap}.form-grid{grid-template-columns:1fr}}@media(max-width:600px){.topbar{padding:0 14px;gap:12px}.brand span:last-child{display:none}.user-nav{font-size:12px}.credit-pill{padding:7px 9px}.page-wrap{width:min(94vw,1280px);padding-top:30px}.hero h1{font-size:42px}.simple-steps{grid-template-columns:1fr}.mode-card{height:auto}.mini-pair{grid-template-columns:28px 1fr 18px 1fr 20px}.mini-media{height:58px}.create-title h1{font-size:30px}.package-card strong{font-size:21px}.payment-info dl{grid-template-columns:100px 1fr}.table-panel{overflow:auto}.admin-content{padding:18px}}.upload-progress{position:relative!important;display:block!important;height:34px;border:1px solid #e1e3e9!important;border-radius:10px;overflow:hidden;background:#f4f5f8;margin:12px 0!important;padding:0!important}.upload-progress span{position:absolute;left:0;top:0;bottom:0;background:#dedbff;transition:width .15s ease}.upload-progress b{position:relative;z-index:1;display:grid;height:100%;place-items:center;font-size:11px;color:#403a9f}.check-line{flex-direction:row!important;align-items:center;gap:8px!important}.check-line input{width:18px;height:18px}@media(max-width:600px){.top-actions{gap:6px}.account-pill{width:36px;height:36px}.icon-btn{width:34px;height:34px}.mode-copy{left:18px;right:18px;bottom:18px}.mode-copy strong{font-size:25px}.bulk-drop{min-height:160px;padding:18px}.simple-summary{padding:16px}.payment-box{gap:16px}.payment-qr{max-width:280px}.section-head h2{font-size:28px}}.mobile-nav{display:none}@media(max-width:760px){.app-shell{padding-bottom:66px}.mobile-nav{position:fixed;display:flex;left:0;right:0;bottom:0;height:62px;background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);z-index:50;align-items:stretch;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:#747a86;font-size:10px;font-weight:650}.mobile-nav a.active{color:#5a52df}.mobile-nav a span{white-space:nowrap}.topbar .btn-primary{padding:9px 12px}.top-actions .icon-btn{display:none}}@media(max-width:760px){.admin-shell{display:block}.admin-sidebar{display:flex;align-items:center;gap:4px;position:sticky;top:0;height:auto;min-height:58px;padding:8px 10px;overflow-x:auto;z-index:60}.admin-brand{flex:none;display:block;padding:9px 12px}.admin-brand span{display:inline;font-size:inherit;letter-spacing:0;color:#8e88ff;margin:0}.admin-group{display:flex;gap:4px;margin:0;flex:none}.admin-group-label,.admin-user{display:none}.admin-link{flex:none;white-space:nowrap;margin:0;padding:9px 10px}.admin-topline{display:none}.admin-content{padding:0}.admin-page{padding:18px 14px 74px}.admin-title{align-items:flex-start;flex-direction:column}.table-panel{overflow:auto}}.password-panel{align-self:start}.password-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px}.password-head h3{margin:0 0 5px}.password-head p{margin:0;font-size:13px}.password-icon{width:40px;height:40px;border-radius:12px;background:#f1f0ff;color:#554de0;display:grid;place-items:center;flex:none}.password-form{display:grid;gap:14px}.password-form label{display:grid;gap:7px;font-size:13px;font-weight:650}.password-form .alert{margin:0}.password-form .btn{margin-top:2px}.payment-qr{min-height:310px;border:1px solid var(--border);border-radius:18px;background:#fafbfc;display:grid;place-items:center;overflow:hidden}.payment-qr img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;background:#fff}.qr-state{min-height:300px;width:100%;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:var(--muted)}.qr-state svg{color:#6159e9}.qr-state.qr-error{color:#a92828}.qr-state.qr-error svg{color:#c84b4b}.global-upload{position:fixed;right:18px;bottom:18px;z-index:1200;width:min(420px,calc(100vw - 36px));padding:14px 16px;border-radius:16px;background:#111;color:#fff;box-shadow:0 18px 50px #00000047}.global-upload.done{background:#173b2d}.global-upload.error{background:#562525}.global-upload.cancelled{background:#3b3b3b}.global-upload-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:14px}.global-upload-head button{border:0;background:transparent;color:#fff;font-size:22px;line-height:1;cursor:pointer}.global-upload-track{height:6px;background:#ffffff2e;border-radius:99px;overflow:hidden;margin:10px 0}.global-upload-track span{display:block;height:100%;background:#fff;border-radius:99px;transition:width .2s ease}.global-upload-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#ffffffc2}.global-upload-actions button,.global-upload-actions a{border:0;background:transparent;color:#fff;text-decoration:underline;cursor:pointer;font:inherit;white-space:nowrap}@media(max-width:760px){.global-upload{right:12px;bottom:76px;width:calc(100vw - 24px)}}.payment-success-pop{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;padding:20px;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.payment-success-pop>div{width:min(430px,100%);background:#fff;border-radius:22px;padding:30px;text-align:center;box-shadow:0 22px 70px #00000040}.payment-success-pop svg{margin-bottom:8px}.payment-success-pop h2{margin:4px 0 10px}.payment-success-pop p{color:#666;line-height:1.6;margin-bottom:20px}.history-page{width:min(1180px,92vw)}.history-card{grid-template-columns:180px minmax(0,1fr) auto;min-height:134px;padding:12px;border-radius:20px;border-left-width:4px;box-shadow:0 6px 20px #14161e09}.history-card.history-queued{border-left-color:#9aa0aa}.history-card.history-running{border-left-color:#6a63ec}.history-card.history-completed{border-left-color:#18a66b}.history-card.history-failed{border-left-color:#d94b4b}.history-card.history-cancelled{border-left-color:#8c929c}.history-thumb{height:108px;width:180px;background:#edf0f4;overflow:hidden;border-radius:14px;position:relative}.history-thumb img,.history-thumb video{width:100%;height:100%;object-fit:cover;display:block}.history-thumb video{background:#111}.history-main{min-width:0}.history-title strong{font-size:15px}.history-title>div span{background:#f2f3f6;border-radius:7px;padding:4px 7px;color:#6f7580}.history-meta{flex-wrap:wrap}.job-message{font-weight:600;color:#454b56}.history-actions{align-self:center;min-width:118px}.history-summary .summary-queued{border-bottom:2px solid #9aa0aa}.history-summary .summary-running{border-bottom:2px solid #6a63ec}.history-summary .summary-completed{border-bottom:2px solid #18a66b}.history-summary .summary-failed{border-bottom:2px solid #d94b4b}.history-summary .summary-cancelled{border-bottom:2px solid #8c929c}.admin-job-media{overflow:hidden}.job-media-row{display:grid;grid-template-columns:220px 260px minmax(260px,1fr);gap:14px;align-items:stretch}.admin-media-box{border:1px solid var(--border);border-radius:14px;background:#f7f8fa;overflow:hidden;min-width:0}.admin-media-box img,.admin-media-box video{width:100%;height:150px;object-fit:cover;display:block;background:#111}.admin-media-box small{display:block;padding:9px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-empty{height:150px;display:grid;place-items:center;color:#8b919c;font-size:12px}.admin-job-options{display:flex;align-content:flex-start;align-items:flex-start;gap:8px;flex-wrap:wrap;padding:6px}.option-chip{display:inline-flex;padding:7px 9px;border-radius:999px;background:#f1f2f5;font-size:11px;font-weight:700}.admin-output-video{display:block;width:min(760px,100%);max-height:520px;border-radius:14px;background:#111}.table-file{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}@media(max-width:900px){.job-media-row{grid-template-columns:1fr 1fr}.admin-job-options{grid-column:1/-1}.history-card{grid-template-columns:150px 1fr}.history-thumb{width:150px;height:96px}.history-actions{grid-column:2}}@media(max-width:620px){.history-page{width:94vw}.history-card{grid-template-columns:100px 1fr;gap:10px;padding:10px}.history-thumb{width:100px;height:86px}.history-title{align-items:flex-start}.history-title>div{flex-direction:column;align-items:flex-start;gap:5px}.history-actions{grid-column:1/-1;justify-content:flex-start}.history-summary{grid-template-columns:repeat(2,1fr)}.job-media-row{grid-template-columns:1fr}.admin-job-options{grid-column:auto}.admin-media-box img,.admin-media-box video,.media-empty{height:200px}}.mini-pair{grid-template-columns:30px minmax(110px,150px) 22px minmax(110px,150px) 24px;justify-content:start;align-items:center}.mini-file{min-width:0;display:grid;gap:4px}.mini-kind{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#777e8a}.mini-file small{display:block;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:10px}.mini-media{width:150px;height:94px;background:#111318;border:1px solid #e7e9ee}.mini-media img,.mini-media video{width:100%;height:100%;object-fit:contain;background:#111318}.mini-media video::-webkit-media-controls-panel{opacity:.85}@media(max-width:600px){.mini-pair{grid-template-columns:26px minmax(88px,1fr) 16px minmax(88px,1fr) 20px;gap:6px}.mini-media{width:100%;height:74px}.mini-file small{max-width:100%}.mini-kind{font-size:9px}}.mini-media{width:84px!important;height:auto!important;aspect-ratio:9/16!important;background:#111318;display:grid;place-items:center}.mini-media img,.mini-media video{width:100%!important;height:100%!important;object-fit:contain!important;background:#111318}.history-card{grid-template-columns:108px minmax(0,1fr) auto!important;align-items:center}.history-thumb{width:96px!important;height:auto!important;aspect-ratio:9/16!important;max-height:172px;background:#111318!important}.history-thumb img,.history-thumb video{width:100%!important;height:100%!important;object-fit:contain!important;background:#111318!important}.admin-media-box{display:flex;flex-direction:column;align-items:stretch}.admin-media-box img,.admin-media-box video{width:100%!important;height:auto!important;aspect-ratio:9/16!important;max-height:360px!important;object-fit:contain!important;background:#111318!important}.media-empty{aspect-ratio:9/16;height:auto!important;min-height:190px}@media(max-width:900px){.history-card{grid-template-columns:96px 1fr!important}.history-thumb{width:88px!important}.history-actions{grid-column:2}}@media(max-width:620px){.mini-media{width:70px!important}.history-card{grid-template-columns:86px 1fr!important}.history-thumb{width:78px!important}.history-actions{grid-column:1/-1}.admin-media-box img,.admin-media-box video{max-height:440px!important}}.pill.postprocessing{background:#eef5ff;color:#3563b8}.pill.queued{background:#eef0f3;color:#59606b}.pill.discarded,.pill.cancelled{background:#f0f1f3;color:#777e88}.create-upload-progress{margin:12px 0 10px;padding:12px;border:1px solid #e5e3ff;background:#faf9ff;border-radius:14px}.create-upload-progress-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:8px}.create-upload-progress-head span{color:var(--muted)}.create-upload-track{height:9px;border-radius:999px;background:#e7e6f7;overflow:hidden}.create-upload-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6861ef,#8f68ef);transition:width .2s ease}.history-list{display:grid;gap:14px}.history-card{background:#fff;overflow:hidden}.history-main{display:flex;flex-direction:column;gap:10px}.history-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.history-title>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.history-meta{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px}.history-meta span{display:inline-flex;align-items:center;gap:5px}.job-message{font-size:14px;font-weight:700}.job-message-completed{color:#138456}.job-message-running{color:#5b54dc}.job-message-failed{color:#b93636}.job-message-queued{color:#606671}.history-actions .btn{min-width:112px;justify-content:center}@media(max-width:620px){.create-upload-progress{padding:11px}.history-card{grid-template-columns:92px minmax(0,1fr)!important}.history-thumb{width:82px!important}.history-meta{gap:7px;flex-wrap:wrap}.history-actions{display:flex;gap:8px}.history-actions .btn{min-width:0;flex:1}}