.drum-scope{border:1px solid var(--tone-ef967f44,#ef967f44);border-radius:12px;padding:12px;background:radial-gradient(ellipse at top left,var(--tone-ef967f0b,#ef967f0b),transparent 65%),var(--tone-101a20,#101a20);margin:8px 0 14px;grid-column:1/-1}.drum-scope-head{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.08em;color:var(--tone-efb29d,#efb29d);margin-bottom:10px}.drum-scope-head span{color:var(--tone-8dafa9,#8dafa9)}.drum-scope-plots{display:grid;grid-template-columns:3fr 1fr;gap:10px}.drum-scope-wave,.drum-scope-transfer,.drum-scope-envelope{position:relative;height:90px;background-size:100% 100%;background-repeat:no-repeat;background-color:var(--tone-ffffff02,#ffffff02);border:1px solid var(--tone-ffffff0d,#ffffff0d);border-radius:6px;overflow:hidden}.drum-scope-envelope{height:30px;margin-top:8px}.drum-scope-cursor{position:absolute;top:0;bottom:0;width:2px;background:var(--tone-aef0d3,#aef0d3);box-shadow:0 0 8px var(--tone-aef0d399,#aef0d399)}.drum-scope-caption{font-size:9px;color:var(--tone-819aa2,#819aa2);line-height:1.6;margin:8px 0 0}.drum-wave-preview:has(.drum-scope){height:auto;border:0;background:none}.drum-scope-plots>div:focus-visible{outline:2px solid var(--tone-ef967f,#ef967f)}@media(max-width:600px){.drum-scope-head{flex-wrap:wrap}.drum-scope-wave,.drum-scope-transfer{height:75px}.drum-scope-plots{grid-template-columns:2fr 1fr}}