.rvd{--rv-amber: #ffad33;--rv-ink: #eee4ce;--rv-mute: #8f8576;--rv-line: rgba(255, 173, 51, .16);display:grid;grid-template-columns:minmax(300px,1.05fr) minmax(300px,1fr);gap:clamp(20px,3vw,44px);align-items:center;font-family:Barlow Condensed,Archivo,sans-serif;color:var(--rv-ink)}.rvd__pedal{position:relative}.rvd__pedal:before{content:"";position:absolute;inset:8% 4% -2%;border-radius:50%;background:radial-gradient(ellipse at 50% 60%,rgba(255,110,40,.32),transparent 65%);filter:blur(30px);z-index:0;transition:opacity .6s}.rvd.is-bypassed .rvd__pedal:before{opacity:.25}.rvd-canvas{position:relative;z-index:1;display:block;width:100%;aspect-ratio:640 / 770;touch-action:none;filter:drop-shadow(0 50px 70px rgba(0,0,0,.65))}.rvd__rack{display:grid;gap:14px;padding:22px;border-radius:22px;background:linear-gradient(180deg,#1e160ed9,#0e0b08eb);border:1px solid var(--rv-line);box-shadow:inset 0 1px #ffdcaa14,0 40px 100px -40px #000000e6}.rvd__row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--rv-line)}.rvd__k{flex:0 0 74px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--rv-mute)}.rvd__seg,.rvd__chips{display:flex;flex-wrap:wrap;gap:6px;flex:1}.rvd__seg button,.rvd__chips button{height:32px;padding:0 12px;border-radius:8px;background:linear-gradient(180deg,#2a2017,#17110b);box-shadow:inset 0 1px #ffdcaa14,0 2px #050302;color:#c9b89c;font:700 13px/1 Barlow Condensed,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:0;transition:color .2s,transform .1s,box-shadow .2s}.rvd__seg button:hover,.rvd__chips button:hover{color:#fff}.rvd__seg button[aria-checked=true],.rvd__chips button[aria-checked=true]{color:#170c00;background:linear-gradient(180deg,#ffd08a,var(--rv-amber));box-shadow:0 0 18px #ffa02873,0 1px #050302;transform:translateY(1px)}.rvd__pedalinfo{display:flex;align-items:baseline;gap:12px;flex:1;flex-wrap:wrap}.rvd__pedalinfo b{font-size:22px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--rv-amber)}.rvd__pedalinfo span{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--rv-ink)}.rvd.is-bypassed .rvd__pedalinfo [data-rv-onoff]{color:var(--rv-mute)}.rvd__hint{color:var(--rv-mute)!important;margin-left:auto}.rvd__range{flex:1;min-width:90px;accent-color:var(--rv-amber)}.rvd__transport{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.rvd__play{display:inline-flex;align-items:center;gap:12px;height:56px;padding:0 24px 0 18px;border-radius:999px;border:0;cursor:pointer;background:var(--rv-amber);color:#170c00;font:800 16px/1 Barlow Condensed,sans-serif;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 0 40px #ff961e66;transition:transform .15s,background .3s}.rvd__play:active{transform:scale(.97)}.rvd__icon{width:0;height:0;border-left:13px solid currentColor;border-top:8px solid transparent;border-bottom:8px solid transparent}.rvd.is-playing .rvd__icon{width:12px;height:14px;border:0;background:linear-gradient(90deg,currentColor 0 4px,transparent 4px 8px,currentColor 8px 12px)}.rvd.is-playing .rvd__play{background:#fff1d6}.rvd__scope{width:100%;height:56px;border-radius:12px;background:#090604;box-shadow:inset 0 0 0 1px var(--rv-line),inset 0 8px 24px #000000b3}.rvd__note{margin:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.06em;line-height:1.6;text-transform:uppercase;color:var(--rv-mute)}.rvd__row--input .rvd__seg{gap:5px}.rvd__row--input .rvd__seg button{height:30px;padding:0 10px;font-size:12px}.rvd__seg button.is-shot:not([aria-checked=true]){background:linear-gradient(180deg,#1d1712,#110d09);color:#a8977d}.rvd__meta{flex-basis:100%;padding-left:86px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--rv-amber);opacity:.85}.rvd.is-loading .rvd__play{opacity:.75;cursor:progress}@media(max-width:520px){.rvd__meta{padding-left:0}}@media(max-width:980px){.rvd{grid-template-columns:1fr}.rvd__pedal{max-width:560px;justify-self:center;width:100%}}@media(max-width:520px){.rvd__rack{padding:16px}.rvd__k{flex-basis:100%}.rvd__hint{margin-left:0}}