.trs-wrap{flex:1;display:flex;flex-direction:column;gap:4px;padding:0 12px;min-width:240px;font-size:12px;color:#374151}.trs-labels{display:flex;justify-content:space-between;gap:12px}.trs-label{display:flex;flex-direction:column;line-height:1.15}.trs-label-right{align-items:flex-end}.trs-cap{font-size:10px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.4px}.trs-val{font-size:12px;color:#111;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.trs-track-area{position:relative;height:22px;display:flex;align-items:center;cursor:pointer}.trs-track{position:relative;width:100%;height:6px;background:#e5e7eb;border-radius:3px;touch-action:none;-webkit-user-select:none;user-select:none}.trs-fill{position:absolute;top:0;height:100%;background:#2563eb;border-radius:3px}.trs-thumb{position:absolute;top:50%;width:18px;height:18px;margin-left:-9px;margin-top:-9px;border-radius:50%;background:#fff;border:2px solid #2563eb;box-shadow:0 1px 3px #00000040;cursor:grab;touch-action:none;z-index:2}.trs-thumb-active,.trs-thumb:active{cursor:grabbing;z-index:3;box-shadow:0 2px 8px #2563eb73}.trs-thumb:focus,.trs-thumb:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px;z-index:4}.trs-bounds{display:flex;justify-content:space-between;font-size:10px;color:#9ca3af}