:root{--canvas: #0f101a;--surface: #151621;--line: #1f2433;--line-soft: #262935;--dim: #2b3145;--dim-strong: #3a415c;--steel: #939db8;--muted: #646e87;--frost: #c9d3ee;--white: #ffffff;--accent: #98a4f7;--cta: linear-gradient(353deg, #5b63d3 17.51%, #7c87f7 183.08%);--danger: #f08a8a;--rim: inset 0 1px 3px 0 rgba(255, 255, 255, .25);--radius-input: 10px;--radius-card: 16px;--radius-pill: 9999px;--ease: cubic-bezier(.25, .8, .25, 1);--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{background:var(--canvas);-webkit-text-size-adjust:100%}body{min-height:100dvh;margin:0;background:var(--canvas);color:var(--white);font-family:var(--font);font-size:16px;line-height:1.6;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}p,h1,h2,ul{margin:0}button,input{font:inherit;color:inherit;letter-spacing:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.icon{flex:none;width:18px;height:18px}.shell{max-width:720px;margin:0 auto;padding:0 16px}.app{display:flex;flex-direction:column;padding-bottom:64px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:64px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-name{font-size:17px;font-weight:600;white-space:nowrap}.logo-mark{flex:none;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:var(--radius-input);background:var(--surface);box-shadow:var(--rim)}.logo-mark svg{width:60%;height:60%}.logo-mark[data-size=large]{width:48px;height:48px;border-radius:14px}.gate{min-height:100dvh;display:grid;place-items:center;padding:24px 0}.gate-card{width:min(100%,400px);padding:32px 28px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}.gate-card .logo-mark{margin-bottom:20px}.gate-title{font-size:28px;font-weight:500;line-height:1.2}.gate-text{margin-top:8px;color:var(--frost);font-size:15px}.gate-form{margin-top:24px}.gate-form .btn-block{margin-top:16px}.hero{margin-top:72px;text-align:center}.headline{font-size:clamp(30px,6vw,46px);font-weight:500;line-height:1.1;text-wrap:balance}.lede{margin-top:14px;color:var(--frost);font-size:18px}.deck{margin-top:40px;padding:20px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}.deck .field-label{margin-bottom:10px}.deck-row{display:flex;gap:10px}.deck-row .field{flex:1}.deck-actions{display:flex;gap:10px}.field-label{display:block;margin-bottom:8px;color:var(--frost);font-size:14px;font-weight:500}.hint{margin-top:10px;color:var(--steel);font-size:14px}.hint[data-tone=ok]{color:var(--accent)}.hint[data-tone=warn]{color:var(--danger)}.form-error{display:flex;align-items:flex-start;gap:8px;margin-top:12px;color:var(--danger);font-size:14px}.form-error .icon{width:16px;height:16px;margin-top:3px}.section-title{font-size:20px;font-weight:500}.field{display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;border:1px solid var(--line);border-radius:var(--radius-input);background:var(--canvas);transition:border-color .15s,box-shadow .15s}.field:hover{border-color:var(--dim)}.field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #98a4f729}.field[data-tone=warn]{border-color:var(--danger)}.field-icon{color:var(--muted);transition:color .15s}.field[data-tone=ok] .field-icon{color:var(--accent)}.field[data-tone=warn] .field-icon{color:var(--danger)}.field-input{flex:1;min-width:0;height:100%;padding:0;border:0;background:none;font-size:16px}.field-input:focus{outline:none}.field-input::placeholder{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 20px;border:1px solid transparent;border-radius:var(--radius-pill);background:none;font-size:15px;font-weight:500;white-space:nowrap;cursor:pointer;transition:border-color .15s,color .15s,filter .15s,background-color .15s}.btn:disabled{cursor:not-allowed;opacity:.45}.btn-primary{background:var(--cta);color:var(--white);box-shadow:var(--rim)}.btn-primary:not(:disabled):hover{filter:brightness(1.12)}.btn-ghost{border-color:var(--line-soft);color:var(--frost)}.btn-ghost:hover{border-color:var(--steel);color:var(--white)}.btn-large{height:48px;padding:0 24px;font-size:16px}.btn-small{height:32px;padding:0 14px;font-size:14px}.btn-small .icon{width:16px;height:16px}.btn-block{width:100%}.icon-button{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:var(--radius-pill);background:none;color:var(--steel);cursor:pointer;transition:background-color .15s,color .15s}.icon-button:hover{background:var(--line);color:var(--white)}.format-menu{position:relative}.format-trigger{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 14px 0 16px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--canvas);font-size:15px;font-weight:500;white-space:nowrap;cursor:pointer;transition:border-color .15s}.format-trigger:hover{border-color:var(--dim)}.format-trigger[aria-expanded=true]{border-color:var(--accent)}.format-trigger .icon{width:16px;height:16px;color:var(--frost)}.format-trigger .format-chevron{color:var(--steel);transition:transform .18s var(--ease)}.format-trigger[aria-expanded=true] .format-chevron{transform:rotate(180deg)}.format-list{position:absolute;top:calc(100% + 8px);right:0;z-index:10;min-width:220px;margin:0;padding:6px;border:1px solid var(--dim);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--rim);list-style:none;animation:menu-in .14s var(--ease)}.format-list:focus{outline:none}.format-item{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:var(--radius-input);color:var(--frost);cursor:pointer}.format-item[data-active]{background:var(--line);color:var(--white)}.format-list:focus-visible .format-item[data-active]{outline:2px solid var(--accent);outline-offset:-2px}.format-item-text{display:flex;flex-direction:column;line-height:1.3}.format-item-name{color:var(--white);font-size:14px;font-weight:500}.format-item-description{color:var(--steel);font-size:12px}.format-item-check{width:16px;height:16px;margin-left:auto;color:var(--accent)}.downloads{display:flex;flex-direction:column;gap:12px;margin-top:56px}.downloads-head{display:flex;align-items:center;gap:10px}.count{display:inline-grid;place-items:center;min-width:24px;height:22px;padding:0 8px;border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--steel);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}.empty{color:var(--steel);font-size:15px}.job-list{display:flex;flex-direction:column;gap:12px;padding:0;list-style:none}.job{display:flex;flex-direction:column;gap:16px;padding:20px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}.job-head{display:flex;align-items:center;gap:14px;min-width:0}.job-thumb{flex:none;display:grid;place-items:center;width:96px;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-input);background:var(--canvas)}.job-thumb img{width:100%;height:100%;object-fit:cover}.job-thumb-fallback{width:22px;height:22px;color:var(--muted)}.job-meta{flex:1;min-width:0}.job-title{display:-webkit-box;overflow:hidden;font-weight:500;line-height:1.4;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.job-source{display:flex;align-items:center;gap:8px;margin-top:4px;color:var(--steel);font-size:13px}.job-platform-icon{width:14px;height:14px}.format-tag{padding:0 8px;border:1px solid var(--line-soft);border-radius:var(--radius-pill);color:var(--frost);font-size:12px;font-weight:500;line-height:20px}.job-remove{align-self:flex-start;margin:-6px -6px 0 0}.job-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;min-height:32px}.job-status{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;color:var(--frost);font-size:14px}.status-icon{width:16px;height:16px;color:var(--accent)}.spinner{flex:none;width:14px;height:14px;border:2px solid var(--dim);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.job[data-status=error] .job-status,.job[data-status=error] .status-icon{color:var(--danger)}.job-percent{color:var(--white);font-size:20px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}.job-detail{color:var(--steel);font-variant-numeric:tabular-nums}.media-progress{height:52px}.unit{--lit: clamp(0, var(--fill) * var(--n) - var(--i), 1);background:linear-gradient(90deg,var(--accent) calc(var(--lit) * 100%),var(--dim) 0)}.filmstrip{position:relative;display:flex;gap:4px;height:100%;padding:12px 8px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-input);background:var(--canvas)}.filmstrip:before,.filmstrip:after{content:"";position:absolute;left:8px;right:8px;height:4px;border-radius:1px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 6px,transparent 6px 12px)}.filmstrip:before{top:4px}.filmstrip:after{bottom:4px}.frame{flex:1;border-radius:2px}.sweep{--glint: rgba(201, 211, 238, .28);position:absolute;top:0;bottom:0;left:0;width:35%;background:linear-gradient(90deg,transparent,var(--glint),transparent);transform:translate(-100%);animation:sweep 1.4s ease-in-out infinite;pointer-events:none}.media-progress[data-state=processing] .sweep{--glint: rgba(255, 255, 255, .55)}.waveform{display:flex;align-items:center;gap:3px;height:100%}.bar{flex:1;min-width:2px;border-radius:2px}.media-progress[data-state=waiting] .bar,.media-progress[data-state=processing] .bar{animation:equalizer 1.1s ease-in-out infinite;animation-delay:calc(var(--i) * -41ms)}.media-progress[data-state=waiting] .bar{background:var(--dim-strong)}.media-progress[data-state=error]{opacity:.35}.job-enter-active{transition:opacity .28s var(--ease),transform .28s var(--ease)}.job-leave-active{transition:opacity .16s ease-in}.job-enter-from{opacity:0;transform:translateY(-8px)}.job-leave-to{opacity:0}.shake{animation:shake .38s ease-in-out}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes sweep{to{transform:translate(300%)}}@keyframes equalizer{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.sweep{display:none}}@media(max-width:560px){.hero{margin-top:48px}.lede{font-size:16px}.deck{padding:16px}.deck-row{flex-direction:column}.deck-actions .btn-large{flex:1}.format-list{right:auto;left:0}.logout-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.topbar .btn-ghost{width:36px;padding:0}.gate-card{padding:28px 20px}.job{padding:16px}.job-thumb{width:72px}.media-progress{height:46px}}