@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-weight:200 800;font-display:swap;src:url("./bricolage-grotesque-latin-wght-normal-HY2A4V5R.woff2") format("woff2")}:root{--paper:#f4f1e9;--ink:#121313;--muted:#666962;--yellow:#f4ff71;--peach:#eeb49d;--sage:#c2d4ca;--lilac:#d7d0e3;--blue:#bbd0e0;--line:#dbd8cf;--white:#fffdf9;font-family:Bricolage Grotesque Variable,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.6}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed}button:disabled{opacity:.42}a{color:inherit;text-underline-offset:4px}button,a,input,select,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #966043}::selection{background:var(--yellow);color:var(--ink)}[hidden]{display:none!important}svg{display:block}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:15px;z-index:20;background:var(--yellow);padding:10px 20px}.skip:focus{top:8px}.topbar{height:35px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;font-weight:600}.topbar span{font-weight:400;color:#d7d9d2}.topbar .icon{width:17px;height:17px;color:var(--yellow)}.header{max-width:1440px;margin:auto;min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 4%}.brand{display:inline-flex;align-items:center;text-decoration:none;font-size:24px;font-weight:750;letter-spacing:-.7px;line-height:1.2}.brand-mark{background:var(--ink);color:var(--yellow);border-radius:10px;width:36px;height:36px;display:grid;place-items:center;margin-right:10px}.brand-mark .icon{width:26px;height:26px;stroke-width:2}.brand-dot{color:#b35f46}.header nav{display:flex;align-items:center;gap:30px;font-size:14px;color:#54574f}.header nav>a{text-decoration:none}.header nav>a:hover{color:var(--ink)}.header-cta{display:flex;align-items:center;gap:13px;font-size:13px;text-decoration:none;background:var(--yellow);border:1px solid #dce365;padding:11px 18px;border-radius:28px;font-weight:650}.header-cta .icon{width:17px;height:17px}.nav-tools{position:relative}.nav-tools summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px}.nav-tools summary::-webkit-details-marker{display:none}.nav-tools>div{position:absolute;top:40px;left:-18px;z-index:10;background:var(--white);border:1px solid var(--line);border-radius:12px;min-width:235px;padding:8px}.nav-tools>div a{display:block;text-decoration:none;padding:9px 11px;border-radius:6px}.nav-tools>div a:hover{background:var(--paper)}.hero{text-align:center;padding:23px 20px 22px}.hero h1{font-size:clamp(38px,5.3vw,72px);font-weight:760;line-height:1.12;letter-spacing:-.04em;margin:0;text-wrap:balance;text-shadow:2px 3px 0 var(--peach)}.hero-lead{font-size:17px;color:#5b5d55;margin:14px 0 0}.mode-nav{display:flex;justify-content:center;gap:9px;margin:5px auto 25px;padding:0 18px}.mode-link{display:flex;align-items:center;gap:9px;text-decoration:none;border:1px solid transparent;border-radius:11px;padding:10px 17px;font-size:14px;font-weight:600;background:#e9e6df;transition:background .15s,transform .15s}.mode-link:hover{transform:translateY(-2px)}.mode-link .icon{width:21px;height:21px}.mode-link.active{background:var(--ink);color:var(--white)}.mode-link.peach:not(.active){background:#edcabc}.mode-link.sage:not(.active){background:var(--sage)}.mode-link.lilac:not(.active){background:var(--lilac)}.mode-link.blue:not(.active){background:var(--blue)}.studio{max-width:1080px;margin:0 auto;background:var(--white);border:1px solid #d3d1c7;border-radius:16px;overflow:hidden;scroll-margin-top:20px}.studio-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 25px;border-bottom:1px solid var(--line);font-size:13px;font-weight:600}.studio-heading>div{display:flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;border-radius:50%;background:#658d70}.privacy-note{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:400}.privacy-note .icon{width:15px;height:15px}.workbench{display:grid;grid-template-columns:1.3fr 1fr;min-height:417px}.track-panel{display:flex;padding:24px;border-right:1px solid var(--line);min-width:0}.dropzone{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;border:1px dashed #c8c4b9;border-radius:10px;background:#f9f7f2;text-align:center;padding:15px 12px}.dropzone.is-dragging{background:#f4ffbd;border:2px dashed #697219}.dropzone h2{font-size:20px;letter-spacing:-.4px;line-height:1.3;margin:10px 0 4px}.dropzone p{font-size:14px;color:var(--muted);margin:0 0 17px}.dropzone small{font-size:11px;color:#6b6a62;margin-top:11px;display:block}.dropzone .codec-note{font-size:10px;margin-top:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:25px;font-size:14px;font-weight:650;line-height:1.3;padding:13px 22px;min-height:45px;text-decoration:none;transition:background .15s,transform .15s}.button .icon{width:18px;height:18px}.button:hover:not(:disabled){transform:translateY(-1px)}.button-dark{background:var(--ink);color:var(--white)}.button-dark:hover{background:#33352f}.button-yellow{background:var(--yellow);color:var(--ink)}.button-yellow:hover:not(:disabled){background:#e7f34f}.button-outline{border:1px solid #c5c2b8;background:transparent;color:var(--ink)}.text-button{border:0;background:transparent;color:#5f6259;font-size:12px;padding:8px 0;display:inline-flex;align-items:center;gap:7px;text-decoration:underline;text-underline-offset:4px;min-height:38px}.text-button .icon{width:15px;height:15px}.record-art{height:132px;width:208px;position:relative;margin:4px 0 0}.record-sleeve{height:120px;width:120px;background:var(--peach);position:absolute;left:10px;top:3px;z-index:2;transform:rotate(-7deg);padding:12px 10px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;border:1px solid #ce8d76}.record-sleeve>span:first-child{font-size:11px;line-height:1.1;font-weight:800;letter-spacing:-.3px}.record-sleeve>span:last-child{font-size:5.5px;letter-spacing:1px;font-weight:600}.record-sleeve svg{position:absolute;width:97px;height:50px;left:10px;bottom:20px;fill:none;stroke:#8d533f;stroke-width:1}.vinyl{width:120px;height:120px;position:absolute;left:80px;top:3px;border-radius:50%;background:repeating-radial-gradient(circle at center,#252723 0 2px,#33352f 3px,#252723 4px);display:grid;place-items:center;border:1px solid #0a0b0a;transform:rotate(14deg)}.vinyl-label{border-radius:50%;width:43px;height:43px;background:var(--yellow);font-size:25px;font-weight:800;display:flex;align-items:center;justify-content:center}.vinyl-label span{font-size:7px;padding:2px 0 0 3px}.record-shadow{position:absolute;bottom:0;left:15px;width:170px;height:13px;border-radius:50%;background:#bab7ab;filter:blur(8px);opacity:.35}.control-panel{padding:22px 27px 18px;min-width:0}.control-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.control-heading h2{margin:0;font-size:18px;letter-spacing:-.3px}.icon-button{background:transparent;border:0;color:#717368;padding:7px;min-width:38px;min-height:38px;display:grid;place-items:center}.icon-button .icon{width:18px;height:18px}.control{margin-bottom:16px}.control label{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;margin-bottom:9px}.control output{font-size:17px;font-weight:650;line-height:1;font-variant-numeric:tabular-nums}.range-labels{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#737469;margin-top:2px}input[type=range]{display:block;width:100%;height:18px;margin:0;appearance:none;background:transparent;cursor:pointer;accent-color:var(--ink)}input[type=range]::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,var(--ink) var(--fill,50%),#dedfd4 var(--fill,50%));border-radius:3px}input[type=range]::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border:3px solid var(--white);outline:1px solid var(--ink);border-radius:50%;background:var(--ink);margin-top:-5.5px}input[type=range]::-moz-range-track{height:4px;background:#dedfd4;border-radius:3px}input[type=range]::-moz-range-progress{background:var(--ink);height:4px}input[type=range]::-moz-range-thumb{width:10px;height:10px;border:3px solid var(--white);outline:1px solid var(--ink);border-radius:50%;background:var(--ink)}input[type=range]:disabled{opacity:.35}.pitch-header{margin:2px 0 13px}.switch-label{font-size:12px;display:flex;align-items:center;gap:9px;cursor:pointer;position:relative;min-height:26px}.switch-label input{position:absolute;width:31px;height:20px;opacity:0;left:0}.switch-track{width:31px;height:18px;border-radius:12px;background:#c9cbc1;position:relative;transition:background .15s}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;background:#fff;border-radius:50%;transition:transform .15s}.switch-label input:checked+.switch-track{background:#444e37}.switch-label input:checked+.switch-track:after{transform:translate(13px)}.switch-label input:focus-visible+.switch-track{outline:3px solid #966043;outline-offset:4px}.pitch-control{margin-bottom:14px}.preset-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:#f0ede5;border:1px solid #d8d3c9;border-radius:9px;font-size:12px;font-weight:650;padding:10px}.preset-button>.icon{height:17px;width:17px}.preset-button>.icon:last-child{margin-left:auto}.preset-button:hover{background:#e6e3d9}.preset-description{text-align:center;font-size:10px;color:var(--muted);margin:6px 0 0}.lofi-option{display:flex;align-items:center;gap:7px;font-size:11px;margin-bottom:12px}.lofi-option input{accent-color:var(--ink)}.transport{display:flex;align-items:center;gap:15px;background:var(--ink);color:var(--white);padding:18px 24px}.play-button{width:43px;height:43px;background:var(--white);border:0;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.play-button .icon{width:21px;height:21px;fill:var(--ink);stroke:var(--ink)}.play-button .icon:has(use[href="#i-pause"]){fill:none;stroke-width:4}.playback{flex:1;min-width:0}.playback-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px;font-size:11px}.playback-label>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:72%}.playback-label>span:last-child{font-size:10px;color:#c5c8bb;font-variant-numeric:tabular-nums;white-space:nowrap}.playback input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,var(--yellow) var(--fill,0%),#4a4c43 var(--fill,0%))}.playback input[type=range]::-webkit-slider-thumb{height:9px;width:9px;outline:0;border:0;background:var(--yellow);margin-top:-3px}.export-group{display:flex;gap:8px;align-items:center;margin-left:15px}.export-group select{color:var(--white);background:#292c26;border:1px solid #55574e;border-radius:6px;padding:10px 7px;font-size:11px;max-width:140px}.export-group .button{padding:12px 17px;font-size:12px;white-space:nowrap}.status-row{padding:9px 24px;min-height:39px;display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.status-row p{margin:0;flex:1}.status-row .text-button{font-size:11px;padding:0;min-height:25px}.status-row progress{width:100px;height:5px;accent-color:#5b7047}.status-row.is-error{color:#9f2d21;background:#fff0eb}.trust-row{display:flex;justify-content:center;gap:28px;padding:16px 10px 22px;font-size:11px;color:var(--muted)}.trust-row>span{display:flex;align-items:center;gap:6px}.trust-row .icon{height:13px;width:13px}.track-loaded{width:100%;display:flex;flex-direction:column;align-items:center;padding:8px 0}.track-meta{display:flex;gap:12px;align-items:center;width:100%;min-width:0}.track-meta>div{flex:1;min-width:0}.track-meta h2{font-size:15px;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-meta p{font-size:11px;margin:2px 0 0;color:var(--muted)}.track-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:10px;background:var(--sage);flex-shrink:0}.waveform-wrap{width:100%;margin:28px 0 14px;background:#f0ede5;border-radius:10px;padding:16px 13px 10px}.waveform-wrap canvas{width:100%;height:125px;display:block}.waveform-caption{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.track-note{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px;margin:6px 0 17px}.track-note .icon{width:16px;height:16px}.track-loaded .button{font-size:12px;padding:10px 18px;min-height:40px}.track-loaded .button[aria-pressed=true]{background:var(--yellow)}.reading-layout{max-width:1080px;margin:75px auto 0;display:grid;grid-template-columns:235px 1fr;gap:75px;border-top:1px solid var(--line);padding:46px 0 0}.contents{align-self:start;position:sticky;top:30px;font-size:12px}.contents>span{font-weight:650;display:block;margin-bottom:16px}.contents nav{display:flex;flex-direction:column;gap:12px}.contents a{text-decoration:none;color:var(--muted);line-height:1.5}.contents a:hover{color:var(--ink);text-decoration:underline}.prose{font-size:16px;line-height:1.8;max-width:73ch;min-width:0;color:#4c4e45}.prose p{margin:0 0 18px}.prose .intro-copy{font-size:18px;line-height:1.8;color:#34372e}.prose section{scroll-margin-top:30px}.prose h2{font-size:28px;line-height:1.25;letter-spacing:-.7px;color:var(--ink);margin:44px 0 19px;font-weight:680;text-wrap:balance}.prose h3{font-size:20px;line-height:1.4;color:var(--ink);margin:27px 0 12px;font-weight:650}.prose ul,.prose ol{padding-left:23px;margin:0 0 20px}.prose li{padding-left:5px;margin:8px 0}.prose a{color:#644738;text-decoration-color:#a28673}.prose a:hover{text-decoration-thickness:2px}.table-scroll{max-width:100%;overflow-x:auto;margin:25px 0;font-size:13px}table{border-collapse:collapse;text-align:left;width:100%;min-width:420px}th{background:#e9e6dc;color:var(--ink);font-weight:650}td,th{padding:11px 13px;border-bottom:1px solid var(--line);vertical-align:top}td:first-child{color:var(--ink);font-weight:500}.faq{margin-bottom:30px}.faq details{border-bottom:1px solid var(--line)}.faq details:first-of-type{border-top:1px solid var(--line)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:25px;list-style:none;padding:19px 0;font-size:16px;line-height:1.4;font-weight:550;color:var(--ink);cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:24px;font-weight:400;line-height:1}.faq details[open] summary>span{transform:rotate(45deg)}.faq-answer{padding:0 25px 20px 0;font-size:15px;line-height:1.8}.final-cta{max-width:1080px;margin:80px auto;background:var(--sage);padding:44px 50px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:30px}.final-cta h2{font-size:42px;line-height:1.13;letter-spacing:-1.3px;margin:0 0 14px;font-weight:700}.final-cta p{font-size:15px;margin:0;color:#425449}.final-cta .button{white-space:nowrap}footer{background:#eae7df;padding:42px 4% 22px}.footer-inner,.footer-bottom{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:30px}.footer-inner .brand{font-size:23px}.footer-inner p{font-size:13px;color:var(--muted);margin:12px 0}.footer-links{display:flex;gap:25px;align-items:center;flex-wrap:wrap;font-size:12px}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #d2d0c5;padding-top:20px;margin-top:25px;font-size:11px;color:var(--muted)}.article-hero{max-width:900px;margin:35px auto 0;text-align:left;padding:0 20px}.article-hero h1{font-size:clamp(35px,5vw,62px);text-shadow:2px 2px 0 var(--peach);margin:25px 0 23px}.back-link{font-size:13px;text-decoration:none;color:var(--muted)}.article-intro{font-size:19px;line-height:1.7;color:#4b4d44;margin:0}.article-hero+.reading-layout{margin-top:50px}.legal{margin:60px auto 90px;padding:0 22px;max-width:800px;min-height:50vh}.legal h1{font-size:48px;line-height:1.15;color:var(--ink);letter-spacing:-1.5px}.not-found{text-align:center;min-height:55vh;padding:90px 20px}.not-found h1{font-size:60px;line-height:1.1;letter-spacing:-2px}.not-found p{color:var(--muted);margin-bottom:25px}@media(min-width:1500px){.hero{padding-top:35px;padding-bottom:27px}.mode-nav{margin-bottom:30px}.workbench{min-height:440px}.record-art{margin-bottom:10px}}@media(max-width:1150px){.studio,.reading-layout,.final-cta{margin-left:25px;margin-right:25px}.header nav{gap:20px}.reading-layout{gap:40px;grid-template-columns:190px 1fr}.transport{gap:12px}.export-group{margin-left:5px}.playback-label>span:first-child{max-width:55%}}@media(max-width:800px){.header{padding:16px 22px;min-height:75px}.header nav>a:last-child{display:none}.header nav{gap:15px}.header-cta{display:none}.hero h1{font-size:48px}.hero-lead{font-size:15px}.workbench{grid-template-columns:1.1fr 1fr}.track-panel{padding:16px}.control-panel{padding:18px}.dropzone h2{font-size:18px}.transport{flex-wrap:wrap}.playback{flex-basis:75%}.export-group{margin:0 0 0 auto}.reading-layout{grid-template-columns:1fr;gap:0;margin-top:48px;padding-top:25px}.contents{display:none}.prose{margin:auto;width:100%}.footer-inner{flex-direction:column;gap:15px}.footer-links{gap:20px}.final-cta{padding:35px}.final-cta h2{font-size:34px}}@media(max-width:600px){.topbar{height:29px;font-size:10px;gap:10px}.topbar span{display:none}.topbar .icon{height:13px;width:13px}.header{padding:13px 18px;min-height:64px;gap:15px}.brand{font-size:21px}.brand-mark{width:31px;height:31px;border-radius:8px;margin-right:7px}.brand-mark .icon{width:22px;height:22px}.header nav{font-size:12px}.header nav>a{display:none}.nav-tools>div{left:auto;right:0}.hero{padding:17px 14px 15px}.hero h1{font-size:37px;letter-spacing:-1.4px;text-shadow:1.5px 2px 0 var(--peach)}.hero-lead{font-size:13px;max-width:310px;margin:11px auto 0}.mode-nav{gap:6px;margin:3px auto 15px;padding:0 12px;display:grid;grid-template-columns:repeat(4,1fr)}.mode-link{padding:9px 4px;font-size:10px;gap:5px;flex-direction:column;line-height:1.1;border-radius:9px}.mode-link .icon{height:20px;width:20px}.studio{margin-left:12px;margin-right:12px;border-radius:12px}.studio-heading{padding:11px 13px;font-size:11px}.privacy-note{font-size:0;gap:0}.privacy-note .icon{height:15px;width:15px}.workbench{display:flex;flex-direction:column;min-height:0}.track-panel{padding:13px;border-right:0;border-bottom:1px solid var(--line)}.dropzone{min-height:223px;padding:13px 8px 8px}.record-art{display:none}.dropzone h2{font-size:18px;margin-top:2px}.dropzone p{font-size:12px;margin-bottom:13px}.dropzone small{font-size:10px;margin-top:9px}.dropzone .codec-note{font-size:9px}.dropzone .text-button{font-size:11px;min-height:30px}.dropzone .button{min-height:44px;padding:12px 22px}.control-panel{padding:16px 18px}.control-heading{margin-bottom:12px}.control-heading h2{font-size:17px}.control{margin-bottom:17px}.control label{font-size:13px;margin-bottom:8px}.control output{font-size:17px}.range-labels{font-size:10px}.control input[type=range]{height:23px}.control input[type=range]::-webkit-slider-thumb{height:18px;width:18px;margin-top:-7px}.pitch-header{margin-top:3px;margin-bottom:12px}.switch-label{font-size:12px;min-height:32px}.preset-button{min-height:43px;font-size:12px}.preset-description{font-size:11px;margin-top:6px}.transport{padding:16px;gap:11px}.play-button{width:42px;height:42px}.playback{flex-basis:70%}.playback-label>span:first-child{max-width:55%;font-size:10px}.playback-label>span:last-child{font-size:9px}.export-group{width:100%;margin:5px 0 0;gap:9px}.export-group select{max-width:none;flex:1;font-size:12px;min-height:43px}.export-group .button{flex:1;font-size:12px;min-height:43px;padding:12px}.status-row{font-size:10px;padding:9px 13px;flex-wrap:wrap}.status-row progress{width:65px}.status-row p{flex-basis:65%}.trust-row{gap:12px;font-size:9px;padding:14px 5px}.trust-row .icon{width:11px;height:11px}.trust-row>span{gap:3px}.track-loaded{padding:2px 0}.track-meta h2{font-size:13px}.waveform-wrap{margin:16px 0 6px}.waveform-wrap canvas{height:95px}.track-note{font-size:11px;margin:5px 0 8px}.track-loaded .button{margin-bottom:2px;min-height:44px}.reading-layout{margin:28px 20px 0;padding-top:25px}.prose{font-size:16px;line-height:1.8}.prose .intro-copy{font-size:17px}.prose h2{font-size:25px;margin-top:35px}.prose h3{font-size:20px}.table-scroll{font-size:12px;margin:22px 0}.table-scroll table{min-width:335px}td,th{padding:10px}.faq summary{font-size:15px;gap:15px}.faq-answer{font-size:14px;padding-right:5px}.final-cta{margin:45px 15px;padding:29px;flex-direction:column;align-items:flex-start;gap:22px;border-radius:12px}.final-cta h2{font-size:34px}.final-cta p{font-size:14px}footer{padding:30px 20px 20px}.footer-links{gap:13px 22px;font-size:11px}.footer-bottom{font-size:10px;gap:15px}.article-hero{margin:15px auto 0}.article-hero h1{font-size:37px;margin-top:20px}.article-intro{font-size:17px}.article-hero+.reading-layout{margin-top:30px}.legal{margin:25px auto 50px}.legal h1{font-size:37px}.not-found{padding:60px 20px}.not-found h1{font-size:43px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.button-wav{background:#30332b;border:1px solid #777b6b;color:var(--white)}.button-wav:hover:not(:disabled){background:#424738}.format-detail{font-size:9px;font-weight:450;opacity:.8}.mode-nav{flex-wrap:wrap}.mode-link{min-height:44px;line-height:1.25}.mode-link.practice:not(.active){background:#e9e6df}.mode-link.active{border-color:var(--ink)}.studio-heading>div{min-width:0}.live-dot{flex-shrink:0}.studio-details{width:100%;border-top:1px solid var(--line);text-align:left}.studio-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 0;list-style:none;cursor:pointer;font-size:13px;font-weight:600;line-height:1.4}.studio-details summary::-webkit-details-marker{display:none}.studio-details summary>.icon{width:16px;height:16px;transform:rotate(90deg);transition:transform .18s}.studio-details[open] summary>.icon{transform:rotate(-90deg)}.studio-details summary:hover{color:#75513e}.details-body{padding:3px 0 15px}.practice-panel{margin-top:18px}.preview-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;width:100%}.preview-actions .button{min-height:44px}.preview-actions .button-dark .icon{fill:currentColor;stroke:currentColor}.preview-actions .button-dark .icon:has(use[href="#i-pause"]){fill:none;stroke-width:4}.saved-settings{margin-top:14px}.field-group{display:flex;flex-direction:column;gap:6px;min-width:0}.field-group>label{font-size:12px;font-weight:600;line-height:1.4}.field-group input,.field-group select{width:100%;min-width:0;min-height:44px;padding:9px 11px;border:1px solid #bdbbb0;border-radius:8px;background:var(--white);color:var(--ink);font-size:16px;line-height:1.4;caret-color:var(--ink)}.field-group input::placeholder{color:#666962;opacity:1}.field-group input[type=number]{font-variant-numeric:tabular-nums}.field-group input:disabled,.field-group select:disabled{background:#efede5;color:#73756b;cursor:not-allowed;opacity:.7}.field-group input[aria-invalid=true]{border-color:#9f2d21;background:#fff0eb}.field-help{font-size:12px;line-height:1.55;color:var(--muted);margin:10px 0 0;overflow-wrap:anywhere}.check-option{display:flex;align-items:center;gap:9px;min-height:44px;font-size:12px;line-height:1.45;cursor:pointer}.check-option input{width:18px;height:18px;margin:0;accent-color:var(--ink);flex-shrink:0}.check-option:has(input:disabled){color:#73756b;cursor:not-allowed}.lofi-option{margin-bottom:10px}.selection-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:8px}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:9px 12px;background:#f0ede5;color:var(--ink);border:1px solid #c8c4b9;border-radius:8px;font-size:12px;font-weight:600;line-height:1.35}.secondary-button:hover:not(:disabled){background:#e6e3d9}.selection-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.selection-actions .check-option{min-width:0}.selection-actions .text-button{flex-shrink:0}.preset-save-row{display:flex;gap:8px;min-width:0}.preset-save-row input{flex:1}.preset-save-row .secondary-button{flex-shrink:0;padding-inline:15px}.saved-settings .field-group+.field-group{margin-top:12px}.saved-actions{display:flex;align-items:center;gap:18px;margin-top:10px}.render-options{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;padding:13px 24px;border-top:1px solid var(--line);background:#f8f6f0}.render-options .field-group{flex-direction:row;align-items:center;gap:10px}.render-options .field-group>label{flex-shrink:0;min-width:45px}.render-options select{font-size:14px}.text-button,.icon-button,.preset-button,.switch-label,.play-button,.track-loaded .button{min-height:44px}.icon-button,.play-button{min-width:44px}input[type=range],.control input[type=range]{height:44px}.control{margin-bottom:10px}.control label{margin-bottom:2px}.range-labels{margin-top:-3px;color:#666962}.pitch-header{margin-bottom:4px}.switch-label input{top:12px}.preset-description{font-size:12px;line-height:1.45}.playback-label{margin-bottom:0}.status-row .text-button,.dropzone .text-button{min-height:44px}.nav-tools summary{min-height:44px}.nav-tools>div a{min-height:44px}@media(max-width:800px){.render-options{padding-inline:18px;gap:14px}.render-options .field-group{flex-direction:column;align-items:stretch;gap:5px}}@media(max-width:600px){.mode-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.mode-link{min-width:0;min-height:63px;padding:8px 3px;font-size:10px;gap:5px;justify-content:flex-start;text-align:center}.mode-link span{overflow-wrap:normal}.mode-link .icon{width:18px;height:18px}.studio-heading{min-height:44px}.render-options{grid-template-columns:minmax(0,1fr);padding:12px 16px;gap:8px}.render-options .field-group{flex-direction:row;align-items:center;gap:10px}.render-options .field-group>label{min-width:48px}.render-options select{font-size:16px}.export-group .button{min-height:44px;min-width:0}.play-button{width:44px;height:44px}.selection-fields{gap:10px}.selection-actions{gap:8px}.field-group>label,.studio-details summary{font-size:13px}.practice-panel{margin-top:14px}.saved-settings{margin-top:12px}.header{padding-block:8px}}.analytics-notice{max-width:1080px;margin:8px auto 16px;padding:14px 18px;border:1px solid #d3d1c7;border-radius:12px;background:#fffdf8;display:flex;align-items:center;gap:18px;color:#242720;font-size:13px;line-height:1.5}.analytics-notice[hidden]{display:none}.analytics-copy{flex:1;min-width:0}.analytics-copy h2{font-size:15px;margin:0 0 3px;line-height:1.4}.analytics-copy p{margin:0}.analytics-copy a{color:inherit}.analytics-actions{display:flex;gap:8px;flex-shrink:0}.analytics-actions button{border:1px solid #c5c2b8;border-radius:22px;min-height:44px;padding:9px 15px;background:#fffdf8;color:#242720;font:inherit;font-weight:600;cursor:pointer}.analytics-actions button:first-child{background:#242720;color:#fffdf8;border-color:#242720}.analytics-actions button:focus-visible,.analytics-preferences:focus-visible{outline:3px solid #966043;outline-offset:3px}.analytics-preferences{background:none;border:0;color:inherit;padding:0;min-height:30px;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.analytics-status{font-size:12px;margin-top:4px!important}@media(max-width:700px){.analytics-notice{margin:8px 12px 14px;padding:12px 14px;flex-wrap:wrap;gap:10px}.analytics-copy{flex-basis:100%}.analytics-actions{flex-wrap:wrap;gap:8px}.analytics-actions button{font-size:12px;padding:9px 13px}}