:root[data-rt-theme]{--rt-panel:#fff;--rt-control:#f5f7f1;--rt-hover:#e4eddb;--rt-track:#fafbf7;--rt-wave-bg:#f0f3ea;--rt-rail:#e7e8e4;--rt-status:#edf4e8;--rt-focus:#4a772c;--rt-wave:#4d7735}
:root[data-rt-theme=light]{color-scheme:light;--ink:#191c1a;--muted:#5d625d;--line:#d8ddd2;--paper:#fafaf8}
:root[data-rt-theme=dark]{color-scheme:dark;--ink:#eeeef5;--muted:#b5b5c5;--line:#393949;--paper:#0d0d14;--rt-panel:#171720;--rt-control:#232331;--rt-hover:#323247;--rt-track:#1c1c28;--rt-wave-bg:#11111b;--rt-rail:#373748;--rt-status:#232b28;--rt-focus:#a78bfa;--rt-wave:#69e6a1}
.rt-main{padding-top:55px;padding-bottom:60px}.rt-hero{display:grid;grid-template-columns:1fr 260px;gap:50px;align-items:center}.rt-hero h1{font-size:clamp(42px,6vw,78px);line-height:1.02;letter-spacing:-.055em;margin:22px 0}.rt-hero h1 em{font-style:normal;background:#bdfa72}.rt-hero p{max-width:640px}.rt-stamp{background:#bdfa72;border:1px solid var(--ink);border-radius:50%;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:32px;line-height:1.1;transform:rotate(8deg);padding:32px}.rt-stamp span{font-size:12px;line-height:1.5;margin-top:18px}.rt-privacy{padding:24px 0;font-size:13px;color:var(--muted)}.rt-panel{background:var(--rt-panel);border:1px solid var(--line);border-radius:20px;padding:30px;margin-bottom:24px}.rt-heading,.rt-track-top,.rt-track-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px}.rt-heading h2,.rt-app h2{font-size:30px;letter-spacing:-.04em;margin:0}.rt-heading .eyebrow{margin:0 0 8px}.rt-main button,.rt-upload{border:1px solid var(--line);border-radius:9px;background:var(--rt-control);color:var(--ink);padding:12px 17px;font:inherit;font-size:14px;cursor:pointer}.rt-main button:hover,.rt-upload:hover{background:var(--rt-hover)}.rt-main button:disabled{opacity:.4;cursor:default}.rt-main button:focus-visible,.rt-main select:focus-visible,.rt-main input:focus-visible{outline:3px solid var(--rt-focus);outline-offset:3px}.rt-main select{max-width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--rt-panel);color:var(--ink);font:inherit}.rt-label{display:block;font-size:12px;margin-bottom:6px}.rt-tuner{display:grid;grid-template-columns:160px 1fr 205px;gap:32px;align-items:center;margin-top:25px}.rt-note{font-size:72px;line-height:1;font-weight:600;letter-spacing:-.06em}.rt-tuner p{font-size:12px;color:var(--muted)}.rt-scale{display:flex;justify-content:space-between;font-size:11px}.rt-rail{height:26px;margin-top:18px;background:linear-gradient(90deg,var(--rt-rail) 43%,#bdfa72 43%,#bdfa72 57%,var(--rt-rail) 57%);position:relative;border-radius:8px}.rt-rail span{position:absolute;left:50%;top:-6px;height:38px;width:3px;background:var(--ink);transition:left 80ms}.rt-transport,.rt-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.rt-main .rt-record{background:#263323;color:white}.rt-clock{font:28px monospace}.rt-tracks{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rt-track{min-width:0;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--rt-track)}.rt-track h3{flex:1;margin:0;font-size:20px}.rt-number{color:var(--muted);font:14px monospace}.rt-track label{font-size:12px}.rt-track select{width:100%;font-size:13px}.rt-track-top{margin-bottom:20px}.rt-track canvas{width:100%;height:90px;background:var(--rt-wave-bg);border-radius:6px;margin-top:15px}.rt-track-bottom{font-size:11px;flex-wrap:wrap}.rt-track-bottom input{width:85px;vertical-align:middle;accent-color:var(--rt-focus)}.rt-track input[type=checkbox]{accent-color:var(--rt-focus)}.rt-actions{gap:7px;margin:18px 0 0}.rt-actions button,.rt-upload{font-size:11px;padding:9px}.rt-upload input{display:block;max-width:160px;font-size:10px;margin-top:6px}.rt-small{font-size:12px!important;line-height:1.6;color:var(--muted)}.rt-app{display:grid;grid-template-columns:1fr 300px;gap:50px;padding:35px 0;align-items:center}.rt-app img{width:100%;border-radius:16px}.rt-app p{max-width:570px}#status{padding:12px 16px;background:var(--rt-status);border-radius:8px;font-size:13px} @media(max-width:750px){.rt-hero{grid-template-columns:1fr}.rt-stamp{display:none}.rt-panel{padding:20px}.rt-tuner{grid-template-columns:100px 1fr;gap:20px}.rt-tuner>div:last-child{grid-column:1/-1}.rt-tracks{grid-template-columns:1fr}.rt-app{grid-template-columns:1fr}.rt-app img{max-width:280px}.rt-heading h2{font-size:24px}.rt-main{padding-top:30px}.rt-heading{flex-wrap:wrap}}

.rt-tone-options{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px;font-size:12px}.rt-tone-options>input{width:100px;accent-color:var(--rt-focus)}.rt-tone-options label:last-child{flex-basis:100%}.rt-tone-options input[type=checkbox]{accent-color:var(--rt-focus)}


.rt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px;font-size:11px;letter-spacing:.04em;color:var(--muted)}.rt-toolbar label{display:flex;align-items:center;gap:8px}.rt-toolbar select{font-size:12px;padding:7px 10px}.rt-hero h1 em,.rt-stamp{color:#191c1a}.rt-hero h1 em{box-decoration-break:clone;-webkit-box-decoration-break:clone}.rt-stamp{border-color:#191c1a}.rt-main .rt-record{background:#263323;color:#fff}.rt-app .button.dark{background:#bdfa72;color:#191c1a}.brand-mark{background:#191c1a}.rt-track h3{overflow-wrap:anywhere;font-size:17px;line-height:1.4}.rt-track-top>label{flex-shrink:0}
.rt-backing{margin-top:22px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--rt-track)}.rt-backing h3{font-size:21px;margin-bottom:10px}.rt-backing p{font-size:14px}.rt-backing-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:18px 0}.rt-backing-controls>label:first-child{flex:1;min-width:180px;font-size:12px}.rt-backing-controls select{display:block;width:100%;margin-top:5px;font-size:13px}.rt-backing .rt-small{margin:12px 0 0}#record-backing{margin-top:15px;background:#bdfa72;color:#191c1a;border-color:#96cc56}#backing-info{overflow-wrap:anywhere}.rt-main button:disabled{opacity:.5}
@media(max-width:500px){.rt-toolbar{align-items:start;flex-direction:column;gap:10px}.rt-backing{padding:16px}.rt-backing-controls{align-items:stretch}.rt-backing-controls>label:first-child{flex-basis:100%}.rt-track-top{gap:9px}.rt-hero h1{font-size:40px}.rt-tuner{grid-template-columns:80px minmax(0,1fr)}.rt-note{font-size:52px}}