:root{font-family:Inter,Segoe UI,system-ui,sans-serif;line-height:1.6;font-weight:400;color:#0f172a;background-color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{max-width:1100px;margin:0 auto;padding:3rem 1.5rem 4rem}code{font-family:SFMono-Regular,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.app{display:flex;flex-direction:column;gap:2.5rem}.app__header{display:flex;flex-direction:column;gap:.75rem}.app__eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:600;color:#7b8bff;margin:0}.app__header h1{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.1;color:#0f172a}.app__subtitle{margin:0;color:#475569;max-width:560px}.card{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 20px 40px #0f172a14;border:1px solid rgba(148,163,184,.2)}.form{display:flex;flex-direction:column;gap:1rem}.file-input{border:1px dashed rgba(148,163,184,.7);border-radius:16px;padding:1.1rem 1.25rem;display:flex;gap:.75rem;align-items:center;background:#94a3b81a;cursor:pointer;font-weight:600;color:#1e293b}.file-input input{display:none}.form__actions{display:flex;flex-wrap:wrap;gap:.75rem}button{border:none;border-radius:999px;padding:.75rem 1.6rem;font-weight:600;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 20px #6366f140}.button--ghost{background:transparent;color:#1e293b;border:1px solid rgba(148,163,184,.6)}.alert{margin-top:.75rem;padding:.75rem 1rem;background:#f8717126;color:#b91c1c;border-radius:12px;font-weight:600}.hint{margin-top:.75rem;color:#475569}.hint code{margin-left:.35rem;padding:.1rem .4rem;background:#6366f11f;border-radius:6px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.panel{background:#fff;border-radius:18px;padding:1.25rem;border:1px solid rgba(148,163,184,.2);box-shadow:0 12px 30px #0f172a0d;display:flex;flex-direction:column;gap:1rem}.panel h2{margin:0;font-size:1.1rem;color:#0f172a}.video{width:100%;border-radius:12px;background:#0f172a;max-height:320px}.placeholder{margin:0;color:#64748b}.download{align-self:flex-start;color:#4338ca;font-weight:600;text-decoration:none}.download:hover{text-decoration:underline}.settings-toggle{align-self:flex-start;font-size:.85rem;padding:.5rem 1rem}.settings{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:#94a3b80f;border:1px solid rgba(148,163,184,.18);border-radius:16px}.settings__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.settings__field{display:flex;flex-direction:column;gap:.35rem}.settings__field label{font-size:.82rem;font-weight:600;color:#334155}.settings__field select,.settings__field input[type=number]{padding:.55rem .75rem;border:1px solid rgba(148,163,184,.5);border-radius:10px;background:#fff;font-size:.9rem;color:#1e293b;outline:none;transition:border-color .2s}.settings__field select:focus,.settings__field input[type=number]:focus{border-color:#6366f1}.settings__field input[type=range]{accent-color:#6366f1}.settings__hint{font-size:.72rem;color:#64748b}.settings__reset{align-self:flex-end;font-size:.8rem;padding:.4rem .9rem}