:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#080808;--color-panel:#121212f0;--color-border:#ffffff24;--color-text:#fffffff0;--color-text-muted:#ffffffa3;--color-button-primary:#f2f2ef;--color-button-primary-text:#111;--color-button-secondary:#ffffff14;--color-button-secondary-text:#ffffffe6;--shadow-panel:0 18px 48px #00000047;--radius-panel:18px;--radius-button:100vmax;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--focus-scale:1.03;font-family:IBM Plex Sans,Hiragino Sans,Yu Gothic,sans-serif}*,:before,:after{box-sizing:border-box}html,body{min-height:100%}body{min-width:320px;color:var(--color-text);background:radial-gradient(circle at top,#7074812e,#0000 34%),linear-gradient(#121212 0%,#080808 55%,#040404 100%);line-height:1.5}body,h1,p{margin:0}button,input,label{font:inherit}button{color:inherit;background:0 0;border:0}button,label{cursor:pointer}img,svg{display:block}.layout{min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.5rem;padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-button);text-decoration:none;transition:transform .18s,border-radius .18s,background-color .18s,border-color .18s;display:inline-flex}.button:focus-visible,.uploader:focus-within{transform:scale(var(--focus-scale));border-radius:1rem}@media (any-hover:hover){.button:hover,.uploader:hover{transform:scale(var(--focus-scale));border-radius:1rem}}.button--primary{background:var(--color-button-primary);color:var(--color-button-primary-text)}.button--secondary{background:var(--color-button-secondary);color:var(--color-button-secondary-text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.button__label{letter-spacing:.02em;font-size:.78rem}.uploader{position:relative;overflow:clip}.uploader__input{opacity:0;position:absolute;inset:0}.app-icon{fill:currentColor;width:1rem;height:1rem}@media (width<=640px){.layout{padding:var(--space-3)}.button{min-height:2.35rem;padding:0 var(--space-3)}}.panel{gap:var(--space-5);width:min(100%,27rem);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-panel);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;display:flex}.panel__heading{gap:var(--space-2);flex-direction:column;display:flex}.panel__title{letter-spacing:.04em;font-size:1rem;font-weight:600}.panel__description{color:var(--color-text-muted);font-size:.78rem}.panel__actions{justify-content:flex-start;display:flex}@media (width<=640px){.panel{gap:var(--space-4);width:100%;padding:var(--space-4)}}.layout--player{align-items:stretch}.player{gap:var(--space-3);flex-direction:column;width:min(100%,72rem);display:flex}.player__viewport{aspect-ratio:16/9;isolation:isolate;box-shadow:var(--shadow-panel);background:#000;border-radius:20px;position:relative;overflow:clip}.player__image{object-fit:cover;filter:saturate(.92)contrast(1.08)brightness(.92)sepia(.08);opacity:0;width:100%;height:100%;transform:scale(1)translate(0,0)}.player__image--playing{animation:8s cubic-bezier(.22,.61,.36,1) forwards cinematicMotion}.player__image--ended{opacity:0;animation:none;transform:scale(1.2)translate(-3%)}.player__overlay{z-index:2;background:#000000eb;height:12%;position:absolute;inset-inline:0}.player__overlay--top{top:0}.player__overlay--bottom{bottom:0}.player__vignette{z-index:3;pointer-events:none;background:radial-gradient(circle,#0000 52%,#00000070 100%),linear-gradient(#0000002e,#0000 18% 82%,#0000002e);position:absolute;inset:0}.player__fade{z-index:4;pointer-events:none;background:#000;position:absolute;inset:0}.player__fade--playing{animation:8s linear forwards cinematicFade}.player__fade--ended{opacity:1}.player__controls{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}@keyframes cinematicMotion{0%{opacity:0;transform:scale(1)translate(0,0)}10%{opacity:1}82%{opacity:1}to{opacity:0;transform:scale(1.2)translate(-3%)}}@keyframes cinematicFade{0%{opacity:1}8%{opacity:0}88%{opacity:0}to{opacity:1}}@media (width<=640px){.player{width:100%}.player__viewport{aspect-ratio:3/4;border-radius:16px}.player__controls{justify-content:center}}