:root{color:#171817;font-synthesis:none;text-rendering:optimizelegibility;--ink:#171817;--muted:#6f726d;--line:#dedfd9;--paper:#fbfcf9;--accent:#5b61ff;--accent-dark:#454be0;--success:#19744c;--danger:#b83f3f;--shadow:0 18px 55px #17181714;background:#f3f4f1;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #5b61ff40}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.brand-mark{background:linear-gradient(145deg,#ffffff29,#ffffff08);border:1px solid #ffffff42;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:relative;box-shadow:inset 0 1px 1px #fff3}.brand-mark:before{content:"";background:currentColor;border-radius:50%;width:17px;height:17px;transform:translate(-5px,-3px)}.brand-mark span{border:2px solid;border-radius:50%;width:9px;height:9px;position:absolute;transform:translate(11px,10px)}.brand-mark.small{color:#fff;border-color:#ffffff38;width:30px;height:30px}.brand-mark.small:before{width:10px;height:10px;transform:translate(-3px,-2px)}.brand-mark.small span{border-width:1.5px;width:6px;height:6px;transform:translate(7px,6px)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin:0;font-size:11px;font-weight:700}.spinner{border:2px solid #ffffff59;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.spinner.dark{color:var(--ink);border-color:#17181726;border-top-color:var(--ink)}@keyframes spin{to{transform:rotate(360deg)}}.login-shell{color:#fff;background:radial-gradient(circle at 70% 10%,#7f84ff38,#0000 36%),#151716;place-items:center;min-height:100vh;padding:28px;display:grid;position:relative;overflow:hidden}.login-shell:after{content:"";border:1px solid #ffffff0f;border-radius:50%;width:460px;height:460px;position:absolute;bottom:-230px;left:-210px;box-shadow:0 0 0 70px #ffffff06,0 0 0 140px #ffffff05}.login-card{z-index:1;width:min(100%,410px);animation:.45s ease-out rise;position:relative}.login-card .brand-mark{margin-bottom:54px}.login-card .eyebrow{color:#9ca0ff;margin-bottom:10px}.login-card h1{letter-spacing:-.06em;margin:0;font-size:clamp(48px,12vw,72px);line-height:.95}.login-copy{color:#acafaa;margin:18px 0 40px;font-size:16px}.login-card form{gap:18px;display:grid}.login-card label,.option-grid label{color:#aeb1ac;letter-spacing:.02em;gap:8px;font-size:12px;font-weight:650;display:grid}.login-card input{color:#fff;background:#202321;border:1px solid #3a3d3b;border-radius:12px;width:100%;padding:14px 15px;transition:border-color .2s,background .2s}.login-card input:hover{background:#242725}.login-card input:focus{border-color:#858aff}.inline-error{color:#ffb0b0;background:#a8212124;border:1px solid #ff757559;border-radius:10px;padding:11px 13px;font-size:13px;animation:.25s ease-out shake}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.boot-screen{color:#fff;background:#151716;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex}.button{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;display:inline-flex}.button:hover:not(:disabled){background:#fff;border-color:#c0c2bb;transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)scale(.985)}.button:disabled{opacity:.48;cursor:not-allowed}.button-primary{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 8px 20px #5b61ff2e}.button-primary:hover:not(:disabled){color:#fff;background:var(--accent-dark);border-color:var(--accent-dark);box-shadow:0 10px 24px #5b61ff42}.button-wide{width:100%;min-height:48px;margin-top:5px}.button-small{border-radius:8px;min-height:34px;padding:0 11px;font-size:12px}.button-plus{font-size:20px;font-weight:400;line-height:0}.icon-button{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;transition:background .15s,color .15s,transform .15s;display:grid}.icon-button:hover:not(:disabled){color:var(--ink);background:#eceee9}.icon-button:active{transform:scale(.94)}.icon-button:disabled{opacity:.28;cursor:not-allowed}.icon-button.rotate .icon{transform:rotate(180deg)}.icon-button.danger:hover{color:var(--danger);background:#fff0f0}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:5px;font-size:13px}.text-button:hover{color:var(--ink)}.app-shell{min-height:100vh}.app-header{color:#fff;z-index:20;background:#181a19;border-bottom:1px solid #2a2d2b;justify-content:space-between;align-items:center;height:66px;padding:0 max(24px,50vw - 590px);display:flex;position:sticky;top:0}.wordmark{color:#fff;align-items:center;gap:10px;text-decoration:none;display:flex}.wordmark strong{letter-spacing:-.02em;font-size:17px}.header-right{align-items:center;gap:10px;display:flex}.header-right .icon-button:hover{color:#fff;background:#2b2e2c}.worker-state{color:#a9aca7;align-items:center;gap:8px;margin-right:16px;font-size:12px;display:flex}.worker-state i{background:#4ec487;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4ec4871a}.worker-state i.busy{background:#a4a8ff;animation:1.6s infinite pulse;box-shadow:0 0 0 4px #a4a8ff1a}@keyframes pulse{50%{box-shadow:0 0 0 7px #a4a8ff00}}.user-name{color:#d1d3cf;padding:0 10px;font-size:12px}.main-content{max-width:1180px;margin:0 auto;padding:86px 24px 120px}.hero{max-width:780px;margin-bottom:64px}.hero .eyebrow{margin-bottom:17px}.hero h1{letter-spacing:-.065em;margin:0;font-size:clamp(45px,7vw,78px);font-weight:670;line-height:.98}.hero>p:last-child{max-width:620px;color:var(--muted);margin:25px 0 0;font-size:17px;line-height:1.65}.panel,.inspect-card,.queue-item,.empty-state{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 1px #ffffffb3}.section-heading{justify-content:space-between;align-items:center;margin:0 2px 18px;display:flex}.section-heading>div{align-items:center;gap:12px;display:flex}.section-heading h2{letter-spacing:-.025em;margin:0;font-size:20px}.section-heading>span,.section-heading>div+span{color:var(--muted);font-size:12px}.step{border:1px solid var(--line);width:27px;height:27px;color:var(--muted);border-radius:50%;place-items:center;font-size:9px;font-weight:750;display:grid}.composer{padding:28px}.composer .section-heading{margin-bottom:22px}.url-label{display:block}.url-label textarea{resize:vertical;width:100%;min-height:116px;color:var(--ink);background:#f6f7f4;border:1px solid #d9dbd4;border-radius:12px;padding:16px 17px;line-height:1.55;transition:border-color .2s,background .2s,box-shadow .2s}.url-label textarea:hover{background:#fafbf8}.url-label textarea:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px #5b61ff12}.url-label textarea::placeholder{color:#9a9d97}.composer-footer{justify-content:space-between;align-items:center;gap:15px;margin-top:16px;display:flex}.composer-footer p{color:var(--muted);margin:0;font-size:12px}.inspection-section,.queue-section{margin-top:60px}.inspection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.inspect-card{padding:18px;animation:.3s ease-out both card-in}@keyframes card-in{0%{opacity:0;transform:translateY(7px)}}.inspect-media{align-items:center;gap:14px;min-width:0;display:flex}.inspect-media img,.thumb-placeholder{aspect-ratio:16/10;object-fit:cover;background:#e8e9e4;border-radius:10px;flex:none;width:116px}.thumb-placeholder{color:#898d86;place-items:center;font-size:24px;display:grid}.inspect-title{min-width:0}.inspect-title h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 7px;font-size:15px;line-height:1.35;display:-webkit-box;overflow:hidden}.inspect-title p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;overflow:hidden}.inspect-title p span{padding:0 3px}.mode-tabs{background:#eff0ec;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:18px;padding:3px;display:grid}.mode-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 6px;font-size:11px;font-weight:700;transition:background .18s,color .18s,box-shadow .18s}.mode-tabs button:hover{color:var(--ink)}.mode-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #00000014}.option-grid{grid-template-columns:1fr 1fr;gap:11px;margin-top:15px;display:grid}.option-grid label{color:var(--muted)}.option-grid select{width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #d9dbd4;border-radius:9px;padding:10px 32px 10px 11px;font-size:12px}.option-grid select:disabled{color:#9c9f99;background:#f1f2ef}.check-row{color:var(--muted);cursor:pointer;align-items:center;gap:8px;margin-top:13px;font-size:12px;display:flex}.check-row input{accent-color:var(--accent);width:16px;height:16px}.output-summary{background:#f2f3ef;border:1px solid #e3e4df;border-radius:11px;margin-top:15px;padding:12px}.output-top{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;font-size:10px;font-weight:750;display:flex}.conversion{text-transform:none;letter-spacing:0;border-radius:99px;padding:4px 7px}.conversion.yes{color:#8b5d18;background:#fff2d5}.conversion.no{color:var(--success);background:#e1f4e9}.format-facts{flex-wrap:wrap;gap:5px;margin-top:11px;display:flex}.format-facts span{background:#fafbf8;border:1px solid #d9dbd5;border-radius:6px;padding:4px 6px;font-size:10px;font-weight:750}.output-summary p{color:var(--muted);margin:9px 0 0;font-size:11px;line-height:1.4}.queue-button{width:100%;margin-top:13px}.inspect-error{color:var(--danger);gap:13px;display:flex}.inspect-error .error-symbol{background:#ffeded;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.inspect-error strong{font-size:14px}.inspect-error p{color:#9e5050;margin:6px 0;font-size:12px}.inspect-error code{color:var(--muted);word-break:break-all;font-size:10px}.queue-list{gap:10px;display:grid}.queue-item{grid-template-columns:150px minmax(0,1fr);padding:12px;transition:border-color .2s,box-shadow .2s,transform .2s;animation:.25s ease-out card-in;display:grid}.queue-item.is-active{border-color:#5b61ff61;box-shadow:0 8px 30px #5b61ff14}.queue-thumb{color:#8b8e89;background:#e9eae6;border-radius:12px;place-items:center;min-height:112px;font-size:28px;display:grid;position:relative;overflow:hidden}.queue-thumb img{object-fit:cover;width:100%;height:100%;position:absolute}.queue-index{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;background:#141615c7;border-radius:7px;place-items:center;width:23px;height:23px;font-size:9px;font-weight:800;display:grid;position:absolute;top:8px;left:8px}.queue-content{min-width:0;padding:4px 5px 4px 17px}.queue-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.queue-heading h3{margin:7px 0 0;font-size:15px;line-height:1.35}.queue-actions{flex:none;align-items:center;gap:3px;display:flex}.status{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);align-items:center;gap:6px;font-size:9px;font-weight:800;display:inline-flex}.status-dot{background:#a6a8a3;border-radius:50%;width:6px;height:6px}.status-downloading .status-dot,.status-merging .status-dot,.status-converting .status-dot{background:var(--accent);animation:1.6s infinite pulse;box-shadow:0 0 0 4px #5b61ff17}.status-completed .status-dot{background:var(--success)}.status-completed_with_warning .status-dot{background:#d69428}.status-failed .status-dot{background:var(--danger)}.status-ready .status-dot{background:#73766f}.queue-meta{color:var(--muted);flex-wrap:wrap;gap:0;margin-top:9px;font-size:11px;display:flex}.queue-meta span+span:before{content:"·";color:#b3b5af;margin:0 6px}.progress-block{margin-top:15px}.progress-track{background:#e7e8e3;border-radius:99px;height:5px;overflow:hidden}.progress-track span{background:var(--accent);border-radius:inherit;height:100%;transition:width .35s ease-out;display:block}.progress-track.indeterminate span{animation:1.2s ease-in-out infinite slide;width:32%!important}@keyframes slide{0%{transform:translate(-110%)}to{transform:translate(340%)}}.progress-copy{color:var(--muted);justify-content:space-between;gap:10px;margin-top:6px;font-size:10px;display:flex}.progress-copy span:last-child{text-align:right}.job-error,.job-warning{border-radius:8px;margin-top:12px;padding:9px 10px;font-size:11px;line-height:1.4}.job-error{color:#994141;background:#fff0f0}.job-warning{color:#85601e;background:#fff6df}.actual-output{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;margin-top:13px;font-size:10px;display:flex}.actual-output span{text-transform:uppercase;letter-spacing:.07em;margin-right:4px;font-weight:750}.actual-output strong{color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:4px 6px;font-size:10px}.artifact-list{flex-wrap:wrap;gap:7px;margin-top:13px;display:flex}.button-download{min-height:36px;padding:0 11px;font-size:11px}.button-download small{color:var(--muted);font-size:9px;font-weight:550}.empty-state{text-align:center;color:var(--muted);padding:68px 24px}.empty-state h3{color:var(--ink);margin:22px 0 8px;font-size:18px}.empty-state p{margin:0;font-size:13px}.empty-orbit{border:1px solid #cfd1ca;border-radius:50%;width:48px;height:48px;margin:0 auto;position:relative}.empty-orbit:before{content:"";background:#aaada7;border-radius:50%;width:13px;height:13px;position:absolute;top:12px;left:10px}.empty-orbit span{border:1px solid #aaada7;border-radius:50%;width:7px;height:7px;position:absolute;bottom:8px;right:8px}.toast-stack{z-index:50;gap:8px;width:min(360px,100vw - 40px);display:grid;position:fixed;bottom:20px;right:20px}.toast{color:#fff;background:#202321;border:1px solid #353936;border-radius:11px;align-items:center;gap:10px;padding:12px 14px;font-size:12px;animation:.25s ease-out toast-in;display:flex;box-shadow:0 15px 45px #0003}.toast-success .icon{color:#71d7a2}.toast-error .icon{color:#ff8d8d}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}footer{border-top:1px solid var(--line);max-width:1180px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;margin:0 auto;padding:25px 24px 42px;font-size:10px;display:flex}@media (width<=820px){.inspection-grid{grid-template-columns:1fr}.queue-item{grid-template-columns:112px minmax(0,1fr)}.queue-heading{display:block}.queue-actions{justify-content:flex-start;margin-top:10px}}@media (width<=600px){.app-header{height:60px;padding:0 15px}.worker-state{margin-right:0;font-size:0}.worker-state i{margin-right:0}.user-name{display:none}.main-content{padding:58px 14px 90px}.hero{margin-bottom:45px}.hero h1{font-size:46px}.hero>p:last-child{font-size:15px}.composer{padding:17px}.composer-footer{flex-direction:column;align-items:stretch}.composer-footer .button{width:100%}.composer-footer p{text-align:center;order:2}.section-heading>span{display:none}.inspection-section,.queue-section{margin-top:46px}.inspect-card{padding:13px}.inspect-media img,.thumb-placeholder{width:92px}.option-grid{grid-template-columns:1fr}.queue-item{grid-template-columns:1fr;padding:10px}.queue-thumb{aspect-ratio:16/7;min-height:0}.queue-content{padding:14px 3px 3px}.queue-heading h3{font-size:14px}.queue-actions{flex-wrap:wrap}.progress-copy{display:block}.progress-copy span{margin-top:3px;display:block;text-align:left!important}.artifact-list{display:grid}.button-download{width:100%}footer{margin:0 14px;padding-left:0;padding-right:0}footer span:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}