:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#151923;--ground:#0e1119;--line:#303646;--text:#f1f2f8;--muted:#a9b0c2;--accent:#b7afff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--ground);color:var(--text);margin:0}button,input,select{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button,input,select{accent-color:var(--accent)}button{min-height:44px}button:disabled{cursor:wait;opacity:.55}a{text-underline-offset:4px}::selection{color:#111322;background:#b7afff}:focus-visible{outline-offset:4px;outline:2px solid var(--accent)!important}.app{background:var(--ground);min-height:100vh;color:var(--text);padding:0 24px}.app-shell{width:100%;max-width:1120px;margin:auto}.app-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:100px;display:flex}.brand{color:var(--text);align-items:center;gap:12px;font-size:16px;font-weight:650;text-decoration:none;display:inline-flex}.brand-mark{width:32px;height:32px;color:var(--accent);flex-shrink:0}.header-context{color:var(--muted);font-size:13px}.intro{padding:54px 0 34px}.intro h1{letter-spacing:-.03em;text-wrap:balance;margin:0 0 16px;font-size:40px;font-weight:650;line-height:1.2}.intro p{color:var(--muted);max-width:65ch;margin:0;font-size:16px;line-height:1.65}.workspace{width:100%}.upload-workspace{border:1px solid var(--line);background:var(--surface);border-radius:16px;grid-template-columns:1.55fr 1fr;column-gap:44px;padding:32px;display:grid}.upload-workspace h2{margin:0 0 18px;font-size:17px;font-weight:600;line-height:1.5}.upload-zone{cursor:pointer;text-align:center;background:#1c1e30;border:1px dashed #65627f;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:254px;padding:28px 20px;transition:background .18s ease-out,border-color .18s ease-out;display:flex;position:relative}.upload-zone:hover,.upload-zone.is-dragging{border-color:var(--accent);background:#25253c}.upload-zone:focus-within{outline:2px solid var(--accent);outline-offset:4px}.upload-zone input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-zone:has(input:disabled){opacity:.55;cursor:wait}.upload-symbol{color:var(--accent);place-items:center;margin-bottom:18px;display:grid}.upload-prompt{font-size:17px;font-weight:600;line-height:1.4}.upload-formats{color:var(--muted);margin-top:8px;font-size:13px}.primary-action{background:var(--accent);color:#17132f;cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:20px;margin-top:24px;padding:11px 18px;font-size:14px;font-weight:650;display:inline-flex}.upload-zone .primary-action{pointer-events:none}.upload-note{color:var(--muted);text-align:center;margin:14px 0 0;font-size:12px}.examples-section h2{margin-bottom:4px}.section-description{color:var(--muted);margin:0 0 20px;font-size:13px}.example-list{flex-direction:column;gap:16px;display:flex}.example{background:#1c2130;border-radius:12px;align-items:center;gap:20px;padding:12px;display:flex}.example img{object-fit:cover;object-position:top;background:#0e1119;border-radius:6px;flex-shrink:0;width:56px;height:102px}.example-detail{flex:1;min-width:0}.example h3{margin:0 0 10px;font-size:15px;font-weight:600;line-height:1.4}.example button{color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-size:13px;font-weight:550;display:inline-flex}.example button:hover{color:#ded9ff}.upload-error{color:#ffb6bc;grid-column:1/-1;margin:16px 0 0;font-size:14px}.upload-error:empty{display:none}.app-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:28px 0;font-size:12px;display:flex}.app-footer a{color:var(--muted);text-decoration:none}.app-footer a:hover{color:var(--text)}.skip-link{z-index:50;background:var(--surface);padding:12px;position:fixed;top:-100px}.skip-link:focus{top:12px}.video-context{color:var(--muted);overflow-wrap:anywhere;flex-wrap:wrap;gap:12px;padding:24px 0 8px;font-size:14px;display:flex}.video-context strong{color:var(--text);font-weight:550}.has-video{background:var(--surface);border:1px solid var(--line);border-radius:16px;min-height:400px;margin-top:16px}.has-video>div{min-width:0}.has-video nav{scrollbar-width:thin;scrollbar-color:#65627f transparent}.has-video .text-gray-400,.has-video .text-gray-500{color:var(--muted)}.processing-state{text-align:center;max-width:540px;margin:auto;padding:80px 24px}.processing-state h2{letter-spacing:-.02em;margin-bottom:14px;font-size:24px;font-weight:600}.processing-state p{color:var(--muted);font-size:14px}.processing-track{background:var(--line);border-radius:4px;height:4px;margin:30px 0 22px;overflow:hidden}.processing-track span{background:var(--accent);width:35%;height:100%;animation:1.8s ease-in-out infinite alternate processing;display:block}@keyframes processing{to{transform:translate(185%)}}@media (width<=760px){.app{padding:0 20px}.app-header{min-height:76px}.header-context{display:none}.brand{font-size:14px}.brand-mark{width:28px;height:28px}.intro{padding:26px 0 22px}.intro h1{margin-bottom:12px;font-size:30px}.intro p{font-size:14px;line-height:1.6}.upload-workspace{grid-template-columns:1fr;gap:24px;padding:20px}.upload-workspace h2{margin-bottom:14px;font-size:16px}.upload-zone{min-height:206px;padding:16px 12px}.upload-prompt{max-width:23ch;font-size:15px}.upload-formats{max-width:28ch;font-size:12px}.upload-symbol{margin-bottom:12px}.primary-action{margin-top:18px}.example{gap:16px;padding:10px}.example img{width:44px;height:70px}.example h3{margin-bottom:3px;font-size:14px}.section-description{margin-bottom:14px}.example-list{gap:10px}.examples-section h2{margin-bottom:4px}.app-footer{flex-direction:column;align-items:flex-start;gap:10px;padding:24px 0}.results-actions{width:100%}.results-actions button{flex:1;font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.processing-track span{width:100%}}