.overview-track{position:relative;isolation:isolate;margin-top:23px}.overview-track canvas{position:relative;z-index:0}.loop-mask{position:absolute;top:0;bottom:0;background:#080d18a6;pointer-events:none;z-index:1}.loop-mask.before{left:0}.loop-mask.after{right:0}.loop-band{position:absolute;inset-block:0;border:2px solid #79c6fa;border-radius:4px;background:#68aff30a;pointer-events:none;z-index:2}.loop-band::after{content:'';position:absolute;left:0;right:0;top:-2px;height:12px;cursor:grab;pointer-events:auto;touch-action:none}.loop-band:active::after{cursor:grabbing}.loop-handle{position:absolute;top:0;bottom:0;width:24px;transform:translateX(-50%);padding:0;border:0;background:transparent;cursor:ew-resize;touch-action:none;z-index:4}.loop-handle::before{content:'';position:absolute;left:9px;top:0;bottom:0;width:6px;border-radius:3px;background:#91d4ff;box-shadow:0 0 0 1px #142a41}.loop-handle::after{content:'⋮';position:absolute;left:5px;top:50%;transform:translateY(-50%);font-size:16px;line-height:24px;width:14px;height:26px;border-radius:4px;color:#10283c;background:#91d4ff}.loop-handle:focus-visible{outline:2px solid white;outline-offset:1px}.loop-suggestion{position:absolute;top:-19px;transform:translateX(-100%);white-space:nowrap;font-size:8px;font-weight:700;letter-spacing:.3px;color:#96d7ff;pointer-events:none}.loop-tools{margin:12px 0 18px;padding:14px;border:1px solid #344760;border-radius:7px;background:#15223366}.loop-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.loop-heading strong{font-size:10px;letter-spacing:1px;color:#9fd4f6}.loop-heading span{font-size:10px;color:#bad4e7;font-variant-numeric:tabular-nums}.loop-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.loop-actions button{padding:9px 11px;font-size:10px}.loop-fields{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.loop-fields>label{display:flex;align-items:center;gap:7px;font-size:10px;color:#a4b6cd}.loop-fields input[type=number]{width:78px;min-height:32px;padding:6px 8px;background:#0e1826;color:#d6e7f9;border:1px solid #3c4f67;border-radius:4px}.loop-fields input[type=checkbox]{accent-color:#91d4ff}.loop-tools p{font-size:10px;line-height:1.7;color:#91a6c2;margin:11px 0 0}.loop-tools .hint{font-size:9px;color:#70849e;margin-top:5px}@media(max-width:520px){.loop-tools{padding:12px}.loop-fields{gap:9px}.loop-actions{gap:6px}.loop-actions button{padding:9px}.loop-fields>label:last-child{width:100%}.loop-heading span{font-size:9px}}