:root{color-scheme:light;--ink:#173e40;--muted:#547173;--cream:#f6f4eb;--line:#cad8ce;--mint:#e6eee4;--orange:#d26235}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header,main{max-width:1180px;margin:auto}header{padding:25px 28px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.wordmark{font-weight:800;text-decoration:none;color:var(--ink);letter-spacing:-.04em}.wordmark span{font-weight:400;letter-spacing:0}.local{font-size:12px;color:var(--muted)}main{padding:52px 28px 20px}.intro{max-width:740px;margin-bottom:40px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;margin:0 0 12px}h1{font-size:clamp(48px,7.5vw,88px);line-height:1.02;letter-spacing:-.065em;margin:0 0 25px;font-weight:780}h1 span{color:var(--orange)}.lead{max-width:590px;font-size:19px;line-height:1.6;margin:0 0 24px}.example{border:0;background:var(--ink);color:white;padding:13px 20px;border-radius:5px;font:inherit;font-weight:650;cursor:pointer}.example span{padding-left:25px}.example-note{font-size:12px;color:var(--muted);margin:9px 0}.studio{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fffdf8}.studio-title{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--line);background:var(--mint)}.studio-title .eyebrow{margin:0}.subtle{background:none;border:0;color:var(--ink);text-decoration:underline;font:inherit;font-size:13px;cursor:pointer}.inputs{display:grid;grid-template-columns:1fr 1fr}.track{padding:28px 25px;min-width:0}.track+.track{border-left:1px solid var(--line)}.track-head{display:flex;align-items:center;gap:12px;margin-bottom:22px}.number{background:var(--mint);font-size:11px;font-weight:800;padding:7px 10px;border-radius:100%}.orange{background:#f8dfcc;color:#7d3c21}h2{font-size:23px;line-height:1.2;letter-spacing:-.035em;margin:0}.pick{display:block;font-size:15px;font-weight:650;margin:0 0 10px}.pick span{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:4px}input[type=file]{font:inherit;font-size:12px;width:100%;padding:8px;border:1px solid var(--line);border-radius:5px;background:white}input[type=file]::file-selector-button{background:var(--mint);color:var(--ink);border:0;border-radius:3px;padding:8px 9px;margin-right:8px;cursor:pointer}.file-info{font-size:12px;color:var(--muted);word-break:break-word}canvas{display:block;width:100%;height:76px;background:#edf1e8;border-radius:5px}.preset{display:flex;align-items:center;gap:12px;margin:0 0 15px}.preset span{font-size:11px;color:var(--muted)}.pill{border:1px solid var(--ink);background:var(--mint);border-radius:20px;color:var(--ink);font:inherit;font-size:12px;padding:7px 12px;cursor:pointer}.pill[aria-pressed=false]{background:transparent;border-color:var(--line)}.small{font-size:12px}.hint{font-size:12px;color:var(--muted);line-height:1.6}audio{width:100%;height:36px;margin-top:10px}audio[hidden],section[hidden],p[hidden]{display:none}.mix{border-top:1px solid var(--line);padding:23px 25px;display:flex;align-items:center;justify-content:space-between;gap:35px}.sensitivity{display:grid;grid-template-columns:auto 1fr auto;gap:9px 14px;max-width:700px;align-items:center;font-size:13px}.sensitivity p{grid-column:1/-1;color:var(--muted);font-size:12px;max-width:580px;margin:0}input[type=range]{accent-color:var(--ink);width:100%;min-width:100px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;white-space:nowrap;font:inherit;font-weight:700;font-size:14px;text-decoration:none;color:white;background:var(--ink);border:0;border-radius:5px;padding:15px 20px;cursor:pointer}.primary:disabled{opacity:.4;cursor:not-allowed}#status{padding:0 25px 20px;margin:0;font-size:13px;color:var(--muted)}#error{background:#fee6d9;color:#782814;padding:15px 25px;margin:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.result{padding:28px 25px;background:var(--mint);border-top:1px solid var(--line)}.result-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.result-head p:last-child{font-size:12px;color:var(--muted);margin:10px 0 0}.result .eyebrow{color:var(--muted);margin-bottom:6px}.result canvas{height:95px;background:#d3e1d4}.details{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin:45px 0 40px}.details p{font-size:14px;color:var(--muted)}.details h2{font-size:23px}.offer{border-left:3px solid var(--orange);padding-left:25px}.offer a{color:var(--ink);font-weight:700;font-size:14px}footer{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;font-size:12px;color:var(--muted);gap:12px}footer a{color:inherit}@media(max-width:720px){header{padding:18px}.local{font-size:10px;max-width:125px;text-align:right}main{padding:35px 16px 10px}.intro{margin-bottom:30px}.lead{font-size:17px}.inputs,.details{grid-template-columns:1fr}.track+.track{border-left:0;border-top:1px solid var(--line)}.track,.studio-title,.mix,.result{padding:20px}.mix{align-items:stretch;flex-direction:column;gap:18px}.sensitivity{grid-template-columns:1fr auto}.sensitivity input{grid-row:2;grid-column:1/-1}.sensitivity output{grid-column:2;grid-row:1}.sensitivity p{grid-row:3}.result-head{align-items:stretch;flex-direction:column}.result-head .primary{align-self:flex-start}.details{gap:25px;margin:32px 5px}.offer{padding-left:18px}footer{flex-wrap:wrap}.preset{flex-wrap:wrap}}