:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0d141a;--paper-2:#111d26;--viewer-paper:#cbd6dd;--viewer-paper-2:#aebdc7;--ink:#f5f1e9;--muted:#a9b2ba;--line:#f5f1e929;--line-strong:#ef773075;--panel:#0c121894;--panel-strong:#0c1218b8;--glass-edge:#ffffff47;--glass-edge-warm:#ef77307a;--glass-sheen:#ffffff38;--accent:#ef7730;--accent-2:#1560aa;--accent-3:#4cf2f6;--danger:#c6352e;--steel:#e9ebdd;--shadow:0 24px 64px #0d141a3d, 0 10px 28px #0d141a2e;--glass-inset:inset 0 1px 0 #ffffff4d, inset 0 -1px 0 #ef773029;--font-display:"Avenir Next", "SF Pro Display", "Helvetica Neue", "Segoe UI Variable", sans-serif;--font-ui:"Avenir Next", "SF Pro Text", "Helvetica Neue", "Segoe UI Variable", sans-serif;--font-brand:"Arena Coolvetica", "Avenir Next Condensed", "Avenir Next", sans-serif}@font-face{font-family:Arena Coolvetica;src:url(/assets/coolvetica-regular.woff2)format("woff2"),url(/assets/coolvetica-regular-D28MQhkz.woff2)format("woff2");font-display:swap}@font-face{font-family:Arena Satoshi;src:url(/assets/satoshi-variable-bold.woff2)format("woff2"),url(/assets/satoshi-variable-bold-CFg-z2ne.woff2)format("woff2");font-display:swap}@font-face{font-family:Arena Kommon;src:url(/assets/kommon-grotesk-ultrabold.woff2)format("woff2"),url(/assets/kommon-grotesk-ultrabold-sfot1uiH.woff2)format("woff2");font-display:swap}*{box-sizing:border-box}html,body,#scene{width:100%;height:100%}body{background:linear-gradient(120deg, #ef77302e, transparent 22%), linear-gradient(300deg, #1560aa33, transparent 28%), var(--paper);min-width:320px;color:var(--ink);font-family:var(--font-ui);font-kerning:normal;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;margin:0;overflow:hidden}button{appearance:none;font:inherit;border:0}.shell{isolation:isolate;width:100vw;height:100vh;min-height:560px;position:relative}.viewer{background:radial-gradient(circle at 18% 12%, #ffffff5c, transparent 34%), linear-gradient(135deg, #ef77301f, transparent 32%), linear-gradient(180deg, var(--viewer-paper), var(--viewer-paper-2));position:absolute;inset:0}#scene{cursor:grab;touch-action:none;display:block}#scene:active{cursor:grabbing}.grain{z-index:1;pointer-events:none;opacity:.08;mix-blend-mode:multiply;background-image:repeating-linear-gradient(0deg,#0d141a14 0 1px,#0000 1px 5px),repeating-linear-gradient(90deg,#1560aa0d 0 1px,#0000 1px 7px);position:absolute;inset:0}.topbar,.metrics,.toolbar,.viewbar,.progress{z-index:3;position:absolute}.topbar{pointer-events:none;justify-content:flex-start;align-items:center;gap:16px;display:flex;top:clamp(14px,2vw,26px);left:clamp(14px,2vw,26px);right:clamp(14px,2vw,26px)}.topbar>*{pointer-events:auto}.metrics{grid-template-columns:repeat(3,minmax(86px,1fr));width:min(420px,100vw - 28px);display:grid;bottom:clamp(18px,3vw,34px);left:clamp(14px,2vw,26px);overflow:hidden}.toolbar{gap:8px;display:grid;top:50%;right:clamp(14px,2vw,26px);transform:translateY(-50%)}.viewbar{gap:8px;padding:6px;display:flex;bottom:clamp(18px,3vw,34px);right:clamp(14px,2vw,26px)}.progress{height:4px;bottom:0;left:0;right:0;overflow:hidden}.brand,.upload-cta,.metrics,.tool,.viewbar{isolation:isolate;border:1px solid var(--glass-edge);box-shadow:var(--shadow), var(--glass-inset);-webkit-backdrop-filter:blur(26px)saturate(1.38);backdrop-filter:blur(26px)saturate(1.38);background:radial-gradient(circle at 24% 0,#ffffff2e,#0000 38%),linear-gradient(145deg,#1f2931c2,#080c1094);overflow:hidden}.brand,.upload-cta,.tool{position:relative}.brand:after,.upload-cta:before,.metrics:before,.tool:before,.viewbar:before{z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(126deg, var(--glass-sheen), transparent 31%), linear-gradient(270deg, #4cf2f61a, transparent 42%);content:"";opacity:.5;position:absolute;inset:1px}.brand>*,.metrics>*,.tool>*,.viewbar>*{z-index:1;position:relative}.brand{border-color:var(--glass-edge-warm);border-radius:8px;align-items:center;gap:16px;min-width:0;padding:12px 16px;display:flex}.upload-cta{min-height:54px;color:var(--ink);cursor:pointer;background:radial-gradient(circle at 18% 0,#ffffff47,#0000 42%),linear-gradient(145deg,#ef773047,#080c10a8);border-color:#ef7730b8;border-radius:8px;align-items:center;gap:9px;padding:8px 12px 8px 10px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.upload-cta:hover,.upload-cta:focus-within{box-shadow:0 24px 58px #ef77303d, 0 0 0 1px #ffffff2e, var(--glass-inset);border-color:#ef7730f5;transform:translateY(-1px)}.upload-cta input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.upload-cta-icon{background:linear-gradient(140deg, #ffffff57, transparent 42%), linear-gradient(180deg, #ff8d3e, var(--accent));color:#120b07;border:1px solid #ef773099;border-radius:8px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.upload-cta-icon svg{stroke-width:2.4px;width:17px;height:17px}.upload-cta-copy{gap:2px;min-width:0;display:grid}.upload-cta-copy strong,.upload-cta-copy small{letter-spacing:0;margin:0;display:block}.upload-cta-copy strong{color:var(--ink);font-family:var(--font-display);white-space:nowrap;font-size:.82rem;font-weight:780;line-height:1}.upload-cta-copy small{color:#f5f1e9b8;white-space:nowrap;font-size:.56rem;font-weight:650;line-height:1.15}.brand:before{background:linear-gradient(180deg, var(--accent), var(--danger));content:"";border-radius:999px;flex:0 0 3px;width:3px;height:48px}.brand-logo{object-fit:contain;object-position:left center;width:clamp(132px,15vw,210px);height:auto;max-height:58px}.brand-copy{min-width:0}.eyebrow,.brand h1,.status,.metrics span,.metrics strong,.viewbar button{letter-spacing:0;margin:0}.eyebrow{color:var(--accent);font-family:var(--font-ui);text-transform:uppercase;font-size:.58rem;font-weight:800;line-height:1.1}.brand h1{text-overflow:clip;max-width:min(36vw,260px);color:var(--ink);font-family:var(--font-display);white-space:normal;font-size:clamp(1.02rem,1.48vw,1.34rem);font-weight:750;line-height:1.04;overflow:visible}.status{min-width:92px;color:var(--ink);font-family:var(--font-ui);text-align:center;border-radius:999px;padding:10px 14px;font-size:.82rem;font-weight:760}.status.is-ready{background:linear-gradient(140deg, #ffffff59, transparent 34%), linear-gradient(180deg, #ff8d3e, var(--accent));color:#100b08;box-shadow:0 18px 42px #ef773047, var(--glass-inset);border-color:#ef7730e6}.status.is-error{background:linear-gradient(140deg, #ffffff42, transparent 34%), linear-gradient(180deg, #d8463a, var(--danger));color:#fff7f4;box-shadow:0 18px 42px #c6352e3d, var(--glass-inset);border-color:#c6352edb}.metrics{border-top-color:var(--line-strong);border-radius:8px}.metrics article{background:linear-gradient(#ffffff0f,#0000 68%);min-width:0;padding:12px 14px 11px;position:relative}.metrics article+article{border-left:1px solid #ffffff24}.metrics span{min-height:18px;color:var(--accent);font-family:var(--font-ui);text-transform:uppercase;background:#ef77301f;border:1px solid #ef77303d;border-radius:999px;align-items:center;padding:0 6px;font-size:.62rem;font-weight:780;display:inline-flex}.metrics strong{color:var(--ink);font-family:var(--font-display);font-variant-numeric:tabular-nums;margin-top:4px;font-size:clamp(1rem,2.7vw,1.35rem);font-weight:760;line-height:1.08;display:block}.tool{width:46px;height:46px;color:var(--ink);cursor:pointer;border-radius:8px;place-items:center;transition:background .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s;display:grid}.tool:hover,.tool:focus-visible,.viewbar button:hover,.viewbar button:focus-visible{outline:none;transform:translateY(-1px)}.tool:hover,.tool:focus-visible{border-color:var(--line-strong);box-shadow:0 18px 40px #0d141a38, 0 0 0 1px #ef773029, var(--glass-inset);color:var(--accent);background:radial-gradient(circle at 28% 0,#ffffff3d,#0000 42%),linear-gradient(145deg,#24313acc,#0b1015a3)}.tool.is-active{color:var(--accent);background:linear-gradient(140deg,#ef773038,#0000 42%),linear-gradient(#080c10e0,#05080abd);border-color:#ef7730db}.tool:disabled{cursor:wait;opacity:.72}.tool.is-recording{color:#fff7f4;box-shadow:0 20px 46px #c6352e47, 0 0 0 1px #ffffff29, var(--glass-inset);background:radial-gradient(circle at 30% 0,#ffffff47,#0000 40%),linear-gradient(#c6352eeb,#5a1212cc);border-color:#c6352ef0}.tool.is-busy svg{animation:.9s linear infinite soft-spin}.tool svg{stroke-width:2.2px;width:20px;height:20px}.upload-tool input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.record-tool{width:46px;height:46px;position:relative}.record-tool>.tool{width:100%;height:100%}.record-menu{z-index:4;box-shadow:var(--shadow), var(--glass-inset);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(22px)saturate(1.3);backdrop-filter:blur(22px)saturate(1.3);background:radial-gradient(circle at 26% 0,#fff3,#0000 42%),linear-gradient(145deg,#1f2931e0,#080c10c7);border:1px solid #ffffff3d;border-radius:8px;grid-template-columns:repeat(3,52px);gap:6px;padding:6px;transition:opacity .15s,transform .15s;display:grid;position:absolute;top:50%;right:calc(100% + 10px);transform:translate(8px,-50%)}.record-menu.is-open{opacity:1;pointer-events:auto;transform:translateY(-50%)}.record-menu button{height:34px;color:var(--ink);font-family:var(--font-ui);cursor:pointer;background:#ef77301f;border:1px solid #ef773047;border-radius:6px;padding:0 8px;font-size:.76rem;font-weight:820;transition:background .15s,border-color .15s,color .15s,transform .15s}.record-menu button:hover,.record-menu button:focus-visible{background:var(--accent);color:#100b08;border-color:#ef7730d6;outline:none;transform:translateY(-1px)}.record-status{color:#fff7f4;min-width:46px;height:30px;font-family:var(--font-ui);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25);background:#080c10c7;border:1px solid #c6352ebd;border-radius:999px;place-items:center;padding:0 10px;font-size:.72rem;font-weight:860;transition:opacity .15s,transform .15s;display:inline-grid;position:absolute;top:50%;right:calc(100% + 11px);transform:translate(8px,-50%)}.record-status.is-visible{opacity:1;transform:translateY(-50%)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes soft-spin{to{transform:rotate(360deg)}}.viewbar{border-radius:8px}.viewbar button{isolation:isolate;min-width:72px;height:38px;color:var(--ink);font-family:var(--font-ui);cursor:pointer;background:linear-gradient(#ffffff1c,#ffffff0d);border:1px solid #ffffff1a;border-radius:6px;padding:0 12px;font-size:.78rem;font-weight:760;transition:background .16s,border-color .16s,color .16s,transform .16s;position:relative;overflow:hidden}.viewbar button:before{z-index:-1;border-radius:inherit;content:"";opacity:.48;background:linear-gradient(126deg,#ffffff38,#0000 36%);position:absolute;inset:1px}.viewbar button.is-active{background:linear-gradient(140deg, #ffffff5c, transparent 36%), linear-gradient(180deg, #ff8d3e, var(--accent));color:#100b08;border-color:#ef7730b8}.progress{background:#f5f1e914}.progress span{background:linear-gradient(90deg, var(--accent-2), var(--accent), var(--danger));width:0%;height:100%;transition:width .22s,opacity .22s;display:block}.progress.is-hidden span{opacity:0}@media (width<=760px){.shell{min-height:620px}.topbar{flex-flow:column;align-items:flex-start;gap:8px}.brand{flex:0 auto;grid-template-columns:3px 112px minmax(0,1fr);gap:12px;width:min(360px,100vw - 28px);max-width:none;padding:10px 12px;display:grid}.brand:before{width:3px;height:40px}.brand-logo{width:112px;max-height:42px}.upload-cta{width:min(360px,100vw - 28px);min-height:50px;padding:7px 10px}.brand h1{max-width:136px;font-size:.98rem}.eyebrow{max-width:136px;font-size:.55rem}.metrics{bottom:116px}.toolbar{grid-template-columns:repeat(4,42px);grid-auto-rows:42px;grid-auto-flow:row;justify-content:center;gap:7px;top:auto;bottom:14px;width:auto!important;left:12px!important;right:12px!important;transform:none!important}.tool,.record-tool{width:42px;height:42px}.record-menu{inset:auto auto calc(100% + 8px) 50%;transform:translate(-50%,8px)}.record-menu.is-open{transform:translate(-50%)}.record-status{inset:auto auto calc(100% + 9px) 50%;transform:translate(-50%,8px)}.record-status.is-visible{transform:translate(-50%)}.tool svg{width:20px;height:20px}.viewbar{width:min(360px,100vw - 28px);bottom:188px;left:14px;right:auto}.viewbar button{flex:1 1 0;min-width:58px;height:34px;padding:0 8px;font-size:.72rem}}@media (width<=460px){.topbar{gap:6px;left:12px;right:12px}.brand{grid-template-columns:3px 84px minmax(0,1fr);gap:8px;width:min(366px,100vw - 24px);max-width:none;padding:9px 10px}.brand:before{height:34px}.brand-logo{width:84px;max-height:34px}.upload-cta{width:min(366px,100vw - 24px)}.upload-cta-copy strong{font-size:.76rem}.upload-cta-copy small{font-size:.52rem}.brand-copy{flex:auto}.brand h1{text-overflow:clip;white-space:nowrap;max-width:none;font-size:.7rem;overflow:visible}.eyebrow{max-width:none;font-size:.45rem}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));width:calc(100vw - 24px);left:12px}.viewbar{width:min(360px,100vw - 24px);bottom:190px;left:12px;right:auto}.viewbar button{min-width:0}.metrics article{padding:10px 9px}.metrics strong{font-size:.96rem}}