:root{--bg-0: #06061a;--bg-1: #0c0c26;--ink: #eef0ff;--ink-dim: #8e90c0;--line: rgba(255, 255, 255, .08);--glass: rgba(255, 255, 255, .04);--magenta: #ff2bd6;--cyan: #2bf0ff;--violet: #7a5cff;--grad-accent: linear-gradient(135deg, var(--magenta), var(--violet) 50%, var(--cyan));--grad-text: linear-gradient(90deg, var(--magenta), var(--violet) 45%, var(--cyan));--grad-border: linear-gradient(135deg, rgba(255, 43, 214, .45), rgba(122, 92, 255, .15) 40%, rgba(43, 240, 255, .45));--font-sans: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius-panel: 22px;--radius-card: 16px;--radius-chip: 999px;--radius-cta: 14px;--space-panel: 22px;--space-stage: 20px;--space-row: 14px;--container: 1120px}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{color-scheme:dark}body{font-family:var(--font-sans);font-size:16px;line-height:1.55;color:var(--ink);background-color:var(--bg-0);background-image:radial-gradient(900px 600px at 85% -10%,rgba(255,43,214,.18) 0%,transparent 60%),radial-gradient(800px 500px at -5% 30%,rgba(43,240,255,.14) 0%,transparent 60%),radial-gradient(700px 700px at 50% 110%,rgba(122,92,255,.22) 0%,transparent 60%);background-repeat:no-repeat;background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}#root{position:relative;z-index:1}a{color:var(--cyan);text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none;padding:0}button:disabled{cursor:not-allowed;opacity:.5}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}::selection{background:#2bf0ff4d;color:var(--ink)}.grad{background:var(--grad-text);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(255,43,214,.25))}.label{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim)}.mono{font-family:var(--font-mono);font-size:12px;color:var(--ink-dim)}.panel{position:relative;background:linear-gradient(180deg,#ffffff0f,#ffffff04);border:1px solid var(--line);border-radius:var(--radius-panel);padding:var(--space-panel);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);overflow:hidden}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-panel);padding:1px;background:var(--grad-border);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.panel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel__title{margin:0;font-size:14px;font-weight:600}.panel__num{font-family:var(--font-mono);font-size:11px;color:var(--ink-dim);letter-spacing:.1em}.c-drop{position:relative;aspect-ratio:16 / 9;display:grid;grid-template-rows:1fr auto auto auto 1fr;justify-items:center;align-content:center;gap:10px;padding:16px;border:1.5px dashed var(--line);border-radius:var(--radius-card);background:#ffffff05;cursor:pointer;isolation:isolate;-webkit-user-select:none;user-select:none;transition:border-color .2s ease,background .2s ease}.c-drop:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.c-drop.is-hover{border-color:#2bf0ff80;background:#2bf0ff0d}.c-drop.is-disabled{cursor:not-allowed;opacity:.5}.c-drop__pulse{position:absolute;top:25%;right:35%;bottom:25%;left:35%;border-radius:50%;background:radial-gradient(closest-side,rgba(43,240,255,.32),transparent 70%);filter:blur(12px);animation:c-drop-pulse 3.4s ease-in-out infinite;z-index:-1}@keyframes c-drop-pulse{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.15);opacity:1}}.c-drop__icon{grid-row:2;width:56px;height:56px;display:grid;place-items:center;font-size:32px;font-weight:500;line-height:1;border-radius:50%;background:var(--grad-accent);color:#0b0b1f;box-shadow:0 0 0 1px #ffffff1f inset,0 12px 28px #7a5cff66,0 0 30px #2bf0ff59}.c-drop__title{grid-row:3;margin:0;font-weight:600;font-size:16px;color:var(--ink)}.c-drop__hint{grid-row:4;margin:0}.c-preview{display:flex;flex-direction:column;gap:10px}.c-preview__video{width:100%;aspect-ratio:16 / 9;background:var(--bg-1);border-radius:var(--radius-card);display:block;outline:1px solid var(--line)}.c-preview__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.c-preview__name{color:var(--ink);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-trim{display:flex;flex-direction:column;gap:10px}.c-trim.is-disabled{opacity:.5;pointer-events:none}.c-trim__head{display:flex;justify-content:space-between;align-items:center;gap:12px}.c-trim__slider{position:relative;height:32px;margin:4px 9px}.c-trim__track{position:absolute;top:50%;left:0;right:0;height:8px;transform:translateY(-50%);background:#ffffff0f;border:1px solid var(--line);border-radius:999px}.c-trim__fill{position:absolute;top:-1px;bottom:-1px;background:linear-gradient(90deg,var(--magenta),var(--violet) 50%,var(--cyan));border-radius:999px;box-shadow:0 0 20px #ff2bd673}.c-trim__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;cursor:pointer;pointer-events:auto}.c-trim__input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;border-radius:50%;background:transparent;cursor:pointer}.c-trim__input::-moz-range-thumb{width:32px;height:32px;border:0;border-radius:50%;background:transparent;cursor:pointer}.c-trim__input.is-end{z-index:2}.c-trim__input.is-start{z-index:3}.c-trim__handle{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid;transform:translate(-50%,-50%);pointer-events:none;z-index:4}.c-trim__handle.is-start{border-color:var(--magenta);box-shadow:0 0 14px var(--magenta)}.c-trim__handle.is-end{border-color:var(--cyan);box-shadow:0 0 14px var(--cyan)}.c-trim__input:focus-visible{outline:none}.c-trim__input.is-start:focus-visible~.c-trim__handle.is-start,.c-trim__input.is-end:focus-visible~.c-trim__handle.is-end{outline:2px solid var(--ink);outline-offset:3px}.c-trim__meta{display:flex;justify-content:space-between;color:var(--ink-dim)}.c-export{display:flex;flex-direction:column;gap:16px}.c-export__row{display:flex;flex-direction:column;gap:8px}.c-export__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.c-export__hint{text-transform:none;letter-spacing:0}.c-export__chips{display:flex;flex-wrap:wrap;gap:8px}.c-chip{font-family:var(--font-mono);font-size:12.5px;font-weight:500;padding:8px 14px;border-radius:var(--radius-chip);background:#ffffff0d;border:1px solid var(--line);color:var(--ink-dim);transition:background .18s ease,color .18s ease,box-shadow .18s ease,border-color .18s ease}.c-chip:hover:not(:disabled){color:var(--ink);border-color:#ffffff2e}.c-chip.is-on{background:linear-gradient(135deg,#ff2bd638,#2bf0ff2e),#ffffff0a;color:var(--ink);border-color:#7a5cff73;box-shadow:0 0 18px #7a5cff59}.c-convert{display:flex;flex-direction:column;gap:12px}.c-convert__btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px 22px;font-family:var(--font-sans);font-size:15px;font-weight:600;letter-spacing:.01em;color:#0b0b1f;background:var(--grad-accent);border-radius:var(--radius-cta);box-shadow:0 0 0 1px #ffffff1a inset,0 16px 40px #ff2bd659,0 0 60px #2bf0ff40;transition:transform .15s ease,box-shadow .2s ease}.c-convert__btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 0 1px #ffffff24 inset,0 20px 48px #ff2bd673,0 0 72px #2bf0ff4d}.c-convert__btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:0 0 0 1px #ffffff1a inset}.c-convert__arrow{font-family:var(--font-mono);font-weight:400}.c-convert__progress{display:flex;flex-direction:column;gap:6px}.c-convert__track{width:100%;height:6px;background:#ffffff0f;border-radius:999px;overflow:hidden}.c-convert__bar{height:100%;background:var(--grad-accent);box-shadow:0 0 14px #ff2bd666;transition:width .15s ease}.c-convert__stage{text-align:center}.c-output{display:flex;flex-direction:column;gap:12px}.c-output__frame{aspect-ratio:16 / 9;border-radius:var(--radius-card);background:var(--bg-1);overflow:hidden;display:grid;place-items:center;border:1px solid var(--line)}.c-output__img{max-width:100%;max-height:100%;display:block}.c-output__meta{display:flex;align-items:center;gap:10px;justify-content:center}.c-output__dl{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:var(--radius-cta);font-weight:600;font-size:14.5px;color:var(--ink);background:#ffffff0a;border:1px solid rgba(43,240,255,.45);box-shadow:0 0 18px #2bf0ff2e;transition:background .18s ease,box-shadow .18s ease}.c-output__dl:hover{background:#2bf0ff1a;box-shadow:0 0 28px #2bf0ff4d}.c-output.is-empty{display:grid;place-items:center;gap:12px;aspect-ratio:16 / 9;border-radius:var(--radius-card);background:conic-gradient(from 180deg,#ff2bd60f,#7a5cff0f,#2bf0ff0f,#ff2bd60f);border:1px dashed var(--line)}.c-output__placeholder{width:56px;height:56px;border-radius:50%;background:conic-gradient(from 180deg,var(--magenta),var(--violet),var(--cyan),var(--magenta));filter:blur(.5px);box-shadow:0 0 30px #7a5cff59}.c-output__hint{margin:0;text-align:center}.app{max-width:var(--container);margin:0 auto;padding:32px 24px 64px;display:flex;flex-direction:column;gap:36px}.app__topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.app__brand{display:flex;align-items:center;gap:12px}.app__mark{width:22px;height:22px;border-radius:6px;background:conic-gradient(from 180deg,var(--magenta),var(--violet),var(--cyan),var(--magenta));box-shadow:0 0 18px #7a5cff8c}.app__brandname{font-weight:600;font-size:15px;letter-spacing:.01em}.app__pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:#ffffff0a;border:1px solid var(--line);border-radius:999px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.app__pill .mono{font-size:11.5px;letter-spacing:.06em}.app__dot{width:8px;height:8px;border-radius:50%}.app__pill.is-ready .app__dot{background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.app__pill.is-busy .app__dot{background:var(--violet);box-shadow:0 0 10px var(--violet);animation:app-blink 1.4s ease-in-out infinite}.app__pill.is-error .app__dot{background:var(--magenta);box-shadow:0 0 10px var(--magenta)}@keyframes app-blink{0%,to{opacity:1}50%{opacity:.3}}.app__hero{display:flex;flex-direction:column;gap:14px;margin-top:8px}.app__title{margin:0;font-size:clamp(40px,8vw,96px);font-weight:700;line-height:.95;letter-spacing:-.04em}.app__title-tail{display:block;color:var(--ink);font-weight:500;font-size:.5em;letter-spacing:-.02em;margin-top:12px}.app__lede{margin:0;max-width:560px;color:var(--ink-dim);font-size:15.5px}.app__stage{display:grid;grid-template-columns:1.35fr 1fr;grid-template-areas:"source export" "output output";gap:22px}.app__col-source{grid-area:source}.app__col-export{grid-area:export;display:flex;flex-direction:column;gap:22px}.app__col-output{grid-area:output}@media(max-width:880px){.app__stage{grid-template-columns:1fr;grid-template-areas:"source" "export" "output"}}.app__source{display:flex;flex-direction:column;gap:16px}.app__clear{align-self:flex-start;color:var(--ink-dim);border-bottom:1px dashed transparent;transition:color .18s ease,border-color .18s ease}.app__clear:hover{color:var(--cyan);border-bottom-color:var(--cyan)}.app__err{margin:0;padding:10px 12px;border-radius:10px;background:#ff2bd614;border:1px solid rgba(255,43,214,.35);color:var(--ink)}.app__footer{text-align:center;color:var(--ink-dim);padding-top:16px;border-top:1px solid var(--line)}