:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbfbf8;--panel:#fff;--border:#ece9e1;--border-strong:#d8d5cd;--text:#171717;--muted:#6c6a63;--accent:#111;--accent-soft:#f2f1ec;--shadow-card:0 1px 2px #1111110a, 0 12px 32px #1111110a;--focus-ring:0 0 0 3px #1111111f}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}:focus-visible{box-shadow:var(--focus-ring);outline:none}a{color:inherit}button,input{font:inherit}.page-shell{width:min(920px,100vw - 32px);margin:0 auto;padding:40px 0 56px}.hero-card,.queue-card{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-card);border-radius:24px}.hero-card{text-align:center;flex-direction:column;align-items:center;padding:52px 28px 28px;display:flex}.eyebrow,.section-label,.job-meta,.job-message,.warning-text,.plan-copy,.dropzone-copy,.dropzone-meta,.queue-stats,.empty-state{color:var(--muted)}.eyebrow,.section-label{letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.76rem}.hero-card h1{letter-spacing:-.07em;max-width:12ch;margin:12px 0 10px;font-size:clamp(2.4rem,6vw,4.6rem);font-weight:600;line-height:.96}.headline-sparkle{font-size:.52em;display:inline-block;transform:translateY(-.5em)}.lede{max-width:34rem;color:var(--muted);margin:0;font-size:1rem;line-height:1.55}.plan-switch{background:var(--accent-soft);border-radius:999px;gap:8px;margin-top:24px;padding:6px;display:inline-flex;position:relative}.plan-slider{background:var(--panel);width:calc(50% - 10px);height:calc(100% - 12px);box-shadow:0 0 0 1px var(--border);border-radius:999px;transition:transform .18s;position:absolute;top:6px;left:6px}.plan-slider-paid{transform:translate(calc(100% + 8px))}.plan-chip{z-index:1;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 18px;font-size:.92rem;transition:color .18s;position:relative}.plan-chip:hover:not(.plan-chip-active){color:var(--text)}.plan-chip-active{color:var(--text);font-weight:500}.plan-copy{margin:14px 0 0;font-size:.95rem}.hidden-input{display:none}.dropzone{border:1px dashed var(--border-strong);cursor:pointer;background:#fcfcfa;border-radius:28px;flex-direction:column;align-items:center;gap:8px;width:min(100%,680px);margin-top:28px;padding:56px 24px;transition:background .16s,border-color .16s,transform .16s;display:flex;position:relative;overflow:hidden}.dropzone:hover{border-color:var(--text);background:#f7f6f1}.dropzone-icon{z-index:1;width:42px;height:42px;color:var(--text);background:#f1f0eb;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:relative}.dropzone-icon svg{width:20px;height:20px}.dropzone-demo{pointer-events:none;position:absolute;inset:0}.dropzone-demo-gesture{opacity:0;animation-name:dropzone-gesture-float;animation-duration:6.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:-8px;left:-132px}.dropzone-demo-file,.dropzone-demo-cursor{position:absolute}.dropzone-demo-file{border:1px solid var(--border);color:var(--muted);background:#ffffffeb;border-radius:999px;padding:8px 12px;font-size:.82rem;top:0;left:0;box-shadow:0 8px 24px #0000000a}.dropzone-demo-cursor{color:var(--text);top:26px;left:84px}.dropzone-demo-cursor svg{filter:drop-shadow(0 6px 16px #00000014);width:22px;height:22px}.dropzone-title,.dropzone-copy,.dropzone-meta{z-index:1;position:relative}@keyframes dropzone-gesture-float{0%,46%{opacity:0;transform:translate(0,0)scale(.98)}56%{opacity:.9;transform:translate(88px,34px)scale(1)}72%{opacity:.9;transform:translate(242px,110px)scale(1)}84%{opacity:0;transform:translate(276px,132px)scale(.98)}to{opacity:0;transform:translate(276px,132px)scale(.98)}}.dropzone-active{border-color:var(--text);background:#f5f4ef}.dropzone-title{letter-spacing:-.03em;font-size:1.4rem}.dropzone-copy,.dropzone-meta{font-size:.95rem}.warning-text{margin:14px 0 0}.queue-card{margin-top:20px;padding:24px 26px}.queue-header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.queue-header h2{margin:6px 0 0;font-size:1.2rem;font-weight:600}.queue-stats{gap:14px;font-size:.9rem;display:flex}.queue-stats span+span{padding-left:14px;position:relative}.queue-stats span+span:before{content:"";background:var(--border-strong);border-radius:999px;width:3px;height:3px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.empty-state{margin-top:18px;padding:8px 0 4px;font-size:.95rem}.empty-state p{margin:0}.job-list{gap:10px;margin-top:18px;display:grid}.job-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.job-row:first-child{border-top:none;padding-top:4px}.job-row>div:first-child{min-width:0}.job-actions{align-items:center;gap:10px;display:flex}.queue-player{border:1px solid var(--border);background:#fcfcfa;border-radius:18px;flex-direction:column;flex:none;align-items:stretch;gap:8px;width:320px;padding:10px 12px;display:flex}.player-source-toggle{background:var(--accent-soft);border-radius:999px;align-self:center;gap:2px;padding:2px;display:inline-flex}.source-chip{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 12px;font-size:.72rem;transition:color .16s,background .16s}.source-chip:hover:not(.source-chip-active):not(:disabled){color:var(--text)}.source-chip:disabled{cursor:not-allowed;opacity:.5}.source-chip-active{background:var(--panel);color:var(--text);box-shadow:0 0 0 1px var(--border)}.player-controls{align-items:center;gap:10px;min-width:0;display:flex}.player-toggle{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;transition:background .16s;display:inline-flex}.player-toggle:hover{background:#2a2a2a}.player-toggle svg{width:16px;height:16px}.player-timeline{flex:1;gap:3px;min-width:0;display:grid}.player-range{width:100%;height:4px;accent-color:var(--accent)}.player-time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.72rem}.job-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.job-meta,.job-message{margin:6px 0 0;font-size:.94rem}.status-pill{letter-spacing:.01em;text-transform:capitalize;background:var(--accent-soft);color:var(--muted);border-radius:999px;align-items:center;padding:4px 9px;font-size:.74rem;font-weight:500;display:inline-flex}.status-uploading,.status-processing{color:#5a4a18;background:#f7f1de}.status-completed{color:#2f6b44;background:#edf6ef}.status-failed{color:#9c3b35;background:#f9eeec}.job-progress{background:var(--accent-soft);border-radius:999px;width:min(280px,58vw);height:7px;margin-top:10px;overflow:hidden}.job-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #1d8f6a);height:100%;transition:width .18s;display:block}.download-link{background:var(--accent);color:#fff;border-radius:999px;padding:10px 16px;font-size:.9rem;text-decoration:none;transition:background .16s,transform .16s}.download-link:hover{background:#2a2a2a}.download-link:active{transform:translateY(1px)}@media (max-width:720px){.page-shell{width:min(100vw - 20px,920px);padding-top:16px}.hero-card,.queue-card{border-radius:20px}.dropzone{padding:42px 20px}.queue-header,.job-row{flex-direction:column;align-items:flex-start}.job-actions,.queue-player{width:100%}.job-actions{flex-direction:column;align-items:stretch}.download-link{text-align:center}}