.transport{gap:10px;margin-bottom:12px}.transport-toggle{display:inline-flex;align-items:center;gap:6px;height:34px;box-sizing:border-box;border:1px solid #3d4438;background:#20231f;color:#aeb7a7;border-radius:6px;padding:7px 10px;font-size:11px}.transport-toggle .material-symbols-rounded{font-size:17px}.transport-toggle.active{border-color:#78934f;background:#2b3524;color:var(--accent)}.transport-toggle[aria-pressed="true"] .material-symbols-rounded{font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24}.transport-status{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:165px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.transport-status #loop-info{color:#9cab8e}.transport-status #length-info{color:#b8c6ad}.transport-status #length-info.perfect{color:var(--accent);font-weight:650}.loop-size{display:inline-flex;align-items:center;height:34px;box-sizing:border-box;padding:3px;border:1px solid #3d4438;border-radius:6px;background:#20231f}.loop-size button{min-width:38px;height:26px;padding:0 9px;border:0;border-radius:4px;background:transparent;color:#aeb7a7;font-size:11px;font-weight:650;letter-spacing:0}.loop-size button.active,.loop-size button[aria-pressed="true"]{background:#2b3524;color:var(--accent);box-shadow:inset 0 0 0 1px #526640}.loop-size button:disabled{opacity:.35}#loop-toggle[aria-pressed="false"]+.loop-size{display:none}.mix-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 16px;padding:10px 14px;border:1px solid #30362d;border-radius:8px;background:#171a16}.mix-controls[hidden]{display:none}.mix-controls label{display:grid;grid-template-columns:auto minmax(100px,1fr) 48px;align-items:center;gap:10px;color:#aeb7a7;font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.08em;margin:0}.mix-controls output{justify-self:end;min-width:43px;text-align:center;color:var(--accent);background:#20251d;border:1px solid #3d4735;border-radius:4px;padding:4px 6px;font-size:10px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:0}

/* BetrMuzic range controls: compact, technical, dark + lime instead of browser defaults. */
.mix-controls input[type="range"],.wave-header input[type="range"]{-webkit-appearance:none;appearance:none;height:18px;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;accent-color:transparent}.mix-controls input[type="range"]{width:100%}.wave-header input[type="range"]{width:110px}.wave-header .wave-zoom-control input[type="range"]{width:150px}.wave-header .wave-zoom-control output{min-width:52px;text-align:right}.mix-controls input[type="range"]::-webkit-slider-runnable-track,.wave-header input[type="range"]::-webkit-slider-runnable-track{height:4px;border:1px solid #424a3d;border-radius:2px;background:#292e28;box-shadow:inset 0 1px 1px #0008}.mix-controls input[type="range"]::-webkit-slider-thumb,.wave-header input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:14px;margin-top:-6px;border:2px solid var(--accent);border-radius:2px;background:#171a16;box-shadow:0 0 0 2px #171a16;transition:background .15s,border-color .15s,box-shadow .15s}.mix-controls input[type="range"]:hover::-webkit-slider-thumb,.wave-header input[type="range"]:hover::-webkit-slider-thumb{background:var(--accent);border-color:var(--accent)}.mix-controls input[type="range"]:focus-visible,.wave-header input[type="range"]:focus-visible{outline:none}.mix-controls input[type="range"]:focus-visible::-webkit-slider-thumb,.wave-header input[type="range"]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px #171a16,0 0 0 4px #65794b}.mix-controls input[type="range"]::-moz-range-track,.wave-header input[type="range"]::-moz-range-track{height:2px;border:1px solid #424a3d;border-radius:2px;background:#292e28;box-shadow:inset 0 1px 1px #0008}.mix-controls input[type="range"]::-moz-range-progress,.wave-header input[type="range"]::-moz-range-progress{height:4px;border-radius:2px;background:var(--accent)}.mix-controls input[type="range"]::-moz-range-thumb,.wave-header input[type="range"]::-moz-range-thumb{width:8px;height:12px;border:2px solid var(--accent);border-radius:2px;background:#171a16;box-shadow:0 0 0 2px #171a16;transition:background .15s,border-color .15s,box-shadow .15s}.mix-controls input[type="range"]:hover::-moz-range-thumb,.wave-header input[type="range"]:hover::-moz-range-thumb{background:var(--accent)}.mix-controls input[type="range"]:focus-visible::-moz-range-thumb,.wave-header input[type="range"]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px #171a16,0 0 0 4px #65794b}

#wave{touch-action:none}.wave-wrap:has(#wave:active){border-color:#465238}
@media(max-width:900px){.wave-header .wave-zoom-control{width:100%;justify-content:flex-end}.wave-header .wave-zoom-control input[type="range"]{width:min(220px,45vw)}}
@media(max-width:720px){.transport-toggle{padding:7px 8px;font-size:10px}.transport-status{width:100%;margin-left:44px;align-items:flex-start;min-width:0}.transport-status #loop-info,.transport-status #length-info{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loop-size{order:4}.mix-controls{grid-template-columns:1fr;margin-bottom:14px;padding:10px 12px}.mix-controls label{grid-template-columns:72px minmax(0,1fr) 44px}.wave-header .wave-zoom-control{justify-content:flex-start}.wave-header .wave-zoom-control input[type="range"]{width:min(210px,52vw)}}