@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;min-width:320px}body,h1,h2,h3,p,dl,dd{margin:0}button,input,select{font:inherit}button,summary,select,input[type=range]{-webkit-tap-highlight-color:transparent}button{border:0}svg{display:block}}@layer theme{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070908;--bg-soft:#0d100f;--text:#f4f7f2;--text-soft:#a5aca6;--text-dim:#747b75;--line:#ffffff1a;--line-strong:#ffffff2b;--surface:#0e1110c2;--surface-solid:#111412;--surface-raised:#181d1ad1;--accent:#c5ff72;--accent-ink:#10170a;--accent-soft:#c5ff721f;--danger:#ff927c;--working:#ffd66f;--shadow:0 40px 120px #0000006b;--glass-blur:30px;--theme-x:calc(100vw - 48px);--theme-y:48px;--radius-xl:10px;--radius-lg:20px;--radius-md:14px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f1f2ed;--bg-soft:#e7e9e3;--text:#111510;--text-soft:#59605a;--text-dim:#777e77;--line:#0f16101c;--line-strong:#0f16102e;--surface:#f9faf6c2;--surface-solid:#f8f9f5;--surface-raised:#ffffffdb;--accent:#8c284a;--accent-ink:#fff;--accent-soft:#8c284a1c;--danger:#c93c28;--working:#a46600;--shadow:0 40px 100px #232b2421}@supports (color:oklch(70% 0.2 120)){:root{--bg:oklch(13% .009 155);--bg-soft:oklch(16% .011 155);--text:oklch(97% .008 135);--text-soft:oklch(72% .015 150);--text-dim:oklch(57% .013 150);--accent:oklch(92% .19 125);--danger:oklch(74% .15 35);--working:oklch(85% .14 85)}:root[data-theme=light]{--bg:oklch(95.5% .009 130);--bg-soft:oklch(92.5% .011 130);--text:oklch(19% .018 145);--text-soft:oklch(45% .017 145);--text-dim:oklch(57% .014 145);--accent:oklch(47% .16 5);--danger:oklch(52% .18 32);--working:oklch(53% .12 72)}}}@layer base{body{min-width:320px;min-height:100svh;color:var(--text);background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--accent) 3%, transparent), transparent 34%), var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background-color .45s,color .35s;overflow-x:hidden}body:before{z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.065;background-size:88px 88px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}button,summary,select,input{color:inherit}button,summary,select{cursor:pointer}button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{color:var(--accent-ink);background:var(--accent)}.ambient-field{z-index:0;pointer-events:none;opacity:1;width:100%;height:100%;position:fixed;inset:0}.app-shell{z-index:1;width:min(1540px,100%);min-height:100svh;margin-inline:auto;padding-inline:clamp(24px,4.5vw,78px);position:relative}.micro-label,.kicker{color:var(--text-dim);letter-spacing:.16em;text-transform:uppercase;font-size:.68rem;font-weight:700;line-height:1.3}.visually-hidden{clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}}@layer components{.browser-warning{z-index:1;min-height:100svh;color:var(--text);background:radial-gradient(circle at 50% 44%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 30%), var(--bg);grid-template-rows:auto 1fr;padding:clamp(24px,4vw,64px);display:grid;position:relative}.browser-warning-brand{color:var(--text);letter-spacing:.22em;align-items:center;gap:12px;font-size:.78rem;font-weight:800;display:flex}.browser-warning-mark{width:34px;height:34px;color:var(--accent)}.browser-warning-content{text-align:center;align-self:center;width:min(620px,100%);margin-inline:auto}.browser-warning-content h1{letter-spacing:-.06em;max-width:600px;margin:18px auto;font-size:clamp(2.8rem,7vw,5.8rem);line-height:.95}.browser-warning-description{max-width:500px;color:var(--text-soft);margin:22px auto 0;font-size:1rem;line-height:1.65}.browser-options{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:28px;display:flex}.browser-option{border:1px solid var(--line);min-width:112px;color:var(--text-soft);background:var(--surface);border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:11px 15px;font-size:.76rem;font-weight:700;display:inline-flex}.browser-option svg{fill:currentColor;flex:none;width:20px;height:20px}.browser-option[data-browser=chrome]{color:#4285f4}.browser-option[data-browser=edge]{color:#0aa7b7}.browser-option[data-browser=brave]{color:#fb542b}.browser-option[data-browser=opera]{color:#ff1b2d}.browser-option[data-browser=vivaldi]{color:#ef3939}.browser-option[data-browser=arc]{color:#a56cff}.browser-option span{color:var(--text)}.intro-screen{z-index:20;color:var(--text);background:color-mix(in srgb, var(--surface-solid) 92%, transparent);-webkit-backdrop-filter:blur(18px)saturate(.9);backdrop-filter:blur(18px)saturate(.9);place-items:center;padding:18px 20px;display:grid;position:absolute;inset:0;overflow:hidden}.startup-overlay{z-index:30;background:radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 40%), color-mix(in srgb, var(--surface-solid) 86%, transparent);-webkit-backdrop-filter:blur(18px)saturate(.9);backdrop-filter:blur(18px)saturate(.9);place-items:center;padding:24px;animation:.22s both intro-in;display:grid;position:absolute;inset:0}.startup-countdown{text-align:center;justify-items:center;display:grid}.startup-countdown strong{color:var(--accent);letter-spacing:-.1em;text-shadow:0 0 60px color-mix(in srgb, var(--accent) 24%, transparent);margin-top:12px;font-size:clamp(4rem,20cqi,7rem);font-weight:460;line-height:.8}.startup-countdown span{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;margin-top:18px;font-size:.8rem}.brand,.footer-brand{color:inherit;letter-spacing:.15em;align-items:center;gap:12px;font-size:.72rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark,.footer-mark{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:3px;width:32px;height:32px}.intro-center{z-index:1;text-align:center;align-content:center;justify-items:center;width:min(360px,100%);margin:auto;display:grid;position:relative}.intro-center h2{letter-spacing:-.055em;margin-top:0;font-size:clamp(1.3rem,4cqi,1.55rem);font-weight:520}.intro-message{max-width:280px;color:var(--text-soft);margin-top:6px;font-size:.7rem;line-height:1.4}.intro-progress{background:var(--line);width:min(220px,72%);height:2px;margin-top:12px;overflow:hidden}.intro-progress>span{transform-origin:0;background:var(--accent);width:100%;height:100%;transition:transform .22s ease-out;display:block}.intro-detail{width:min(260px,76%);color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:.6rem;overflow:hidden}.topbar{justify-content:space-between;align-items:center;min-height:88px;display:flex}.brand-mark{color:var(--accent)}.topbar-actions{align-items:center;gap:8px;display:flex}.streaming-services{justify-content:center;align-items:center;gap:8px;min-height:60px;display:flex}.streaming-services-label{color:var(--text-soft);margin-right:8px;font-size:.82rem;font-weight:400}.streaming-service{--service-color:var(--accent);aspect-ratio:1;width:44px;color:var(--text-dim);background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;text-decoration:none;transition:color .18s,border-color .18s,background .18s,transform .18s;display:grid}.streaming-service[data-service=youtube]{--service-color:#f03}.streaming-service[data-service=spotify]{--service-color:#1ed760}.streaming-service[data-service=soundcloud]{--service-color:#f50}.streaming-service[data-service=apple-music]{--service-color:#fa2d48}.streaming-service:hover{color:var(--service-color);border-color:var(--line);background:var(--surface);transform:translateY(-2px)}.streaming-service svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45px;width:22px;height:22px}.streaming-service .service-icon-fill{fill:currentColor;stroke:none}.icon-button{aspect-ratio:1;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 86%, transparent);border-radius:50%;place-items:center;width:44px;transition:border-color .18s,background .18s,transform .18s;display:grid}.icon-button:hover{border-color:var(--line-strong);background:var(--surface-raised);transform:rotate(7deg)}.icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:18px}.hero-copy{text-align:center;align-self:center;width:min(1240px,100%);max-width:none;padding-block:clamp(64px,8vw,120px) clamp(72px,8vw,120px);position:relative}.hero-copy:before{display:none}.hero-title{letter-spacing:-.085em;text-wrap:balance;margin-top:0;font-size:clamp(4.8rem,7.4vw,7.4rem);font-weight:460;line-height:.84}.hero-title span{display:block}.hero-title .hero-primary{color:var(--text);white-space:nowrap}.hero-title .hero-secondary{color:var(--text-soft)}.hero-lede{margin-top:42px;max-width:620px;color:var(--text-soft);text-wrap:pretty;margin-inline:auto;font-size:clamp(1.04rem,1.3vw,1.25rem);line-height:1.65}.console-column{justify-self:center;width:100%;max-width:620px;container:console/inline-size}.player-stage{place-items:center;width:100%;padding-block:clamp(32px,4vw,56px) clamp(36px,4vw,60px);display:grid}.playback-console{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.16);backdrop-filter:blur(var(--glass-blur)) saturate(1.16);position:relative;overflow:clip}.playback-console:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent) 65%, white), transparent);opacity:.72;height:1px;position:absolute;inset:0 18% auto}.status-message{align-items:flex-start;gap:12px;min-height:52px;margin-top:14px;padding:14px 28px 4px;display:flex}.status-indicator{aspect-ratio:1;background:var(--text-dim);border-radius:50%;flex:none;width:7px;margin-top:5px}.status-message.success .status-indicator{background:var(--accent)}.status-message.working .status-indicator{background:var(--working)}.status-message.error .status-indicator{background:var(--danger)}.status-message p{color:var(--text);font-size:.78rem;font-weight:650;line-height:1.4}.status-message>div{min-width:0}.processing-output{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.64rem;font-weight:500;line-height:1.4;display:block;overflow:hidden}.studio-content>.live-processing-status{border-bottom:1px solid var(--line);margin-top:0;padding:18px 0 22px}.live-processing-status+.mixer-section{border-top:0}.level-track{z-index:1;pointer-events:none;background:0 0;height:18px;margin-block:-9px;position:relative;overflow:hidden}.level-track>svg,.level-track>span,.level-track>span svg{width:100%;height:100%;position:absolute;inset:0}.level-track>span{transition:clip-path .22s ease-out;display:block}.level-track path{fill:none;stroke:color-mix(in srgb, var(--text-dim) 24%, transparent);stroke-linecap:round;stroke-linejoin:miter;stroke-width:1.5px;vector-effect:non-scaling-stroke}.level-track>span path{stroke:var(--accent)}.dvr-control{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 24%, transparent);padding:16px 28px 14px}.dvr-toolbar{grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.transport-button{aspect-ratio:1;border:1px solid var(--line-strong);width:34px;color:var(--text);background:var(--surface-raised);border-radius:50%;place-items:center;transition:color .16s,border-color .16s,transform .16s;display:grid}.transport-button:hover:not(:disabled){color:var(--accent);border-color:var(--accent);transform:scale(1.04)}.transport-button:disabled{cursor:wait;opacity:.42}.transport-button svg{fill:currentColor;stroke:currentColor;stroke-linecap:round;stroke-width:2px;width:16px;height:16px}.dvr-time{min-width:3.4em;color:var(--text);font-variant-numeric:tabular-nums;font-size:.76rem;font-weight:750}.dvr-position{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;font-weight:600;overflow:hidden}.live-button{border:1px solid var(--line);min-height:30px;color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;background:0 0;border-radius:999px;align-items:center;gap:6px;padding-inline:10px;font-size:.62rem;font-weight:800;transition:color .16s,border-color .16s,background .16s;display:inline-flex}.live-button span{aspect-ratio:1;background:var(--text-dim);border-radius:50%;width:6px}.live-button:hover:not(:disabled),.live-button.active{color:var(--text);border-color:color-mix(in srgb, var(--danger) 48%, var(--line));background:color-mix(in srgb, var(--danger) 8%, transparent)}.live-button:hover:not(:disabled) span,.live-button.active span{background:var(--danger);box-shadow:0 0 12px color-mix(in srgb, var(--danger) 58%, transparent)}.live-button:disabled{cursor:default}.dvr-timeline{appearance:none;background:0 0;width:100%;height:20px;margin-top:8px;display:block}.dvr-timeline::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) 0 var(--dvr-progress), color-mix(in srgb, var(--text-dim) 32%, transparent) var(--dvr-progress) 100%);border-radius:999px;height:3px}.dvr-timeline::-webkit-slider-thumb{appearance:none;border:2px solid var(--surface-solid);background:var(--accent);width:13px;height:13px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 72%, transparent);border-radius:50%;margin-top:-5px}.dvr-timeline::-moz-range-track{background:color-mix(in srgb, var(--text-dim) 32%, transparent);border-radius:999px;height:3px}.dvr-timeline::-moz-range-progress{background:var(--accent);border-radius:999px;height:3px}.dvr-timeline::-moz-range-thumb{border:2px solid var(--surface-solid);background:var(--accent);border-radius:50%;width:11px;height:11px}.dvr-timeline:disabled{cursor:wait;opacity:.38}.dvr-scale{color:var(--text-dim);font-variant-numeric:tabular-nums;justify-content:space-between;gap:16px;font-size:.57rem;font-weight:600;display:flex}.mix-control{border-bottom:1px solid var(--line);padding:14px 28px 18px}.section-heading,.drawer-heading{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.section-heading h2,.drawer-heading h3{letter-spacing:-.01em;margin-top:5px;font-size:.92rem;font-weight:650}.section-heading h2{margin-top:0}.drawer-heading>span{color:var(--text-dim);font-size:.65rem}.segmented-control{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 46%, transparent);border-radius:15px;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:17px;padding:5px;display:grid}.segmented-control button{min-height:48px;color:var(--text-soft);background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding-inline:8px;font-size:.77rem;font-weight:700;transition:color .18s,background .18s,border-color .18s,transform .18s;display:flex}.segmented-control button:hover{color:var(--text)}.segmented-control button:active{transform:scale(.98)}.segmented-control button.active{color:var(--accent-ink);border-color:color-mix(in srgb, var(--accent) 70%, white);background:var(--accent);box-shadow:0 8px 28px color-mix(in srgb, var(--accent) 13%, transparent)}.primary-action{border:1px solid color-mix(in srgb, var(--accent) 75%, white);width:calc(100% - 56px);min-height:62px;color:var(--accent-ink);background:var(--accent);box-shadow:0 18px 42px color-mix(in srgb, var(--accent) 12%, transparent);letter-spacing:-.01em;border-radius:16px;justify-content:space-between;align-items:center;margin:20px 28px 14px;padding:8px 9px 8px 23px;font-size:.9rem;font-weight:750;transition:filter .18s,transform .18s,box-shadow .18s;display:flex}.primary-action:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 22px 52px color-mix(in srgb, var(--accent) 18%, transparent);transform:translateY(-2px)}.primary-action:active:not(:disabled){transform:translateY(0)scale(.99)}.primary-action:disabled{cursor:wait;filter:saturate(.35);opacity:.52}.primary-action.stop{color:var(--text);border-color:var(--line-strong);background:var(--surface-raised);box-shadow:none}.primary-action-label{align-items:center;gap:13px;display:flex}.playback-activity{height:18px;color:var(--accent);align-items:center;gap:3px;display:flex}.playback-activity i{transform-origin:50%;background:currentColor;border-radius:999px;width:3px;height:100%;animation:.68s ease-in-out infinite alternate playback-bar}.playback-activity i:nth-child(2){animation-duration:.82s;animation-delay:-420ms}.playback-activity i:nth-child(3){animation-duration:.56s;animation-delay:-180ms}.playback-activity i:nth-child(4){animation-duration:.74s;animation-delay:-520ms}.button-disc{aspect-ratio:1;width:44px;color:var(--accent);background:var(--accent-ink);border-radius:11px;place-items:center;display:grid}.stop .button-disc{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, var(--surface-solid))}.button-disc svg{fill:currentColor;width:19px}.action-note{min-height:50px;color:var(--text-dim);text-align:center;padding:13px 28px 20px;font-size:.67rem;line-height:1.5}.studio-panel{border-top:1px solid var(--line);interpolate-size:allow-keywords}.studio-panel summary{min-height:58px;color:var(--text-soft);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding-inline:28px;font-size:.74rem;font-weight:700;list-style:none;display:flex}.studio-panel summary::-webkit-details-marker{display:none}.studio-panel summary>span{align-items:center;gap:10px;display:inline-flex}.studio-panel summary svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:17px}.studio-panel summary>i{width:18px;height:18px;position:relative}.studio-panel summary>i:before,.studio-panel summary>i:after{content:"";background:currentColor;width:10px;height:1px;transition:transform .22s;position:absolute;top:8px;left:4px}.studio-panel summary>i:after{transform:rotate(90deg)}.studio-panel[open] summary>i:after{transform:rotate(0)}.studio-panel::details-content{transition-behavior:allow-discrete;block-size:0;transition:block-size .5s cubic-bezier(.22,1,.36,1),content-visibility .5s;overflow-y:clip}.studio-panel[open]::details-content{block-size:auto}.studio-content{padding:0 28px 28px}.mixer-section,.quality-section,.session-details{border-top:1px solid var(--line);padding-top:24px}.quality-section,.session-details{margin-top:26px}.mixer-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:18px;display:grid}.mixer-channel{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-raised) 60%, transparent);border-radius:12px;flex-direction:column;align-items:center;gap:9px;min-width:0;padding:14px 8px 12px;transition:border-color .18s,background-color .18s,opacity .18s;display:flex}.mixer-channel.bus-channel{border-color:color-mix(in srgb, var(--accent) 16%, var(--line))}.mixer-channel.master-channel{border-color:color-mix(in srgb, var(--accent) 32%, var(--line));background:var(--accent-soft)}.mixer-channel>strong{width:100%;color:var(--text-soft);text-align:center;text-overflow:ellipsis;font-size:.64rem;font-weight:650;overflow:hidden}.mixer-channel>output{min-height:1rem;color:var(--accent);font-variant-numeric:tabular-nums;font-size:.65rem;font-weight:750}.mixer-channel.is-off{opacity:.58}.fader-stage{background:repeating-linear-gradient(to bottom, transparent 0 14px, color-mix(in srgb, var(--text-dim) 34%, transparent) 14px 15px);place-items:center;width:36px;height:150px;display:grid;position:relative}input[type=range].vertical-fader{appearance:none;cursor:ns-resize;writing-mode:vertical-lr;direction:rtl;background:0 0;width:28px;height:142px;margin:0}input[type=range].vertical-fader::-webkit-slider-runnable-track{border:1px solid var(--line-strong);background:linear-gradient(to top, color-mix(in srgb, var(--accent) 88%, white) 0 calc(var(--reactive-fill) * 100%), color-mix(in srgb, var(--accent) 40%, var(--surface-solid)) calc(var(--reactive-fill) * 100%) calc(var(--fader-value) * 100%), color-mix(in srgb, var(--surface-solid) 88%, transparent) calc(var(--fader-value) * 100%) 100%);border-radius:999px;width:5px;height:100%}input[type=range].vertical-fader::-webkit-slider-thumb{appearance:none;border:1px solid color-mix(in srgb, var(--accent) 58%, white);background:var(--text);border-radius:3px;width:22px;height:10px;margin-left:-9px;box-shadow:0 2px 7px #00000057}input[type=range].vertical-fader:focus-visible{outline-offset:3px}.quality-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:18px;display:grid}.quality-grid label{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-raised) 60%, transparent);border-radius:12px;justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:14px;display:flex}.quality-grid label>span{gap:4px;min-width:0;display:grid}.quality-grid strong{color:var(--text-soft);font-size:.7rem}.quality-grid small{color:var(--text-dim);font-size:.59rem;line-height:1.35}.quality-grid select{border:1px solid var(--line-strong);background:var(--surface-solid);border-radius:9px;min-width:70px;padding:9px 26px 9px 10px;font-size:.7rem;font-weight:700}.quality-grid select:disabled{cursor:not-allowed;opacity:.48}.session-details dl{border:1px solid var(--line);background:var(--line);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:18px;display:grid;overflow:hidden}.session-details dl>div{background:var(--surface-solid);min-width:0;padding:12px 10px}.session-details dt{color:var(--text-dim);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.56rem;overflow:hidden}.session-details dd{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:.64rem;font-weight:650;overflow:hidden}.steps-strip{border-block:1px solid var(--line);background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(18px)saturate(.82);backdrop-filter:blur(18px)saturate(.82);grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid;position:relative}.steps-strip li{align-items:flex-start;gap:22px;min-height:200px;padding:45px clamp(22px,3vw,48px);display:flex}.steps-strip li+li{border-left:1px solid var(--line)}.step-number{color:var(--accent);letter-spacing:.1em;font-size:.62rem;font-weight:750}.steps-strip h3{font-size:.96rem;font-weight:650}.steps-strip p{max-width:290px;color:var(--text-dim);margin-top:12px;font-size:.8rem;line-height:1.65}.site-footer{border-top:1px solid var(--line);color:var(--text-dim);padding-bottom:34px;font-size:.72rem;display:block}.site-footer-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:22px;padding-block:34px;display:flex}.footer-brand{color:var(--text-soft)}.site-footer-top p{color:var(--text-dim);font-size:.76rem}.footer-mark{width:27px;height:27px;color:var(--accent)}.site-footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 26px;padding-top:26px;display:flex}.site-footer a{color:inherit;text-decoration:none;transition:color .18s}.site-footer a:hover{color:var(--text)}.site-footer-bottom nav{gap:22px;display:flex}.footer-tech{color:var(--text-dim);letter-spacing:.18em;font-size:.56rem;font-weight:700}@keyframes intro-in{0%{opacity:0}}@keyframes playback-bar{0%{transform:scaleY(calc(.18 + var(--playback-level) * .22))}to{transform:scaleY(calc(.42 + var(--playback-level) * .58))}}}@layer responsive{@container console (width<=500px){.session-details dl{grid-template-columns:repeat(2,1fr)}.quality-grid{grid-template-columns:1fr}}@media (width>=901px) and (height<=820px){.topbar{min-height:76px}.streaming-services{min-height:52px}.player-stage{padding-block:32px 56px}.mix-control{padding-block:18px 16px}.primary-action{min-height:56px}.action-note{min-height:42px;padding-block:10px 14px}.studio-panel summary{min-height:52px}}@media (width<=1120px){.hero-title{font-size:clamp(4rem,7.5vw,6.5rem)}}@media (width<=900px){.app-shell{padding-inline:clamp(18px,5vw,44px)}.hero-copy{text-align:center;justify-self:center;max-width:680px;padding-block:72px 68px}.player-stage{padding-block:32px 44px}.hero-title{font-size:clamp(4.2rem,13vw,7.5rem)}.hero-title .hero-primary{white-space:normal}.hero-lede{margin-inline:auto}.console-column{justify-self:center;max-width:620px}.steps-strip{grid-template-columns:1fr}.steps-strip li{min-height:auto;padding-block:34px}.steps-strip li+li{border-top:1px solid var(--line);border-left:0}}@media (width<=560px){.app-shell{padding-inline:14px}.topbar{min-height:82px;padding-inline:4px}.streaming-services{flex-wrap:wrap;gap:4px;min-height:58px;padding-block:8px}.streaming-services-label{text-align:center;width:100%;margin-right:0}.brand{gap:8px;font-size:.64rem}.brand-mark{width:28px;height:28px}.hero-copy{padding:60px 8px 52px}.player-stage{padding-block:28px 48px}.hero-title{font-size:clamp(3.55rem,18vw,5.2rem)}.hero-lede{margin-top:28px;font-size:.96rem}.playback-console{border-radius:24px}.dvr-control,.mix-control{padding-left:20px;padding-right:20px}.dvr-toolbar{gap:8px}.dvr-position{font-size:.61rem}.segmented-control button{padding-inline:4px;font-size:.68rem}.primary-action{width:calc(100% - 40px);margin-inline:20px}.action-note,.studio-panel summary{padding-inline:20px}.studio-content{padding:0 20px 24px}.quality-grid{grid-template-columns:1fr}.mixer-grid{gap:5px}.mixer-channel{padding-inline:4px}.drawer-heading>span{display:none}.session-details dl{grid-template-columns:repeat(2,1fr)}.steps-strip li{padding-inline:12px}.site-footer-top,.site-footer-bottom{flex-direction:column;align-items:flex-start;gap:18px}.site-footer-bottom nav{flex-wrap:wrap}.intro-screen{padding:16px}}}@layer accessibility{@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient-field{animation:none!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--line:#ffffff40;--line-strong:#ffffff6b;--text-soft:#d5dbd5}:root[data-theme=light]{--line:#00000040;--line-strong:#0000006b;--text-soft:#293029}}@media (forced-colors:active){.ambient-field,body:before{display:none}.playback-console,.primary-action,.segmented-control button.active{box-shadow:none;border:2px solid canvastext}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.playback-console,.steps-strip{background:var(--surface-solid)}}}@property --orbit-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --signal{syntax:"<number>";inherits:true;initial-value:0}::view-transition-old(root){animation:none}::view-transition-new(root){z-index:9999;animation:.62s cubic-bezier(.22,1,.36,1) theme-reveal}@keyframes theme-reveal{0%{clip-path:circle(0 at var(--theme-x) var(--theme-y))}to{clip-path:circle(150vmax at var(--theme-x) var(--theme-y))}}