:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#eef5f4;--page-strong:#dcefed;--surface:#fff;--surface-soft:#f7faf9;--surface-tint:#e7f7f4;--ink:#101820;--muted:#687584;--quiet:#94a0ad;--line:#d9e3e2;--line-strong:#c3d3d2;--teal:#28d0bf;--teal-dark:#08786e;--blue:#4f8df7;--amber:#f59e0b;--red:#ef4444;--green:#22c55e;--nav:#0c1113;--nav-2:#141a1f;--shadow-soft:0 20px 60px #10182014;--shadow-tight:0 12px 32px #1018201f}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:linear-gradient(180deg, #28d0bf29, transparent 340px), var(--page);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{color:inherit}a{color:var(--teal-dark);text-decoration:none}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:2rem;line-height:1.08}h2{margin-bottom:0;font-size:1.1rem}h3{margin-bottom:0;font-size:.98rem}.center-screen,.auth-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.loading-card{background:var(--surface);border:1px solid var(--line);min-width:230px;box-shadow:var(--shadow-soft);border-radius:8px;justify-items:center;gap:14px;padding:28px;display:grid}.loading-card p{color:var(--muted);margin:0;font-weight:750}.auth-screen{color:#f6fbfa;background:radial-gradient(circle at 50% 0,#28d0bf29,#0000 310px),linear-gradient(#101717 0%,#080b0c 100%)}.auth-shell{background:#0f1418b8;border:1px solid #9db1bb2e;border-radius:8px;grid-template-columns:minmax(320px,1fr) minmax(360px,460px);gap:18px;width:min(100%,1060px);min-height:640px;padding:18px;display:grid;box-shadow:0 30px 90px #00000061}.auth-showcase,.auth-panel{border-radius:8px}.auth-showcase{background:linear-gradient(160deg,#28d0bf2e,#0000 46%),#0b1012;border:1px solid #ffffff14;align-content:space-between;min-height:604px;padding:34px;display:grid;position:relative;overflow:hidden}.auth-showcase:after{content:"";background:linear-gradient(90deg,#0000,#28d0bf99,#0000);height:1px;position:absolute;inset:auto 34px 34px}.auth-panel{box-shadow:var(--shadow-tight);background:#141a20;border:1px solid #2d3742;align-self:center;padding:34px}.brand-lockup,.rail-brand,.compact-brand,.auth-footnote,.job-title-line,.meter-top,.policy-list div,.job-actions,.tool-copy,.conversion-meta,.overview-card{align-items:center;display:flex}.brand-lockup,.compact-brand{gap:14px}.brand-mark,.avatar{width:42px;height:42px;color:var(--teal);background:#102d2a;border:1px solid #28d0bf6b;border-radius:8px;place-items:center;font-weight:900;display:grid}.auth-brand .brand-mark{width:48px;height:48px;font-size:1.15rem}.eyebrow{color:var(--teal-dark);text-transform:uppercase;margin:0 0 5px;font-size:.72rem;font-weight:850}.auth-screen .eyebrow,.left-rail .eyebrow{color:var(--teal)}.showcase-record{aspect-ratio:1;background:linear-gradient(145deg,#ffffff29,#ffffff05),#11181b;border:1px solid #ffffff14;border-radius:50%;justify-self:center;place-items:center;width:min(78%,360px);display:grid;position:relative}.record-disc{aspect-ratio:1;width:62%;color:var(--teal);background:radial-gradient(circle,#0f1719 0 34%,#28d0bf 35% 38%,#05090a 39% 100%);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 30px #28d0bf29}.playback-rail{background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;gap:14px;padding:14px 9px;display:grid;position:absolute;top:25%;left:12%}.playback-rail span{background:#28d0bf6b;border-radius:8px;width:8px;height:30px}.auth-signal-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.auth-signal-grid div{background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;padding:14px}.auth-signal-grid span{color:#fff;font-size:1.15rem;font-weight:900;display:block}.auth-signal-grid p{color:#92a0ab;margin:5px 0 0;font-size:.82rem}.auth-form,.field,.job-list,.right-panel{display:grid}.auth-form{gap:16px;margin-top:26px}.field{gap:8px}.field span{color:var(--muted);font-size:.84rem;font-weight:760}.input-shell{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:10px;min-height:48px;padding:0 13px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.input-shell-large{min-height:56px}.auth-panel .input-shell{background:#1e252d;border-color:#33404c}.input-shell:focus-within{border-color:#28d0bfc2;box-shadow:0 0 0 4px #28d0bf1f}.input-shell svg{color:var(--quiet);flex:none}input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0}.auth-panel input{color:#f6fbfa}input::placeholder{color:#94a0ad}.primary-button,.small-button,.icon-button,.remove-job-button,.rail-item{cursor:pointer;border:0;border-radius:8px}.primary-button{color:#031514;background:#27d2c1;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 18px;font-weight:900;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 12px 26px #28d0bf3d}.primary-button:hover{transform:translateY(-1px);box-shadow:0 16px 34px #28d0bf47}.primary-button:disabled,.small-button:disabled,.remove-job-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.auth-submit{width:100%}.auth-footnote{color:#9ba8b3;gap:8px;margin-top:20px}.auth-footnote p{margin:0}.inline-error{color:#991b1b;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;margin:0;padding:10px 12px;font-size:.9rem}.auth-panel .inline-error{color:#fecaca;background:#ef44441f;border-color:#ef444447}.dashboard-shell{grid-template-columns:236px minmax(0,1fr) 318px;gap:18px;min-height:100vh;padding:18px;display:grid}.left-rail{background:linear-gradient(180deg, #28d0bf1f, transparent 220px), var(--nav);color:#f7fbfb;height:calc(100vh - 36px);box-shadow:var(--shadow-tight);border:1px solid #ffffff14;border-radius:8px;flex-direction:column;padding:16px;display:flex;position:sticky;top:18px}.rail-brand{gap:11px;margin-bottom:26px}.rail-brand div{display:grid}.rail-brand strong{font-size:1rem}.rail-brand span:last-child{color:#84939f;font-size:.8rem}.rail-nav{gap:8px;display:grid}.rail-item{color:#9eabb5;text-align:left;background:0 0;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 11px;font-weight:750;display:flex}.rail-item.active{color:#dffdfa;background:#28d0bf24;border:1px solid #28d0bf2e}.rail-plan{background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;margin-top:auto;margin-bottom:12px;padding:14px}.rail-plan span{color:#09201e;background:var(--teal);text-transform:uppercase;border-radius:8px;align-items:center;min-height:24px;padding:0 8px;font-size:.72rem;font-weight:900;display:inline-flex}.rail-plan strong{margin-top:18px;font-size:2.2rem;line-height:1;display:block}.rail-plan p{color:#8c9aa6;margin:5px 0 0;font-size:.82rem}.rail-bottom{margin-top:0}.workspace{min-width:0;padding:8px 0 28px}.tool-panel,.history-panel,.job-list,.job-row,.job-main,.job-title-line,.job-title-line div{min-width:0}.workspace-header,.section-heading,.job-row{justify-content:space-between;gap:16px;display:flex}.workspace-header{background:linear-gradient(120deg, #fffffff5, #ecfbf8eb), var(--surface);min-height:112px;box-shadow:var(--shadow-soft);border:1px solid #ffffffd6;border-radius:8px;align-items:center;margin-bottom:16px;padding:18px 20px}.workspace-header span{color:var(--muted);margin-top:8px;font-size:.92rem;display:block}.icon-button{color:#fff;background:#0f1719;border:1px solid #1018201f;place-items:center;width:42px;height:42px;display:grid}.overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.overview-card{min-height:116px;box-shadow:var(--shadow-soft);background:#ffffffeb;border:1px solid #ffffffe6;border-radius:8px;gap:12px;padding:16px}.overview-icon,.tool-icon,.job-type-icon{border-radius:8px;flex:none;place-items:center;width:38px;height:38px;display:grid}.overview-card p,.usage-meter p,.mini-stat p{color:var(--muted);margin:0;font-size:.82rem;font-weight:720}.overview-card strong{margin:7px 0 3px;font-size:1.55rem;line-height:1;display:block}.overview-card span:last-child{color:var(--quiet);font-size:.78rem}.overview-mint .overview-icon,.tool-icon{color:var(--teal-dark);background:#dffaf7}.overview-blue .overview-icon{color:#1d4ed8;background:#e1ecff}.overview-amber .overview-icon{color:#9a5b00;background:#fff3d6}.overview-red .overview-icon{color:#b91c1c;background:#ffe4e6}.tool-panel,.history-panel{box-shadow:var(--shadow-soft);background:#fffffff0;border:1px solid #ffffffe0;border-radius:8px;padding:18px}.tool-panel{gap:16px;display:grid}.tool-copy{gap:12px}.converter-grid{grid-template-columns:minmax(280px,2fr) minmax(190px,.85fr) 150px;align-items:end;gap:12px;display:grid}.convert-button{width:100%;min-height:56px}.conversion-meta{flex-wrap:wrap;gap:8px}.conversion-meta span{color:#41505d;background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-size:.82rem;font-weight:760;display:inline-flex}.history-panel{margin-top:16px}.section-heading{align-items:center;margin-bottom:14px}.section-heading>span{min-width:34px;height:34px;color:var(--teal-dark);background:#dffaf7;border-radius:8px;place-items:center;font-weight:900;display:grid}.job-list{gap:12px}.empty-state{min-height:180px;color:var(--muted);background:var(--surface-soft);border:1px dashed var(--line-strong);border-radius:8px;align-content:center;place-items:center;gap:8px;display:grid}.empty-state strong{color:var(--ink)}.empty-state span{font-size:.9rem}.job-row{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;align-items:flex-start;width:100%;padding:14px}.job-main{flex:1;width:100%;min-width:0}.job-title-line{gap:10px}.job-title-line h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.job-type-icon{width:34px;height:34px;color:var(--teal-dark);background:#dffaf7}.job-title-line p{color:var(--quiet);margin:4px 0 0;font-size:.78rem}.job-url{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:10px 0 12px;font-size:.86rem;overflow:hidden}.progress-track{background:#e5eceb;border-radius:8px;height:8px;overflow:hidden}.progress-track span{background:linear-gradient(90deg, var(--teal), var(--green));height:100%;transition:width .3s;display:block}.job-log{color:var(--muted);margin-top:10px;font-size:.84rem}.job-log summary{cursor:pointer;font-weight:760}.job-log pre{color:#dce5e4;white-space:pre-wrap;background:#101719;border-radius:8px;max-height:160px;margin:8px 0 0;padding:10px;line-height:1.5;overflow:auto}.job-side{align-content:start;justify-items:end;gap:9px;width:176px;display:grid}.job-actions{justify-content:flex-end;gap:8px}.remove-job-button{width:30px;height:30px;color:var(--muted);border:1px solid var(--line);background:#fff;place-items:center;display:grid}.remove-job-button:hover{color:#b91c1c;background:#fff1f2;border-color:#fecdd3}.remove-job-button svg{animation:none}.remove-job-button:disabled svg{animation:.9s linear infinite spin}.status-pill{border-radius:8px;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-size:.78rem;font-weight:850;display:inline-flex}.status-pending,.status-processing,.status-downloading,.status-converting,.status-storing{color:#1d4ed8;background:#e1ecff}.status-ready{color:#067647;background:#dcfce7}.status-failed{color:#b91c1c;background:#ffe4e6}.status-expired{color:#9a5b00;background:#fff3d6}.status-processing svg,.status-pending svg,.status-downloading svg,.status-converting svg,.status-storing svg{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.expires{color:var(--quiet);font-size:.78rem}.small-button{color:#fff;background:#101719;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-weight:850;display:inline-flex}.job-error{color:#b91c1c;overflow-wrap:anywhere;max-width:176px;margin:0;font-size:.8rem}.right-panel{align-content:start;gap:14px;height:calc(100vh - 36px);position:sticky;top:18px}.account-card,.usage-meter,.mini-stat,.policy-list div{box-shadow:var(--shadow-soft);background:#fffffff0;border:1px solid #ffffffe0;border-radius:8px}.account-card{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px;display:grid}.account-card p{margin:0 0 3px;font-weight:850}.account-card span:not(.avatar){max-width:160px;color:var(--muted);text-overflow:ellipsis;font-size:.82rem;display:block;overflow:hidden}.account-card strong{min-height:24px;color:var(--teal-dark);text-transform:uppercase;background:#dffaf7;border-radius:8px;align-items:center;padding:0 8px;font-size:.72rem;display:inline-flex}.usage-meter{padding:16px}.meter-top{justify-content:space-between;gap:12px}.meter-top strong{margin-top:5px;font-size:1.55rem;display:block}.quota-ring{color:#10201f;background:radial-gradient(circle at center, #fff 0 56%, transparent 57%), conic-gradient(var(--teal) var(--quota), #e5eceb 0);border-radius:50%;place-items:center;width:62px;height:62px;font-size:.78rem;font-weight:900;display:grid}.meter-bar{background:#e5eceb;border-radius:8px;height:10px;margin:16px 0 10px;overflow:hidden}.meter-bar span{background:linear-gradient(90deg, var(--teal), var(--blue));height:100%;display:block}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.mini-stat{padding:13px}.mini-stat svg{color:var(--teal-dark)}.mini-stat span{margin-top:10px;font-size:1.18rem;font-weight:900;display:block}.policy-list{gap:8px;display:grid}.policy-list div{min-height:42px;color:var(--muted);box-shadow:none;justify-content:space-between;gap:10px;padding:0 12px}.policy-list svg{color:var(--blue)}@media (max-width:1180px){.dashboard-shell{grid-template-columns:82px minmax(0,1fr) 300px}.rail-brand div,.rail-item span,.rail-plan p,.rail-plan span{display:none}.rail-plan{text-align:center;padding:12px 8px}.rail-plan strong{margin-top:0;font-size:1.4rem}}@media (max-width:980px){.dashboard-shell{grid-template-columns:1fr}.left-rail,.right-panel{height:auto;position:static}.left-rail{flex-direction:row;align-items:center}.rail-brand{margin-bottom:0}.rail-nav{display:flex}.rail-plan{margin:0 0 0 auto}.rail-bottom{margin-left:0}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.converter-grid{grid-template-columns:1fr}.right-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.auth-shell{grid-template-columns:1fr;min-height:0}.auth-showcase{min-height:340px;padding:22px}.showcase-record{width:min(62%,240px)}.auth-signal-grid{grid-template-columns:1fr}.dashboard-shell,.center-screen,.auth-screen{padding:12px}.left-rail{overflow-x:auto}.workspace-header,.job-row{flex-direction:column}.workspace-header{align-items:flex-start}.overview-grid,.right-panel{grid-template-columns:1fr}.job-side{justify-items:start;width:100%}.job-actions{justify-content:flex-start}}@media (max-width:520px){h1{font-size:1.7rem}.auth-panel,.tool-panel,.history-panel{padding:16px}.account-card{grid-template-columns:42px minmax(0,1fr)}.account-card strong{grid-column:1/-1;width:fit-content}}