.sdl-root{--sdl-gap:4px;--sdl-pad:4px;--sdl-hit:28px;--sdl-row-height:52%;--sdl-bar-w:5px;--sdl-bar-closed:85%;--sdl-bar-open:100%;--sdl-anim-in:.22s;--sdl-anim-out:.18s}.sdl-wrap{gap:12px;width:100%;min-width:0;display:grid;overflow:visible}.sdl-legend{box-sizing:border-box;flex-shrink:0;width:100%;min-width:0;height:52px;position:relative;overflow:visible}.sdl-track{width:100%;min-width:0;max-width:100%;height:100%;padding:var(--sdl-pad);box-shadow:none;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:0 0;border:none;border-radius:0;align-items:center;display:flex;position:relative;overflow:hidden}.sdl-ghost-gap-line{height:var(--sdl-row-height);background:repeating-linear-gradient(to bottom, hsl(var(--muted-foreground)) 0, hsl(var(--muted-foreground)) 2px, transparent 2px, transparent 5px);opacity:.35;pointer-events:none;z-index:18;width:1px;position:absolute;top:50%;transform:translate(-50%,-50%)}.sdl-row{height:var(--sdl-row-height);align-items:center;gap:var(--sdl-gap);box-sizing:border-box;flex:auto;min-width:0;transition:gap .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);display:flex}.sdl-cell{cursor:default;box-sizing:border-box;will-change:width;border-radius:8px;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;height:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-weight:800;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1),box-shadow .2s,transform .2s,background-color .2s,color .2s;display:flex;position:relative}.sdl-cell.sdl-cell--between{box-shadow:inset 0 0 0 1px hsl(var(--foreground) / .15)}.sdl-cell.sdl-cell--outside{opacity:.9}.sdl-cell span{text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:0 4px;line-height:1;transition:font-size .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sdl-handle{height:var(--sdl-row-height);width:var(--sdl-hit);cursor:ew-resize;z-index:20;touch-action:none;will-change:left, transform;justify-content:center;align-items:center;transition:left .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.sdl-handle-label{color:hsl(var(--foreground));white-space:nowrap;opacity:0;pointer-events:none;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:4px;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:10px;font-weight:600;transition:opacity .2s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000001f}.sdl-handle:hover .sdl-handle-label,.sdl-handle.sdl-handle--open .sdl-handle-label,.sdl-handle.sdl-handle--dragging .sdl-handle-label{opacity:1}.sdl-range-label{color:hsl(var(--muted-foreground));white-space:nowrap;opacity:0;background:hsl(var(--card));border:1px solid hsl(var(--border));pointer-events:none;z-index:6;border-radius:4px;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:10px;font-weight:500;transition:opacity .2s,left .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:is(.sdl-track:has(.sdl-handle:hover) .sdl-range-label,.sdl-track:has(.sdl-handle.sdl-handle--open) .sdl-range-label,.sdl-track:has(.sdl-handle.sdl-handle--dragging) .sdl-range-label){opacity:0}.sdl-range-connector{pointer-events:none;z-index:4;opacity:0;width:100%;height:60px;transition:opacity .25s ease-out;position:absolute;top:-60px;left:0}:is(.sdl-track:has(.sdl-handle:hover) .sdl-range-connector,.sdl-track:has(.sdl-handle.sdl-handle--open) .sdl-range-connector,.sdl-track:has(.sdl-handle.sdl-handle--dragging) .sdl-range-connector){opacity:.4}.sdl-range-connector-line{top:var(--sdl-line-top,20px);left:var(--sdl-left-x,0);width:calc(var(--sdl-right-x,0) - var(--sdl-left-x,0));background:repeating-linear-gradient(to right, hsl(var(--muted-foreground)) 0, hsl(var(--muted-foreground)) 3px, transparent 3px, transparent 6px);transform-origin:0;opacity:.7;height:1px;position:absolute}.sdl-range-connector-line:before,.sdl-range-connector-line:after{content:"";background:repeating-linear-gradient(to bottom, hsl(var(--muted-foreground)) 0, hsl(var(--muted-foreground)) 2px, transparent 2px, transparent 5px);opacity:.6;width:1px;height:50px;position:absolute;top:0}.sdl-range-connector-line:before{left:0}.sdl-range-connector-line:after{right:0}.sdl-range-connector-label{top:4px;left:var(--sdl-mid-x,50%);color:hsl(var(--foreground));white-space:nowrap;opacity:.75;pointer-events:none;z-index:5;background:0 0;border:none;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:11px;font-weight:500;transition:opacity .2s,left .3s cubic-bezier(.4,0,.2,1);position:absolute;transform:translate(-50%)}.sdl-handle-bar{width:2px;box-shadow:none;opacity:1;height:var(--sdl-bar-closed);transition:height var(--sdl-anim-out) ease, box-shadow var(--sdl-anim-out) ease, transform var(--sdl-anim-out) ease;background:#000;border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dark .sdl-handle-bar{background:#fff}.sdl-handle:hover .sdl-handle-bar,.sdl-handle.sdl-handle--open .sdl-handle-bar{height:var(--sdl-bar-open);box-shadow:none}.sdl-handle.sdl-handle--open .sdl-handle-bar{animation:sdlBarPop var(--sdl-anim-in) ease both}.sdl-handle.sdl-handle--dragging .sdl-handle-bar{height:var(--sdl-bar-open)}@keyframes sdlBarPop{0%{transform:translate(-50%,-50%)scaleY(.92)}60%{transform:translate(-50%,-50%)scaleY(1.06)}to{transform:translate(-50%,-50%)scaleY(1)}}.sdl-tooltip{z-index:99999;pointer-events:none;margin-top:-8px;position:fixed;transform:translate(-50%,-100%)}.sdl-tooltip-card{background:var(--popover);color:var(--popover-foreground);border:1px solid var(--border);border-radius:4px;align-items:center;gap:4px;padding:3px 6px;display:flex;box-shadow:0 4px 12px #00000026}.sdl-swatch{border:1px solid hsl(var(--border));border-radius:2px;flex-shrink:0;width:8px;height:8px}.sdl-tooltip-text{color:inherit;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:10px}.sdl-meta{width:100%;color:hsl(var(--muted-foreground));justify-content:space-between;gap:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;display:flex}.sdl-meta .sdl-meta-accent{color:hsl(var(--chart-1,142 76% 36%))}
.sdl-root{--sdl-gap:4px;--sdl-pad:4px;--sdl-hit:28px;--sdl-row-height:52%;--sdl-bar-w:5px;--sdl-bar-closed:85%;--sdl-bar-open:100%;--sdl-anim-in:.22s;--sdl-anim-out:.18s}.sdl-wrap{gap:12px;width:100%;min-width:0;display:grid;overflow:visible}.sdl-legend{box-sizing:border-box;flex-shrink:0;width:100%;min-width:0;height:52px;position:relative;overflow:visible}.sdl-track{width:100%;min-width:0;max-width:100%;height:100%;padding:var(--sdl-pad);box-shadow:none;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:0 0;border:none;border-radius:0;align-items:center;display:flex;position:relative;overflow:hidden}.sdl-ghost-gap-line{height:var(--sdl-row-height);background:repeating-linear-gradient(to bottom, hsl(var(--muted-foreground)) 0, hsl(var(--muted-foreground)) 2px, transparent 2px, transparent 5px);opacity:.35;pointer-events:none;z-index:18;width:1px;position:absolute;top:50%;transform:translate(-50%,-50%)}.sdl-row{height:var(--sdl-row-height);align-items:center;gap:var(--sdl-gap);box-sizing:border-box;flex:auto;min-width:0;transition:gap .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);display:flex}.sdl-cell{cursor:default;box-sizing:border-box;will-change:width;border-radius:8px;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;height:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-weight:800;transition:width .3s cubic-bezier(.4,0,.2,1),min-width .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1),box-shadow .2s,transform .2s,background-color .2s,color .2s;display:flex;position:relative}.sdl-cell.sdl-cell--between{box-shadow:inset 0 0 0 1px hsl(var(--foreground) / .15)}.sdl-cell.sdl-cell--outside{opacity:.9}.sdl-cell span{text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:0 4px;line-height:1;transition:font-size .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sdl-handle{height:var(--sdl-row-height);width:var(--sdl-hit);cursor:ew-resize;z-index:20;touch-action:none;will-change:left, transform;justify-content:center;align-items:center;transition:left .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.sdl-handle-label{color:hsl(var(--foreground));white-space:nowrap;opacity:0;pointer-events:none;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:4px;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:10px;font-weight:600;transition:opacity .2s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000001f}.sdl-handle:hover .sdl-handle-label,.sdl-handle.sdl-handle--open .sdl-handle-label,.sdl-handle.sdl-handle--dragging .sdl-handle-label{opacity:1}.sdl-range-label{color:hsl(var(--muted-foreground));white-space:nowrap;opacity:0;background:hsl(var(--card));border:1px solid hsl(var(--border));pointer-events:none;z-index:6;border-radius:4px;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:10px;font-weight:500;transition:opacity .2s,left .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:is(.sdl-track:has(.sdl-handle:hover) .sdl-range-label,.sdl-track:has(.sdl-handle.sdl-handle--open) .sdl-range-label,.sdl-track:has(.sdl-handle.sdl-handle--dragging) .sdl-range-label){opacity:0}.sdl-range-connector{pointer-events:none;z-index:4;opacity:0;width:100%;height:60px;transition:opacity .25s ease-out;position:absolute;top:-60px;left:0}:is(.sdl-track:has(.sdl-handle:hover) .sdl-range-connector,.sdl-track:has(.sdl-handle.sdl-handle--open) .sdl-range-connector,.sdl-track:has(.sdl-handle.sdl-handle--dragging) .sdl-range-connector){opacity:.4}.sdl-range-connector-line{top:var(--sdl-line-top,20px);left:var(--sdl-left-x,0);width:calc(var(--sdl-right-x,0) - var(--sdl-left-x,0));background:repeating-linear-gradient(to right, hsl(var(--muted-foreground)) 0, hsl(var(--muted-foreground)) 3px, transparent 3px, transparent 6px);transform-origin:0;opacity:.7;height:1px;position:absolute}.sdl-range-connector-line:before,.sdl-range-connector-line:after{content:"";background:repeating-linear-gradient(to bottom, hsl(var(--muted-foreground)) 0, hsl(var(--muted-foreground)) 2px, transparent 2px, transparent 5px);opacity:.6;width:1px;height:50px;position:absolute;top:0}.sdl-range-connector-line:before{left:0}.sdl-range-connector-line:after{right:0}.sdl-range-connector-label{top:4px;left:var(--sdl-mid-x,50%);color:hsl(var(--foreground));white-space:nowrap;opacity:.75;pointer-events:none;z-index:5;background:0 0;border:none;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:11px;font-weight:500;transition:opacity .2s,left .3s cubic-bezier(.4,0,.2,1);position:absolute;transform:translate(-50%)}.sdl-handle-bar{width:2px;box-shadow:none;opacity:1;height:var(--sdl-bar-closed);transition:height var(--sdl-anim-out) ease, box-shadow var(--sdl-anim-out) ease, transform var(--sdl-anim-out) ease;background:#000;border-radius:999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dark .sdl-handle-bar{background:#fff}.sdl-handle:hover .sdl-handle-bar,.sdl-handle.sdl-handle--open .sdl-handle-bar{height:var(--sdl-bar-open);box-shadow:none}.sdl-handle.sdl-handle--open .sdl-handle-bar{animation:sdlBarPop var(--sdl-anim-in) ease both}.sdl-handle.sdl-handle--dragging .sdl-handle-bar{height:var(--sdl-bar-open)}@keyframes sdlBarPop{0%{transform:translate(-50%,-50%)scaleY(.92)}60%{transform:translate(-50%,-50%)scaleY(1.06)}to{transform:translate(-50%,-50%)scaleY(1)}}.sdl-tooltip{z-index:99999;pointer-events:none;margin-top:-8px;position:fixed;transform:translate(-50%,-100%)}.sdl-tooltip-card{background:var(--popover);color:var(--popover-foreground);border:1px solid var(--border);border-radius:4px;align-items:center;gap:4px;padding:3px 6px;display:flex;box-shadow:0 4px 12px #00000026}.sdl-swatch{border:1px solid hsl(var(--border));border-radius:2px;flex-shrink:0;width:8px;height:8px}.sdl-tooltip-text{color:inherit;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:10px}.sdl-meta{width:100%;color:hsl(var(--muted-foreground));justify-content:space-between;gap:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;display:flex}.sdl-meta .sdl-meta-accent{color:hsl(var(--chart-1,142 76% 36%))}