:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#e7efeb;background:#101816;color-scheme:dark;font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:inherit}header,main,footer{max-width:1320px;margin:auto;padding:0 40px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #30433a}.brand{text-decoration:none;font-size:27px;font-weight:700;letter-spacing:-1px}nav{display:flex;gap:28px;align-items:center}nav a{font-size:14px;text-decoration:none}.badge{font-size:12px;letter-spacing:1.4px;border:1px solid #668b77;padding:8px 12px;border-radius:50px;color:#bdecd1}.intro{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:end;padding:62px 0 40px}.eyebrow{font-size:12px;letter-spacing:2px;color:#a0efcd;margin:0 0 20px}h1{font-size:clamp(3rem,6vw,5.6rem);line-height:1.02;font-weight:500;letter-spacing:-.055em;margin:0}.lead{font-size:20px;line-height:1.65;color:#b9cbc0;max-width:420px;margin:0 0 6px}.workspace{border:1px solid #456451;border-radius:16px;overflow:hidden;background:#17231d}.player{aspect-ratio:43/18;background:#050a07;position:relative;overflow:hidden;display:grid;place-items:center}.player:fullscreen{width:100vw;height:100vh;aspect-ratio:auto}.player video{position:absolute;width:100%;height:100%;object-fit:contain;transform:scale(var(--zoom,1));transform-origin:center}.player video[hidden]{display:none}#empty{text-align:center;padding:24px}.frame-icon{font-size:58px;line-height:1;color:#a0efcd}h2{font-size:34px;letter-spacing:-1px;font-weight:500;line-height:1.2;margin:16px 0}#empty h2{font-size:26px}p{line-height:1.65}#empty p{color:#afc3b5;margin:12px 0 22px}.primary{display:inline-flex;align-items:center;gap:30px;justify-content:center;background:#a0efcd;color:#15382a;padding:14px 22px;border-radius:7px;font-weight:650;text-decoration:none;border:0;cursor:pointer;font-size:16px}.file-label{position:relative;overflow:hidden}.file-label input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.file-label:focus-within{outline:3px solid white;outline-offset:3px}.hint{font-size:12px}#empty .hint{margin:14px 0 0}.controls{display:flex;align-items:center;gap:20px;padding:20px;flex-wrap:wrap}.modes{display:flex;border:1px solid #49604f;border-radius:8px;padding:3px;gap:3px}button,.secondary{background:transparent;border:1px solid #49604f;border-radius:6px;padding:10px 15px;color:#e7efeb;font:inherit;font-size:14px;cursor:pointer}.modes button{border:0}.modes button[aria-pressed=true]{background:#a0efcd;color:#15382a}.zoom-label{display:flex;align-items:center;gap:12px;font-size:14px;margin-left:auto}input[type=range]{width:110px;accent-color:#a0efcd}output{min-width:42px;font-variant-numeric:tabular-nums}button:focus-visible,a:focus-visible{outline:2px solid #a0efcd;outline-offset:4px}#status{margin:0 20px;font-size:14px;color:#c5dbcc}.note{font-size:13px;color:#abc0b1}.workspace>.note{margin:8px 20px 20px}.install{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding:80px 0;border-bottom:1px solid #30433a}.install p{color:#b9cbc0}.install .primary{margin-top:12px}.instructions{border-left:1px solid #456451;padding-left:36px}h3{font-size:20px;font-weight:550;margin:0 0 18px}ol{padding-left:22px;margin:0}li{padding-left:8px;margin-bottom:16px;line-height:1.6;color:#c1d0c6}.notice{background:#253329;border-left:3px solid #a0efcd;padding:16px;font-size:14px}.instructions>a{font-size:14px}.details{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding:42px 0}.details p{color:#abc0b1;font-size:14px}footer{display:flex;justify-content:space-between;padding-top:24px;padding-bottom:32px;color:#abc0b1;font-size:12px;border-top:1px solid #30433a}@media(max-width:760px){header,main,footer{padding-left:20px;padding-right:20px}header{height:80px}nav{gap:10px}nav a{display:none}.intro,.install,.details{grid-template-columns:1fr;gap:24px}.intro{padding-top:36px}.lead{font-size:17px}.player{aspect-ratio:auto;min-height:300px}.zoom-label{margin-left:0}.controls{gap:12px}.install{padding:48px 0}.instructions{border-left:0;padding-left:0}.details{padding:32px 0}footer{gap:20px;flex-wrap:wrap}#empty{padding:20px}h2{font-size:30px}}

button:disabled{opacity:.55;cursor:wait}#payment-notice{overflow-wrap:anywhere}

#activation textarea{width:100%;padding:12px;margin:10px 0;overflow-wrap:anywhere}#activation{margin-bottom:24px}

.browser-downloads{display:flex;flex-wrap:wrap;gap:10px}.browser-downloads .primary{gap:8px}code{overflow-wrap:anywhere}