.practiceLoops{flex-basis:100%;width:100%;border-top:1px solid #415866;padding:6px 2px 0;font:12px system-ui;min-width:0}.practiceLoops summary{cursor:pointer;min-height:28px;color:#edbd65;font-weight:600}.loopHint{margin:3px 0 6px;color:#b3c6d0;font-size:11px}.practiceLoops canvas{display:block;width:100%;height:80px;border:1px solid #425865;border-radius:5px;touch-action:none;cursor:crosshair}.loopControls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:6px;margin-top:7px}.loopControls label{display:flex;flex-direction:column!important;align-items:flex-start!important;gap:3px!important;font-size:10px!important}.loopControls input{font:12px system-ui;padding:5px;background:#14252f;color:#e0eaf0;border:1px solid #526c7c;border-radius:4px;min-height:32px;max-width:160px}.loopControls input[type=number]{width:88px}.loopControls button,.savedLoops button{font:11px system-ui!important;min-height:32px!important;padding:4px 8px!important}.loopControls button[aria-pressed=true]{background:#a9d5ac;color:#102016}.savedLoops{display:flex;flex-wrap:wrap;gap:6px;max-height:80px;overflow:auto;margin:7px 0 0;color:#acbec8}.savedLoops>div{display:flex;gap:3px}.savedLoops button[aria-pressed=true]{outline:2px solid #edbd65}.loopStatus{font-size:11px;color:#c9d9e2;margin:5px 0 0}@media print{.practiceLoops{display:none}}