.diagram.svelte-10iej7u{--diagram-bg:var(--ink-raised);gap:var(--space-sm);flex-direction:column;margin:0;display:flex}.diagram__frame.svelte-10iej7u{aspect-ratio:var(--ratio);position:relative}svg.svelte-10iej7u{width:100%;height:100%;display:block;overflow:visible}svg.svelte-10iej7u :is(path:where(.svelte-10iej7u),circle:where(.svelte-10iej7u),line:where(.svelte-10iej7u)){vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round;fill:none;stroke:var(--bone);stroke-width:1px;transition:stroke var(--dur) var(--ease)}.tube.svelte-10iej7u,.tyre.svelte-10iej7u{stroke-width:1.25px}.bed.svelte-10iej7u,.lens.svelte-10iej7u,.line.svelte-10iej7u,.teeth.svelte-10iej7u{stroke-width:.75px}.ground.svelte-10iej7u{stroke:var(--line)}.tube.svelte-10iej7u{fill:color-mix(in srgb, var(--bone) 5%, var(--diagram-bg))}.tube--holes.svelte-10iej7u{fill-rule:evenodd}.tyre.svelte-10iej7u{fill:color-mix(in srgb, var(--bone) 7%, var(--diagram-bg));fill-rule:evenodd}.rim.svelte-10iej7u{fill:color-mix(in srgb, var(--bone) 3%, var(--diagram-bg));fill-rule:evenodd}.disc.svelte-10iej7u{fill:color-mix(in srgb, var(--bone) 3%, var(--diagram-bg))}.blade.svelte-10iej7u{fill:color-mix(in srgb, var(--bone) 4%, var(--diagram-bg))}.hub.svelte-10iej7u,.detail.svelte-10iej7u{fill:color-mix(in srgb, var(--bone) 5%, var(--diagram-bg))}.teeth.svelte-10iej7u{stroke-dasharray:1 2.5}.diagram[data-dim=true].svelte-10iej7u .part:where(.svelte-10iej7u):not(.is-active) :is(path:where(.svelte-10iej7u),circle:where(.svelte-10iej7u),line:where(.svelte-10iej7u)){stroke:var(--line-strong)}.part.is-active.svelte-10iej7u :is(.tube:where(.svelte-10iej7u),.tyre:where(.svelte-10iej7u),.rim:where(.svelte-10iej7u),.bed:where(.svelte-10iej7u),.disc:where(.svelte-10iej7u),.lens:where(.svelte-10iej7u),.blade:where(.svelte-10iej7u),.hub:where(.svelte-10iej7u),.cog:where(.svelte-10iej7u),.detail:where(.svelte-10iej7u),.rotor:where(.svelte-10iej7u),.teeth:where(.svelte-10iej7u),.line:where(.svelte-10iej7u),.spoke--arm:where(.svelte-10iej7u)){stroke:var(--brass)}.part.is-active.svelte-10iej7u :is(.tube:where(.svelte-10iej7u),.tyre:where(.svelte-10iej7u),.rim:where(.svelte-10iej7u),.disc:where(.svelte-10iej7u),.blade:where(.svelte-10iej7u),.hub:where(.svelte-10iej7u),.detail:where(.svelte-10iej7u)){fill:color-mix(in srgb, var(--brass) 12%, var(--diagram-bg))}.spots.svelte-10iej7u{position:absolute;inset:0}.spot.svelte-10iej7u{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--ink-void) 82%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:1.75rem;height:1.75rem;color:var(--ash);font-family:var(--font-mono);letter-spacing:.06em;font-variant-numeric:tabular-nums;cursor:pointer;transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);border-radius:999px;place-items:center;padding:0;font-size:.62rem;display:grid;position:absolute;transform:translate(-50%,-50%)}.spot.svelte-10iej7u:after{content:"";border-radius:inherit;position:absolute;inset:-.45rem}.spot.svelte-10iej7u:hover,.spot.svelte-10iej7u:focus-visible,.spot.is-active.svelte-10iej7u{color:var(--brass);border-color:var(--brass-dim);background:color-mix(in srgb, var(--brass) 10%, var(--ink-void))}@media (width<=560px){.spots.svelte-10iej7u{display:none}}figcaption.svelte-10iej7u{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.08em;color:var(--ash-dim)}.lede.svelte-f3mf5y{max-width:42rem;margin-top:var(--space-md);font-size:var(--text-lg);color:var(--ash)}.setup.svelte-f3mf5y{gap:var(--space-xl);margin-top:var(--space-xl);flex-direction:column;display:flex}.setup__visual.svelte-f3mf5y{background:var(--ink-raised);border:1px solid var(--line);border-radius:calc(var(--radius) * 2);padding:clamp(1rem, 3vw, var(--space-lg))}@media (width>=1080px){.setup.svelte-f3mf5y{align-items:flex-start;gap:var(--space-xl);flex-direction:row}.setup__visual.svelte-f3mf5y{top:calc(var(--header-h) + var(--space-md));flex:58%;position:sticky}.setup__specs.svelte-f3mf5y{flex:42%}}
