@layer swimmer-ui{body{margin:0}.kit-catalog{min-height:100dvh;color:var(--game-ui-text);background:var(--game-ui-bg);font-family:var(--game-ui-font-body);-webkit-font-smoothing:antialiased;padding:clamp(18px,3vw,44px);line-height:1.6}.kit-catalog *,.kit-catalog :before,.kit-catalog :after{box-sizing:border-box}.kit-catalog-hero,.kit-catalog-layout{max-width:1240px;margin:0 auto}.kit-catalog-hero{padding:0 0 24px}.kit-catalog h1,.kit-catalog h2,.kit-catalog h3{line-height:1.2}.kit-catalog h1{letter-spacing:-.025em;margin:8px 0 12px;font-size:clamp(28px,3.4vw,44px)}.kit-catalog-hero>p:not(.kit-catalog-eyebrow){max-width:64ch;font-size:17px}.kit-catalog-eyebrow{color:var(--game-ui-text-muted);letter-spacing:.08em;margin:0;font-size:12px;font-weight:760}.kit-catalog-links{flex-wrap:wrap;gap:12px 24px;display:flex}.kit-catalog a{color:var(--game-ui-accent-ink);text-underline-offset:4px}.kit-catalog-layout{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:28px;display:grid}.kit-catalog-sidebar{gap:12px;display:grid;position:sticky;top:110px}.kit-catalog-sidebar nav{gap:6px;max-height:calc(100dvh - 280px);padding:3px;display:grid;overflow-y:auto}.kit-catalog-sidebar nav button{text-align:start;min-height:76px;color:var(--game-ui-text);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;gap:3px;padding:12px 16px;display:grid;position:relative}.kit-catalog-sidebar nav button[aria-current=true]{border-color:var(--game-ui-border-strong);background:var(--game-ui-panel-strong);box-shadow:var(--game-ui-shadow-panel)}.kit-catalog-sidebar nav button span{font-weight:800}.kit-catalog-sidebar nav button small{overflow-wrap:anywhere;font-size:11px}.kit-catalog-sidebar nav button em{color:var(--game-ui-text-muted);font-size:11px;font-style:normal}.kit-catalog-search,.kit-catalog-controls>label{gap:6px;font-size:13px;font-weight:700;display:grid}.kit-catalog input[type=search],.kit-catalog-controls select{width:100%;min-width:0;min-height:44px;font:inherit;color:var(--game-ui-text);background:var(--game-ui-panel-strong);border:1px solid var(--game-ui-border-strong);border-radius:12px;padding:8px 12px}.kit-catalog-controls select:disabled{opacity:.6}.kit-catalog-workbench{min-width:0}.kit-catalog :is(input,select,button,label,[tabindex]){scroll-margin-block:125px 24px}.kit-catalog-heading h2{margin:10px 0;font-size:30px}.kit-catalog-heading>p:last-child{max-width:65ch}.kit-catalog-controls{flex-wrap:wrap;align-items:end;gap:16px;padding:16px 0;display:flex}.kit-catalog-controls>label{flex:150px}.kit-catalog-controls .kit-catalog-compare{cursor:pointer;flex-basis:100%;align-items:center;gap:10px;min-height:44px;display:flex}.kit-catalog-compare input{width:20px;height:20px;accent-color:var(--game-ui-accent)}.kit-catalog-note{border-inline-start:3px solid var(--game-ui-accent);padding-inline-start:12px;font-size:13px}.kit-catalog-stage{grid-template-columns:minmax(0,1fr);gap:18px;margin:12px 0 18px;display:grid}.kit-catalog-stage.is-comparing{grid-template-columns:repeat(2,minmax(0,1fr))}.kit-catalog-sample{background:var(--game-ui-panel-strong);border:1px solid var(--game-ui-border-strong);min-width:0;box-shadow:var(--game-ui-shadow-panel);border-radius:24px;padding:clamp(20px,3vw,32px)}.kit-catalog-sample h3{margin:0 0 24px;font-size:20px}.kit-catalog-sample h3 small{color:var(--game-ui-text-muted);margin-top:8px;font-size:12px;font-weight:500;line-height:1.6;display:block}.kit-recipe-stack{grid-template-columns:minmax(0,1fr);gap:24px;min-width:0;display:grid}.kit-recipe-stack>output{color:var(--game-ui-text-muted);font-size:13px}.kit-recipe-stack .game-ui-segmented{flex-wrap:wrap}.kit-recipe-stack .game-ui-slider input{width:100%;margin-inline:0}.kit-recipe-actions{flex-wrap:wrap;gap:12px;display:flex}.kit-catalog-caption{color:var(--game-ui-text-muted);font-size:12px}.kit-catalog-code{border:1px solid var(--game-ui-border-strong);background:var(--game-ui-panel);border-radius:20px;margin-top:28px;padding:clamp(16px,2vw,24px)}.kit-catalog-code-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.kit-catalog-code-head h3{margin:0;font-size:18px}.kit-catalog-code-head small{margin-top:8px;font-size:12px;font-weight:500;display:block}.kit-catalog-code>p{font-size:13px}.kit-catalog-code pre{font-family:var(--game-ui-font-mono);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--game-ui-surface);border-radius:12px;max-height:420px;padding:16px;font-size:12px;line-height:1.8;overflow-y:auto}.kit-catalog-details{margin:24px 0;font-size:14px}.kit-catalog-details summary{cursor:pointer;min-height:44px;font-weight:700}.kit-catalog :is(a,button,input,select,pre,summary):focus-visible{outline:3px solid var(--game-ui-focus-ring);outline-offset:3px}@media (width<=760px){.kit-catalog-layout{grid-template-columns:minmax(0,1fr);gap:18px}.kit-catalog-sidebar{gap:8px;min-width:0;position:static}.kit-catalog-sidebar>.kit-catalog-caption{margin:0}.kit-catalog-sidebar nav{grid-template-columns:none;grid-auto-columns:max-content;grid-auto-flow:column;max-height:none;overflow-x:auto}.kit-catalog-sidebar nav button{min-height:44px;padding:8px 12px}.kit-catalog-sidebar nav button :is(small,em){display:none}.kit-catalog-stage.is-comparing{grid-template-columns:minmax(0,1fr)}}@media (forced-colors:active){.kit-catalog-sidebar nav button[aria-current=true]{border:2px solid highlight}.kit-catalog-sample{border:1px solid canvastext}}}