.tl-slider-container{flex:1;max-width:600px;margin:auto}.tl-slider{position:relative;width:100%;height:8px;background:#ddd;border-radius:4px;user-select:none}.tl-track{position:absolute;height:100%;background:#007bff;border-radius:4px;transition:left .3s ease,right .3s ease;cursor:pointer}.tl-thumb{position:absolute;width:16px;height:16px;background:#007bff;border-radius:50%;cursor:pointer;transform:translate(-50%,-50%);top:50%;user-select:none;transition:left .3s ease}.tl-thumb.lower{z-index:2}.tl-thumb.upper{z-index:1}.tl-tooltip{position:absolute;left:50%;transform:translateX(-50%);background:#007bff;color:white;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;transition:opacity .2s ease;user-select:none}.tl-tooltip.visible{opacity:1}.tl-tooltip.top{bottom:20px}.tl-tooltip.bottom{top:20px}.tl-labels{display:none;justify-content:space-between;width:100%;margin:10px 0}.tl-labels span{font-size:12px;color:#666;user-select:none}.tl-input-fields{display:flex;gap:10px;margin-bottom:20px}.tl-input-fields input{width:100px;padding:5px;border:1px solid #ccc;border-radius:4px}.tl-scale{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.tl-scale-line{position:absolute;width:1px;height:100%;background:#999;top:0;transform:translateX(-50%)}.tl-active-scale{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.tl-active-scale-line{position:absolute;width:1px;height:100%;background:#fff;top:0;transform:translateX(-50%)}.tl-value-display{display:flex;justify-content:space-between;margin-top:10px}.tl-value-display span{font-size:14px;color:#333}