:root{color:#0f172a;background:#f4f6fb;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}.app{max-width:880px;margin:0 auto;padding:48px 20px 80px}header h1{margin:0 0 8px;font-size:2rem}.logo{width:auto;height:80px}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-top:20px;padding:24px}.muted{color:#64748b}.file-picker{cursor:pointer;background:#f8fafc;border:1px dashed #94a3b8;border-radius:10px;align-items:center;gap:8px;margin:12px 0;padding:10px 16px;display:inline-flex}.file-picker input{display:none}.filename{margin:0 0 16px;font-weight:600}button,.download{color:#fff;cursor:pointer;background:#111827;border:0;border-radius:10px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:not-allowed}.status{font-weight:600}.error{color:#b91c1c;background:#fef2f2;border-radius:8px;padding:10px 12px}.clip-list{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.clip-card video{aspect-ratio:9/16;object-fit:cover;background:#000;border-radius:4px;width:100%}.clip-card h3{margin:12px 0 6px}.timestamps{color:#475569;font-size:.9rem}