@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,sans-serif;background:#101211;color:#edf0ee}*{box-sizing:border-box}body{margin:0}.brand{font-size:21px;font-weight:800;letter-spacing:-.075em}.brand span{color:#6be2cd}.eyebrow{font:500 10px DM Mono,monospace;letter-spacing:.16em;color:#75d9c9;margin:0;text-transform:uppercase}.landing{min-height:100vh;overflow:hidden;padding:32px max(5vw,30px);position:relative;display:flex;flex-direction:column;background:radial-gradient(ellipse 56% 70% at 82% 16%,#1a423e 0%,transparent 66%),radial-gradient(ellipse 40% 40% at 15% 110%,#213034 0%,transparent 66%),#101211}.landing:before,.landing:after{content:"";position:absolute;border:1px solid rgba(130,225,210,.1);border-radius:50%;pointer-events:none}.landing:before{width:62vw;height:62vw;right:-25vw;top:-33vw}.landing:after{width:34vw;height:34vw;right:7vw;top:14vh}.landing-top,.landing-foot{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center}.landing-top>span,.landing-foot{font:500 10px DM Mono,monospace;letter-spacing:.08em;color:#84918d}.landing-copy{position:relative;z-index:1;max-width:820px;margin:auto 0 13vh}.landing-copy .eyebrow{margin-bottom:25px}.landing h1{font-size:clamp(62px,10vw,138px);line-height:.88;letter-spacing:-.085em;margin:0;color:#f1f4f1}.landing h1 em{font-weight:400;color:#6be2cd}.intro{color:#aab5b1;font-size:17px;line-height:1.55;max-width:430px;margin:32px 0 29px}.import{min-width:218px;display:flex;justify-content:space-between;align-items:center;gap:28px;background:#71e0cc;border:0;border-radius:4px;color:#0b1d1b;padding:15px 17px 15px 20px;font:800 14px Manrope;cursor:pointer;transition:transform .2s,background .2s}.import b{font:500 23px DM Mono;line-height:15px}.import:hover{background:#95eedc;transform:translateY(-2px)}.import:disabled{opacity:.65;cursor:wait;transform:none}.landing-foot{border-top:1px solid rgba(205,235,229,.13);padding-top:17px}.landing-foot span:first-child{color:#afbbb7}.landing-foot i{display:inline-block;width:6px;height:6px;border-radius:100%;background:#70dfca;margin-right:7px}.error{color:#ffacaa;font-size:13px;margin:18px 0 0}.app{min-height:100vh;padding:24px max(5vw,30px) 36px;background:radial-gradient(ellipse 60% 50% at 80% -15%,#17312f 0%,transparent 70%),#101211}header{max-width:1400px;margin:auto;display:flex;align-items:center;gap:20px;padding-bottom:21px;border-bottom:1px solid #28302f}.status{margin-left:auto;font-size:12px;color:#aeb9b5}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px;background:#6be2cd;box-shadow:0 0 0 4px #6be2cd1a}.status i.complete{background:#a7c1ff}.close{border:1px solid #3a4543;background:transparent;color:#c4cfcb;border-radius:3px;padding:9px 12px;font:600 12px Manrope;cursor:pointer;transition:border .2s,color .2s}.close:hover{border-color:#72dcca;color:#fff}.content{max-width:1400px;margin:39px auto 28px;display:grid;grid-template-columns:minmax(0,1.75fr) minmax(290px,.65fr);gap:32px}.player{position:relative;align-self:start;overflow:hidden;background:#050606;aspect-ratio:16/9;border-radius:5px;box-shadow:0 20px 60px #0000003d}.player video{width:100%;height:100%;object-fit:contain;display:block}.waiting{color:#7f8a87;display:grid;place-items:center;min-height:100px;font-size:13px}.buffer{position:absolute;bottom:0;left:0;right:0;height:3px;background:#202827}.buffer span{display:block;height:100%;background:#71e0cc;transition:width .3s}aside{padding:4px 0}aside .eyebrow{margin-bottom:13px}h2{margin:0 0 24px;font-size:18px;line-height:1.33;letter-spacing:-.04em;word-break:break-word}.files{border-top:1px solid #303937}.files button{width:100%;display:flex;gap:12px;text-align:left;border:0;border-bottom:1px solid #303937;background:transparent;color:#cbd4d0;padding:15px 8px;cursor:pointer;transition:background .2s,color .2s}.files button:hover{background:#192221}.files button.selected{color:#76e2ce;background:#1b302e;box-shadow:inset 2px 0 #71e0cc}.files b,.files small{display:block}.files b{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35}.files small{color:#82908b;font:400 10px DM Mono;margin-top:6px}.file-icon{font-size:10px;padding-top:4px}.media-select{display:block;margin-top:23px}.media-select span{display:block;margin-bottom:8px;color:#8e9a96;font:500 10px DM Mono;letter-spacing:.12em;text-transform:uppercase}.media-select select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#1a201f;border:1px solid #35403e;border-radius:3px;color:#e4e9e6;padding:11px 12px;font:500 12px Manrope;cursor:pointer}.metrics{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #303937}.metrics div{padding:20px 17px 0 0}.metrics span{display:block;margin-bottom:7px;color:#86928e;font-size:10px}.metrics b{font:500 15px DM Mono;letter-spacing:-.04em}.app-error{max-width:1400px;margin:18px auto}@media(max-width:760px){.landing{padding:23px}.landing-top>span,.landing-foot span:last-child{display:none}.landing-copy{margin:auto 0}.landing h1{font-size:clamp(58px,17vw,84px)}.landing-foot{justify-content:flex-start}.app{padding:20px}.status{display:none}.close{margin-left:auto}.content{grid-template-columns:1fr;margin:29px auto}.metrics{grid-template-columns:repeat(2,1fr);gap:9px}.metrics div{padding-top:16px}.files b{max-width:calc(100vw - 115px)}}.embedded-tracks{margin-top:18px;padding:11px 12px;border-left:2px solid #5ccbb8;background:#172522}.embedded-tracks span{display:block;margin-bottom:7px;color:#82938d;font:500 9px DM Mono;letter-spacing:.1em;text-transform:uppercase}.embedded-tracks b{display:block;color:#d4dfda;font-size:11px;line-height:1.7;font-weight:500}.subtitle-overlay{position:absolute;z-index:3;left:8%;right:8%;bottom:8%;background:transparent!important;box-shadow:none!important;text-align:center;color:#fff;font:600 clamp(16px,2.2vw,28px)/1.35 Manrope;text-shadow:0 1px 2px rgba(0,0,0,.75);pointer-events:none}