splat-studio{display:block}
.splat-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(185px,26%);border:1px solid var(--rule);border-radius:5px;overflow:hidden;background:var(--panel)}.splat-instrument{background:var(--stage);color:var(--stage-ink);min-width:0}.splat-cap,.splat-base{padding:16px 21px;display:flex;justify-content:space-between;gap:10px;align-items:center;font:12px var(--mono);letter-spacing:.05em}.splat-cap strong{text-transform:uppercase}.splat-instrument canvas{display:block;width:100%;aspect-ratio:640/330}.splat-base{justify-content:flex-start;gap:20px}.splat-base span:first-child{color:#e5b085}.splat-base span:last-child{color:#a4d8ab}.splat-inputs{padding:22px 17px;display:grid;align-content:center;gap:18px}.splat-inputs>label{display:block;font-size:15px;font-weight:600}.splat-inputs output{float:right;color:var(--muted);font:13px var(--mono)}.splat-inputs input[type=range]{display:block;width:100%;accent-color:var(--action);min-height:30px}.splat-inputs fieldset{display:flex;flex-wrap:wrap;gap:5px 10px;border:0;margin:0;padding:0}.splat-inputs legend{font-weight:600;margin-bottom:4px}.splat-inputs fieldset label{display:flex;align-items:center;min-height:32px;gap:3px;font-size:14px}.splat-inputs input[type=radio]{accent-color:var(--action)}.splat-inputs button{background:transparent;border:1px solid var(--control-border);padding:10px 12px;border-radius:3px;cursor:pointer}.splat-note{grid-column:1/-1;padding:13px 18px;background:var(--paper);font-size:14px;line-height:1.5;color:var(--muted)}
@media(max-width:650px){.splat-panel{grid-template-columns:1fr}.splat-inputs{grid-template-columns:1fr 1fr;align-items:center;gap:13px}.splat-cap,.splat-base{font-size:11px;padding:12px}.splat-inputs fieldset{grid-column:1/-1}.splat-inputs button{grid-column:1/-1}.splat-note{font-size:13px}}