.speed-control{display:flex;align-items:center;gap:8px;min-width:360px;padding:6px 8px 6px 10px;border:1px solid #2b3038;border-radius:12px;background:#11151a;color:#68717d}.speed-label{font-size:8px;font-weight:700;letter-spacing:.14em;white-space:nowrap}.speed-control output{min-width:38px;text-align:center;color:#eef1f3;font:700 10px var(--font-body)}.speed-menu{display:grid;grid-template-columns:repeat(8,minmax(34px,1fr));gap:3px;flex:1}.speed-menu button{height:28px;padding:0 4px;border:1px solid transparent;border-radius:7px;background:transparent;color:#737c87;font:600 9px var(--font-body);cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.speed-menu button:hover{background:#1b2026;color:#dfe4e8;border-color:#303640}.speed-menu button.is-active{background:#e8ecef;color:#0b0e11;border-color:#e8ecef;box-shadow:0 1px 0 rgba(255,255,255,.1)}.speed-menu button:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(255,255,255,.08)}.playback-panel{margin:0 0 22px;padding:16px;border:1px solid #292f37;border-radius:12px;background:#11151a}.playback-rack-head{margin-bottom:12px}.playback-rack-head output{color:#eef1f3;font:700 13px var(--font-display)}.speed-menu-large{grid-template-columns:repeat(8,1fr);gap:6px}.speed-menu-large button{height:38px;border-color:#272d35;background:#0f1318;font-size:10px}.speed-menu-large button.is-active{background:#edf0f2;border-color:#edf0f2}.speed-menu button[data-speed^="-"]{color:#9299a2}.speed-menu button[data-speed="0"]{color:#d7dbe0;background:#171b20}.transport .speed-control{margin-left:2px}.transport{align-items:center}@media(max-width:1050px){.speed-control{min-width:300px}.speed-menu{grid-template-columns:repeat(8,minmax(26px,1fr))}.speed-menu button{font-size:8px;padding:0 2px}}@media(max-width:720px){.transport{flex-wrap:wrap}.speed-control{order:5;min-width:100%;width:100%;padding:7px 8px}.speed-menu{gap:2px;grid-template-columns:repeat(5,1fr)}.speed-menu button{height:30px;font-size:8px}.volume{order:6;width:100%;margin-left:0}.volume input{flex:1;width:auto}.speed-menu-large{grid-template-columns:repeat(5,1fr)}}