.hundred-grid-wrap.svelte-1xc0cfl{flex-direction:column;gap:.75rem;width:100%;margin-top:.5rem;display:flex}.matrix-row.svelte-1xc0cfl{align-items:center;gap:1rem;width:100%;display:flex}.matrix-grid.svelte-1xc0cfl{flex-shrink:0;grid-template-rows:repeat(10,5px);grid-template-columns:repeat(10,5px);place-content:center;gap:3px;width:77px;height:77px;display:grid}.dot-cell.svelte-1xc0cfl{border-radius:50%;width:5px;height:5px}.matrix-caption.svelte-1xc0cfl{flex-grow:1;min-width:0}.caption-line.svelte-1xc0cfl{font-family:var(--font-display);color:var(--color-ink);text-wrap:pretty;font-size:.875rem;line-height:1.35}.caption-number.svelte-1xc0cfl{font-variant-numeric:tabular-nums;margin-right:.125rem;font-size:1.25rem;font-weight:800}.caption-text.svelte-1xc0cfl strong:where(.svelte-1xc0cfl){color:var(--color-ink);font-weight:700}.caption-sub.svelte-1xc0cfl{font-family:var(--font-mono);color:var(--color-muted);margin-top:.25rem;font-size:.75rem}.mode-toggle.svelte-1xc0cfl{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:.375rem;align-self:flex-start;gap:.125rem;padding:.125rem;display:inline-flex}.mode-btn.svelte-1xc0cfl{font-family:var(--font-sans);color:var(--color-muted);cursor:pointer;transition:background .12s var(--ease-out-expo), color .12s var(--ease-out-expo);background:0 0;border:none;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;line-height:1}.mode-btn.svelte-1xc0cfl:hover{color:var(--color-ink)}.mode-btn.active.svelte-1xc0cfl{background:var(--color-card);color:var(--color-ink);box-shadow:var(--shadow-xs)}.duration-visualizer.svelte-1olvbj0{width:100%;margin:1rem 0 .5rem;container-type:inline-size}@container (width<=255px){.middle-tick.svelte-1olvbj0{display:none!important}}.unknown-axis.svelte-1olvbj0{flex-direction:column;gap:.5rem;display:flex}.track.svelte-1olvbj0{background:#18121514;border-radius:999px;width:100%;height:6px;position:relative}.unknown-track.svelte-1olvbj0{background:repeating-linear-gradient(-45deg,#1812150a,#1812150a 6px,#1812151a 6px 12px)}.unknown-label.svelte-1olvbj0{font-family:var(--font-mono);color:var(--color-muted);opacity:.85;font-size:.75rem}.visualizer-container.svelte-1olvbj0{padding-bottom:1.5rem;position:relative}.axis-track-wrapper.svelte-1olvbj0{width:100%;height:6px;margin-bottom:.5rem;position:relative}.range-bar.svelte-1olvbj0{border-radius:999px;height:100%;transition:width .3s;position:absolute;top:0}.permanent-bar.svelte-1olvbj0{justify-content:flex-end;align-items:center;padding-right:2px;display:flex}.permanent-badge.svelte-1olvbj0{background:var(--color-card);width:12px;height:12px;color:inherit;box-shadow:var(--shadow-xs);border-radius:50%;justify-content:center;align-items:center;display:flex}.ongoing-bar.svelte-1olvbj0{opacity:.85;border-radius:999px;height:100%;position:absolute;top:0}.ticks-row.svelte-1olvbj0{width:100%;height:1rem;margin-top:.5rem;position:relative}.tick-label.svelte-1olvbj0{flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.tick-label.svelte-1olvbj0:first-child{align-items:flex-start;transform:translate(0)}.tick-label.svelte-1olvbj0:last-child{align-items:flex-end;transform:translate(-100%)}.tick-label.svelte-1olvbj0:nth-child(2){left:50%!important}.tick-mark.svelte-1olvbj0{background:#18121533;width:1px;height:4px;margin-bottom:2px}.tick-text.svelte-1olvbj0{font-family:var(--font-mono);color:var(--color-muted);white-space:nowrap;font-size:.625rem;font-weight:550}.cost-visualizer.svelte-r71u4n{width:100%;margin:1.25rem 0 1rem;container-type:inline-size}@container (width<=280px){.middle-tick.svelte-r71u4n{display:none!important}}.unknown-axis.svelte-r71u4n{flex-direction:column;gap:.5rem;display:flex}.track.svelte-r71u4n{background:#18121514;border-radius:999px;width:100%;height:6px;position:relative}.unknown-track.svelte-r71u4n{background:repeating-linear-gradient(-45deg,#1812150a,#1812150a 6px,#1812151a 6px 12px)}.unknown-label.svelte-r71u4n{font-family:var(--font-mono);color:var(--color-muted);opacity:.85;font-size:.75rem}.visualizer-container.svelte-r71u4n{padding-bottom:1.5rem;position:relative}.axis-track-wrapper.svelte-r71u4n{width:100%;height:6px;margin-bottom:.5rem;position:relative}.range-bar.svelte-r71u4n{border-radius:999px;height:100%;transition:left .3s,width .3s;position:absolute;top:0}.range-bar.capped.svelte-r71u4n{border-top-right-radius:0;border-bottom-right-radius:0}.capped-indicator.svelte-r71u4n{clip-path:polygon(0 0,100% 50%,0 100%);width:8px;height:100%;position:absolute;top:0;right:-8px}.point-marker.svelte-r71u4n{border:2px solid var(--color-card);width:12px;height:12px;box-shadow:var(--shadow-sm);border-radius:50%;transition:left .3s;position:absolute;top:-3px}.ticks-row.svelte-r71u4n{width:100%;height:1rem;margin-top:.5rem;position:relative}.tick-label.svelte-r71u4n{flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.tick-label.svelte-r71u4n:first-child{align-items:flex-start;transform:translate(0)}.tick-label.svelte-r71u4n:last-child{align-items:flex-end;transform:translate(-100%)}.tick-mark.svelte-r71u4n{background:#18121533;width:1px;height:4px;margin-bottom:2px}.tick-text.svelte-r71u4n{font-family:var(--font-mono);color:var(--color-muted);white-space:nowrap;font-size:.6875rem;font-weight:550}