:root{color-scheme:light;--ks-kinpaku:oklch(84% .19 80.46);--ks-kinpaku-vivid:oklch(87% .2 85);--ks-kinpaku-pale:oklch(86% .07 84);--ks-kinpaku-rich:oklch(77% .13 82);--ks-kinpaku-deep:oklch(61% .085 78);--ks-on-gold:oklch(14% .018 95);--ks-gold-line:var(--ks-kinpaku-rich);--ks-patina:oklch(70% .12 188);--ks-patina-pale:oklch(82% .07 188);--ks-patina-deep:oklch(45% .1 190);--ks-patina-ink:oklch(41% .11 190);--ks-gold-ink:var(--ks-text-muted);--ks-accent-ink:var(--ks-text-muted);--ks-state-ink:var(--ks-patina-deep);--ks-focus-ring:var(--ks-patina-deep);--ks-kinpaku-ink:var(--ks-text-muted);--ks-link-on-paper:var(--ks-ink);--ks-link-on-paper-hover:var(--ks-ink);--ks-link-on-paper-line:oklch(13% 0 0/.28);--ks-link-on-paper-line-hover:var(--ks-kinpaku);--ks-nav-active:var(--ks-ink);--ks-vermilion:oklch(52% .16 35);--ks-paper:oklch(97.8% 0 0);--ks-paper-raised:oklch(99.5% 0 0);--ks-paper-deep:oklch(95% 0 0);--ks-gray:oklch(92% 0 0);--ks-gray-2:oklch(88% 0 0);--ks-instrument:oklch(24% 0 0);--ks-instrument-deep:oklch(17% 0 0);--ks-instrument-raised:oklch(31% 0 0);--ks-instrument-text:oklch(93% 0 0);--ks-instrument-muted:oklch(68% 0 0);--ks-instrument-rule:oklch(100% 0 0/.12);--ks-instrument-edge:oklch(100% 0 0/.3);--ks-ink:oklch(13% 0 0);--ks-text:oklch(22% 0 0);--ks-text-muted:oklch(46% 0 0);--ks-text-faint:oklch(51% 0 0);--ks-text-mute-deep:oklch(66% 0 0);--ks-rule:oklch(13% 0 0/.08);--ks-edge:oklch(13% 0 0/.45);--ks-radius-sm:3px;--ks-radius-md:8px;--ks-radius-pill:999px;--ks-control-sm:26px;--ks-control-md:32px;--ks-control-lg:44px;--ks-section-pad:clamp(72px, 8vw, 120px);--ks-lift-1:0 1px 1px oklch(13% 0 0/.05), 0 2px 3px oklch(13% 0 0/.04), 0 6px 12px oklch(13% 0 0/.05);--ks-lift-2:0 1px 1px oklch(13% 0 0/.04), 0 3px 5px oklch(13% 0 0/.05), 0 12px 20px oklch(13% 0 0/.06), 0 32px 48px oklch(13% 0 0/.07);--ks-key-lift:0 1px 2px oklch(0% 0 0/.4);--ks-cap-lift:inset 0 1px 0 oklch(100% 0 0/.9), 0 1px 0 oklch(13% 0 0/.14), 0 2px 3px oklch(13% 0 0/.08);--ks-cap-press:inset 0 1px 2px oklch(13% 0 0/.14);--ks-track-recess:inset 0 1px 3px oklch(13% 0 0/.16), inset 0 -1px 0 oklch(100% 0 0/.7);--ks-led:0 0 0 1px oklch(13% 0 0/.12), 0 0 4px oklch(84% .19 80/.6);--ks-indicator-glow:0 0 0 1px oklch(0% 0 0/.3), 0 0 4px oklch(84% .19 80/.65);--ks-code-fg:var(--ks-ink);--ks-code-bg:var(--ks-gray);--ks-code-radius:3px;--ks-code-pad:.2em .45em;--ks-code-block-fg:var(--ks-text);--ks-code-block-bg:var(--ks-paper-deep);--ks-code-block-border:var(--ks-rule);--ks-code-block-radius:3px;--ks-code-cmd:var(--ks-link-on-paper);--ks-font:"Albert Sans", "Avenir Next", "Helvetica Neue", Arial, system-ui, sans-serif;--ks-font-display:var(--ks-font-wordmark);--ks-font-wordmark:"Alumni Sans", "Albert Sans", Arial, sans-serif;--ks-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--ks-type-display-size:clamp(3.2rem, 6.2vw, 5.6rem);--ks-type-display-weight:200;--ks-type-display-line:1;--ks-type-display-track:0;--ks-type-headline-size:clamp(2.4rem, 3.6vw, 3.4rem);--ks-type-headline-weight:300;--ks-type-headline-line:1.04;--ks-type-headline-track:0;--ks-type-title-size:1.0625rem;--ks-type-title-weight:600;--ks-type-title-line:1.35;--ks-type-body-size:1rem;--ks-type-body-line:1.65;--ks-type-eyebrow-size:.6875rem;--ks-type-eyebrow-track:.14em;--ks-type-wordmark-size:1.25rem;--ks-type-wordmark-track:.18em;--ks-type-mono-size:.6875rem;--ks-type-mono-track:.12em;--ks-type-micro-size:.6875rem;--ks-type-label-size:.75rem;--ks-type-ui-size:.8125rem;--ks-type-ui-lead:.9375rem;--ks-type-small-size:.875rem;--ks-type-lead-size:1.125rem;--ks-type-subhead-size:1.25rem;--ks-type-title-lg-size:1.5rem;--ks-ease:cubic-bezier(.2, .8, .2, 1);--ks-quick:.12s;--ks-settle:.2s}.designing-kinpaku{--designing-phase-nav-top:95px;--designing-phase-anchor-offset:149px;background:var(--ks-paper);color:var(--ks-text);font-family:var(--ks-font);min-height:100vh}.designing-kinpaku a{color:inherit}.designing-kinpaku code{font-family:var(--ks-mono);color:var(--ks-code-fg);background:var(--ks-code-bg);padding:var(--ks-code-pad);border-radius:var(--ks-code-radius);border:0;font-size:.84em}.designing-kinpaku .designing-page{max-width:1320px;padding:64px 0 96px}.designing-kinpaku .designing-page-title,.designing-kinpaku .designing-phase-title,.designing-kinpaku .designing-iterate-name,.designing-kinpaku .designing-polish-name,.designing-kinpaku .designing-maintain-name,.designing-kinpaku .designing-loop-name,.designing-kinpaku .designing-loop-wheel-center-mark,.designing-kinpaku .designing-lane-mock-title,.designing-kinpaku .designing-cta-card-title,.designing-kinpaku .designing-cta-card-title em,.designing-kinpaku .docs-viz-live-title em{font-style:normal}.designing-kinpaku .designing-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:56px clamp(2rem,5vw,4rem);max-width:1100px;margin:0 auto;padding:80px 24px 96px;display:grid}@media (width<=960px){.designing-kinpaku .designing-hero{grid-template-columns:minmax(0,1fr);align-items:start;padding:56px 24px 64px}}.designing-kinpaku .designing-page-header{text-align:left;max-width:46ch;margin:0}@media (width<=960px){.designing-kinpaku .designing-page-header{text-align:center;max-width:56ch;margin:0 auto}}.designing-kinpaku .designing-page-title{font-family:var(--ks-font-display);font-weight:var(--ks-type-display-weight);font-size:var(--ks-type-display-size);line-height:var(--ks-type-display-line);letter-spacing:var(--ks-type-display-track);color:var(--ks-ink);text-wrap:balance;word-break:break-word;overflow-wrap:anywhere;max-width:none;margin:0 0 24px}@media (width<=480px){.designing-kinpaku .designing-page-title{font-size:clamp(2rem,11vw,3rem)}}.designing-kinpaku .designing-page-lede{font-family:var(--ks-font);font-size:var(--ks-type-lead-size);color:var(--ks-text);text-wrap:balance;max-width:46ch;margin:0;line-height:1.7}@media (width<=960px){.designing-kinpaku .designing-page-lede{max-width:56ch;margin:0 auto}}.designing-kinpaku .designing-loop-wrap{background:0 0;border:0;margin:0;padding:0;position:static}@media (width<=960px){.designing-kinpaku .designing-loop-wrap{margin-top:24px}}.designing-kinpaku .designing-loop-wrap-eyebrow{display:none}.designing-kinpaku .designing-loop{grid-template-rows:auto clamp(220px,28vw,320px) auto;grid-template-columns:minmax(110px,1fr) clamp(220px,28vw,320px) minmax(110px,1fr);gap:clamp(1rem,2.4vw,1.75rem);max-width:560px}.designing-kinpaku .designing-loop-node{color:var(--ks-text);max-width:none;transition:color .18s var(--ks-ease);background:0 0;border:0;border-radius:0;flex-direction:column;gap:6px;padding:0;text-decoration:none;display:flex}.designing-kinpaku .designing-loop-node:hover .designing-loop-name{color:var(--ks-link-on-paper)}.designing-kinpaku .designing-loop-name{color:var(--ks-ink);font-family:var(--ks-font);font-weight:var(--ks-type-title-weight);font-size:var(--ks-type-subhead-size);letter-spacing:-.01em;transition:color .18s var(--ks-ease);line-height:1.15}.designing-kinpaku .designing-loop-hint{white-space:nowrap;color:var(--ks-text-muted);font-size:var(--ks-type-ui-size);max-width:22ch;line-height:1.5;display:block}.designing-kinpaku .designing-loop-node--start{text-align:center;align-items:center}.designing-kinpaku .designing-loop-node--iterate{text-align:left;align-items:flex-start}.designing-kinpaku .designing-loop-node--polish{text-align:center;align-items:center}.designing-kinpaku .designing-loop-node--maintain{text-align:right;align-items:flex-end}.designing-kinpaku .designing-loop-wheel{display:block}.designing-kinpaku .designing-loop-wheel-ring{fill:none;stroke:var(--ks-gold-line);stroke-width:.4px;opacity:1}.designing-kinpaku .designing-loop-wheel-tick{stroke:var(--ks-patina-deep);stroke-width:.6px;opacity:.6}.designing-kinpaku .designing-loop-wheel-tick--cardinal{stroke:var(--ks-gold-line);stroke-width:1px;opacity:1}.designing-kinpaku .designing-loop-wheel-dot{fill:var(--ks-ink)}@media (prefers-reduced-motion:reduce){.designing-kinpaku .designing-loop-wheel-dot{transform:translate(50px,4px)}}.designing-kinpaku .designing-loop-wheel-arrow{background:var(--ks-paper);color:var(--ks-accent-ink);font-size:var(--ks-type-small-size);width:22px;height:22px}.designing-kinpaku .designing-loop-wheel-center-mark{display:none}.designing-kinpaku .designing-loop-wheel-center-label{font-family:var(--ks-mono);font-size:var(--ks-type-micro-size);letter-spacing:var(--ks-type-eyebrow-track);text-transform:uppercase;color:var(--ks-text-muted)}@media (width<=720px){.designing-kinpaku .designing-page{padding-top:32px}.designing-kinpaku .designing-hero{row-gap:0;padding:40px clamp(18px,5vw,24px) 56px}.designing-kinpaku .designing-page-header{text-align:left;max-width:none;margin:0}.designing-kinpaku .designing-page-title{margin-bottom:18px;font-size:clamp(2rem,12vw,2.5rem);line-height:1.02}.designing-kinpaku .designing-page-lede{text-wrap:pretty;max-width:none;margin:0;font-size:1rem;line-height:1.6}.designing-kinpaku .designing-loop-wrap{width:100%;margin-top:36px}.designing-kinpaku .designing-loop{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));place-items:start stretch;gap:0 18px;max-width:none;margin:0}.designing-kinpaku .designing-loop-node,.designing-kinpaku .designing-loop-node--start,.designing-kinpaku .designing-loop-node--iterate,.designing-kinpaku .designing-loop-node--polish,.designing-kinpaku .designing-loop-node--maintain{text-align:left;border-top:1px solid var(--ks-rule);grid-area:auto;align-items:flex-start;width:100%;padding:14px 0}.designing-kinpaku .designing-loop-node:nth-of-type(-n+2){border-top:0}.designing-kinpaku .designing-loop-name{font-size:var(--ks-type-subhead-size)}.designing-kinpaku .designing-loop-hint{max-width:none;font-size:var(--ks-type-small-size);white-space:normal}.designing-kinpaku .designing-loop-wheel{grid-area:1/1/auto/-1;width:144px;margin:0 auto 16px;display:block}}.designing-kinpaku .designing-loop-track{background:0 0;border:0;position:relative}.designing-kinpaku .designing-phasenav{top:var(--designing-phase-nav-top);z-index:40;--phase-control-height:var(--ks-control-md);width:fit-content;margin:0 auto calc((var(--phase-control-height) + 8px) / -2);background:var(--ks-paper-deep);border:1px solid var(--ks-rule);border-radius:var(--ks-radius-pill);box-shadow:var(--ks-lift-1);justify-content:center;gap:2px;padding:3px;display:flex;position:sticky}.designing-kinpaku .designing-phasenav-link{min-height:var(--ks-control-md);border-radius:var(--ks-radius-pill);font-family:var(--ks-mono);font-size:var(--ks-type-label-size);letter-spacing:.02em;color:var(--ks-text-muted);transition:color var(--ks-quick) var(--ks-ease), background-color var(--ks-quick) var(--ks-ease);align-items:center;gap:8px;padding:0 14px 0 12px;text-decoration:none;display:inline-flex;position:relative}.designing-kinpaku .designing-phasenav-link:before{content:"";background:var(--ks-gray-2);border-radius:50%;flex:none;width:6px;height:6px}.designing-kinpaku .designing-phasenav-link:hover{color:var(--ks-ink)}.designing-kinpaku .designing-phasenav-link:focus-visible{outline:2px solid var(--ks-patina-deep);outline-offset:2px}.designing-kinpaku .designing-phasenav-link.is-active{color:var(--ks-ink);background:var(--ks-paper-raised);box-shadow:inset 0 0 0 1px var(--ks-rule), var(--ks-lift-1)}.designing-kinpaku .designing-phasenav-link.is-active:before{background:var(--ks-kinpaku);box-shadow:0 0 0 1px oklch(84% .19 80/.35)}@media (width<=600px){.designing-kinpaku{--designing-phase-nav-top:70px;--designing-phase-anchor-offset:116px}.designing-kinpaku .designing-phasenav-link{gap:6px;padding:0 10px 0 9px}}@media (width<=360px){.designing-kinpaku .designing-phasenav-link{gap:4px;padding-inline:4px}}@media (any-pointer:coarse){.designing-kinpaku .designing-phasenav{--phase-control-height:var(--ks-control-lg)}.designing-kinpaku .designing-phasenav-link{min-height:var(--phase-control-height)}}.designing-kinpaku .designing-loop-track .designing-phase{scroll-margin-top:var(--designing-phase-anchor-offset)}.designing-kinpaku .designing-loop-track+.designing-phase--appendix{margin-top:80px}.designing-kinpaku .ks-section.designing-phase{max-width:1100px;margin:0 auto;padding:80px 24px 96px}.designing-kinpaku .designing-phase>.designing-copy{max-width:none}@media (width<=960px){.designing-kinpaku .ks-section.designing-phase{padding:56px 24px 64px}}.designing-kinpaku .designing-phase-title{font-family:var(--ks-font);font-size:var(--ks-type-headline-size);font-weight:var(--ks-type-headline-weight);line-height:var(--ks-type-headline-line);letter-spacing:var(--ks-type-headline-track);color:var(--ks-ink)}.designing-kinpaku .designing-phase-sub code{color:var(--ks-code-fg)}@media (width<=720px){.designing-kinpaku .ks-section.designing-phase{padding:40px clamp(18px,5vw,24px) 56px}.designing-kinpaku #start .designing-phase-title{margin-top:24px}}.designing-kinpaku .designing-phase-commands{flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-top:28px;display:flex}.designing-kinpaku .designing-phase-cmd{background:var(--ks-gray);border:1px solid var(--ks-rule);color:var(--ks-ink);font-family:var(--ks-mono);font-size:var(--ks-type-ui-size);transition:border-color .18s var(--ks-ease), background .18s var(--ks-ease), color .18s var(--ks-ease);border-radius:2px;align-items:center;padding:8px 16px;text-decoration:none;display:inline-flex}.designing-kinpaku .designing-phase-cmd:hover{border-color:var(--ks-link-on-paper);background:color-mix(in oklch, var(--ks-patina-deep) 8%, transparent);color:var(--ks-link-on-paper)}.designing-kinpaku .designing-start-step{background:var(--ks-paper-raised);border:1px solid var(--ks-rule);border-radius:var(--ks-radius-sm);margin-bottom:40px;padding:clamp(24px,3vw,36px)}.designing-kinpaku .designing-start-step:last-child{margin-bottom:0}.designing-kinpaku .designing-start-step-note{color:var(--ks-text);text-wrap:pretty;max-width:70ch;margin:0 0 36px;font-size:1rem;line-height:1.65}.designing-kinpaku .designing-start-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:48px;display:grid}@media (width<=820px){.designing-kinpaku .designing-start-grid{grid-template-columns:1fr}}.designing-kinpaku .designing-start-grid-prose p{color:var(--ks-text);text-wrap:pretty;font-size:1rem;line-height:1.7}.designing-kinpaku .docs-viz-file{background:var(--ks-paper-raised);border:1px solid var(--ks-rule);border-radius:var(--ks-radius-sm);overflow:hidden}.designing-kinpaku .docs-viz-file-header{border-bottom:1px solid var(--ks-rule);background:var(--ks-paper-deep);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.designing-kinpaku .docs-viz-file-name{color:var(--ks-ink);font-family:var(--ks-mono);font-size:var(--ks-type-ui-size)}.designing-kinpaku .docs-viz-file-status{color:var(--ks-state-ink);font-family:var(--ks-mono);font-size:var(--ks-type-micro-size);letter-spacing:.14em;text-transform:uppercase}.designing-kinpaku .docs-viz-file-body{gap:12px;padding:18px;display:grid}.designing-kinpaku .docs-viz-file-row{border-bottom:1px solid var(--ks-rule);grid-template-columns:132px 1fr;align-items:baseline;gap:16px;padding-bottom:10px;display:grid}.designing-kinpaku .docs-viz-file-row:last-child{border-bottom:0}.designing-kinpaku .docs-viz-file-k{color:var(--ks-accent-ink);font-family:var(--ks-mono);font-size:var(--ks-type-micro-size);letter-spacing:.14em;text-transform:uppercase}.designing-kinpaku .docs-viz-file-v{color:var(--ks-text);font-size:var(--ks-type-small-size);line-height:1.5}.designing-kinpaku .designing-visualize-spread{grid-template-columns:.88fr .68fr 1.18fr;align-items:stretch;gap:clamp(14px,1.6vw,22px);display:grid}@media (width<=900px){.designing-kinpaku .designing-visualize-spread{grid-template-columns:1fr}}.designing-kinpaku .designing-visualize-plate{flex-direction:column;gap:14px;min-width:0;margin:0;display:flex}.designing-kinpaku .designing-visualize-plate-frame{background:var(--ks-paper-raised);border:1px solid var(--ks-rule);border-radius:var(--ks-radius-sm);height:188px;transition:border-color .2s var(--ks-ease), transform .2s var(--ks-ease);display:block;overflow:hidden}.designing-kinpaku .designing-visualize-plate:hover .designing-visualize-plate-frame{border-color:var(--ks-kinpaku-deep);transform:translateY(-2px)}.designing-kinpaku .designing-visualize-plate-frame img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.designing-kinpaku .designing-visualize-plate--live .designing-visualize-plate-frame img{object-position:top left}.designing-kinpaku .designing-visualize-plate-cap{flex-direction:column;gap:6px;display:flex}.designing-kinpaku .designing-visualize-plate-kind{color:var(--ks-state-ink);font-family:var(--ks-mono);font-size:var(--ks-type-micro-size);letter-spacing:var(--ks-type-eyebrow-track);text-transform:uppercase;font-weight:500}.designing-kinpaku .designing-visualize-plate-note{color:var(--ks-text);font-size:var(--ks-type-small-size);text-wrap:pretty;margin:0;line-height:1.6}.designing-kinpaku :is(.designing-visualize-plate-note a,.designing-iterate-table td a,.designing-polish-band-cmds a,.designing-maintain-label a){color:var(--ks-link-on-paper);text-decoration:underline;text-decoration-color:var(--ks-link-on-paper-line);text-underline-offset:3px;transition:color .18s var(--ks-ease), text-decoration-color .18s var(--ks-ease)}.designing-kinpaku :is(.designing-visualize-plate-note a,.designing-iterate-table td a,.designing-polish-band-cmds a,.designing-maintain-label a):hover{color:var(--ks-link-on-paper-hover);text-decoration-color:var(--ks-link-on-paper-hover)}.designing-kinpaku .designing-iterate-split{grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr;gap:18px 40px;margin-bottom:56px;display:grid}@media (width<=900px){.designing-kinpaku .designing-iterate-split{grid-template-rows:none;grid-template-columns:1fr}}.designing-kinpaku .designing-iterate-col{grid-row:span 3;grid-template-rows:subgrid;background:0 0;border:0;border-radius:0;row-gap:18px;padding:0;display:grid}@media (width<=900px){.designing-kinpaku .designing-iterate-col{grid-row:auto;grid-template-rows:none;gap:16px}}.designing-kinpaku .designing-iterate-name{color:var(--ks-ink);font-family:var(--ks-font);font-weight:var(--ks-type-title-weight);font-size:var(--ks-type-subhead-size);letter-spacing:-.01em;text-wrap:balance;margin:0;line-height:1.3}.designing-kinpaku .designing-iterate-when{color:var(--ks-text);font-size:var(--ks-type-ui-lead-size);max-width:52ch;margin:0;line-height:1.6}.designing-kinpaku .designing-iterate-terminal{background:var(--ks-code-block-bg);border:1px solid var(--ks-code-block-border);border-radius:var(--ks-radius-sm);box-shadow:none;font-family:var(--ks-mono);font-size:var(--ks-type-small-size);color:var(--ks-ink);place-content:center start;justify-items:start;gap:10px;padding:20px 22px;line-height:1.7;display:grid}.designing-kinpaku .designing-iterate-terminal-line{gap:12px;display:flex}.designing-kinpaku .designing-iterate-terminal-prompt{color:var(--ks-kinpaku-ink)}.designing-kinpaku .docs-viz-live-frame{background:var(--ks-paper-raised);border:1px solid var(--ks-rule);border-radius:var(--ks-radius-sm);overflow:hidden}.designing-kinpaku .docs-viz-live-chrome{border-bottom:1px solid var(--ks-rule);background:var(--ks-paper-deep);align-items:center;gap:8px;padding:10px 14px;display:flex}.designing-kinpaku .docs-viz-live-dot{background:var(--ks-gray-2);border-radius:50%;width:9px;height:9px}.designing-kinpaku .docs-viz-live-url{color:var(--ks-text-muted);font-family:var(--ks-mono);font-size:var(--ks-type-label-size);margin-left:8px}.designing-kinpaku .docs-viz-live-stage{background:linear-gradient(90deg, oklch(13% 0 0/.05) 1px, transparent 1px), linear-gradient(180deg, oklch(13% 0 0/.05) 1px, transparent 1px), var(--ks-paper);background-size:28px 28px;min-height:292px;padding:24px 24px 108px;position:relative}.designing-kinpaku .docs-viz-live-target{background:var(--ks-paper-raised);border:1px solid var(--ks-rule);border-radius:var(--ks-radius-sm);gap:10px;width:100%;padding:20px;display:grid}.designing-kinpaku .docs-viz-live-kicker{color:var(--ks-accent-ink);font-family:var(--ks-mono);font-size:var(--ks-type-micro-size);letter-spacing:.18em;text-transform:uppercase}.designing-kinpaku .docs-viz-live-title{color:var(--ks-ink);font-family:var(--ks-font);font-style:normal;font-weight:500;font-size:var(--ks-type-lead-size);margin:0}.designing-kinpaku .docs-viz-live-title em{color:var(--ks-state-ink)}.designing-kinpaku .docs-viz-live-btn{background:var(--ks-ink);color:var(--ks-paper-raised);font-family:var(--ks-font);font-size:var(--ks-type-small-size);cursor:pointer;border:0;border-radius:2px;align-self:start;padding:8px 14px}.designing-kinpaku .docs-viz-live-outline{border:1.5px solid var(--ks-gold-line);pointer-events:none;border-radius:3px;position:absolute;inset:14px 14px 108px}.designing-kinpaku .docs-viz-live-ctx{background:var(--ks-instrument);border:1px solid var(--ks-instrument-edge);box-shadow:var(--ks-lift-2);border-radius:8px;align-items:center;gap:6px;padding:6px;display:flex;position:absolute;top:auto;bottom:62px;left:50%;transform:translate(-50%)}.designing-kinpaku .docs-viz-live-ctx-nav,.designing-kinpaku .docs-viz-live-ctx-discard,.designing-kinpaku .docs-viz-live-ctx-accept{color:var(--ks-instrument-text);font-family:var(--ks-font);font-size:var(--ks-type-ui-size);cursor:pointer;background:0 0;border:0;padding:4px 10px}.designing-kinpaku .docs-viz-live-ctx-discard{width:24px;height:28px;color:var(--ks-instrument-muted);place-items:center;padding:0;line-height:1;display:grid}.designing-kinpaku .docs-viz-live-ctx-accept{background:var(--ks-kinpaku);color:var(--ks-on-gold);border-radius:3px;font-weight:500}.designing-kinpaku .docs-viz-live-ctx-counter{color:var(--ks-instrument-muted);font-family:var(--ks-mono);font-size:var(--ks-type-label-size);padding:0 6px}.designing-kinpaku .docs-viz-live-ctx-divider{background:var(--ks-instrument-rule);width:1px;height:14px;margin:0 0 0 4px}.designing-kinpaku .docs-viz-live-gbar{background:var(--ks-instrument);border:1px solid var(--ks-instrument-edge);max-width:calc(100% - 24px);box-shadow:var(--ks-lift-2);border-radius:8px;align-items:center;gap:2px;padding:5px 7px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.designing-kinpaku .docs-viz-live-gbar-mark{color:var(--ks-kinpaku);padding:0 5px;display:inline-flex}.designing-kinpaku .docs-viz-live-gbar-btn{border-radius:var(--ks-radius-md);color:var(--ks-instrument-muted);font-family:var(--ks-font);font-size:var(--ks-type-label-size);white-space:nowrap;align-items:center;gap:5px;padding:5px 8px;display:inline-flex}.designing-kinpaku .docs-viz-live-gbar-btn svg{flex-shrink:0;width:14px;height:14px}.designing-kinpaku .docs-viz-live-gbar-btn.is-active{background:var(--ks-instrument-raised);color:var(--ks-instrument-text)}.designing-kinpaku .docs-viz-live-gbar-btn-mono{font-family:var(--ks-mono);font-size:var(--ks-type-micro-size);letter-spacing:.03em}.designing-kinpaku .docs-viz-live-gbar-divider{background:var(--ks-instrument-rule);width:1px;height:16px;margin:0 4px}.designing-kinpaku .docs-viz-live-gbar-x{color:var(--ks-instrument-muted);align-items:center;padding:5px 6px;display:inline-flex}.designing-kinpaku .docs-viz-live-gbar-x svg{width:13px;height:13px}.designing-kinpaku .designing-iterate-table{border-collapse:collapse;border-top:1px solid var(--ks-rule);border-bottom:1px solid var(--ks-rule);width:100%}.designing-kinpaku .designing-iterate-table caption{text-align:left;caption-side:top;color:var(--ks-state-ink);font-family:var(--ks-mono);font-size:var(--ks-type-micro-size);letter-spacing:var(--ks-type-eyebrow-track);text-transform:uppercase;padding-bottom:18px}.designing-kinpaku .designing-iterate-table tbody tr{border-top:1px solid var(--ks-rule)}.designing-kinpaku .designing-iterate-table tbody tr:first-child{border-top:0}.designing-kinpaku .designing-iterate-table th,.designing-kinpaku .designing-iterate-table td{text-align:left;font-weight:400;font-size:var(--ks-type-ui-lead-size);padding:18px 16px;line-height:1.5}.designing-kinpaku .designing-iterate-table th{color:var(--ks-text);width:58%}.designing-kinpaku .designing-iterate-table td{color:var(--ks-text-muted)}.designing-kinpaku .designing-iterate-table td a{font-family:var(--ks-mono);font-size:var(--ks-type-small-size)}.designing-kinpaku .designing-polish{flex-direction:column;gap:0;display:flex}.designing-kinpaku .designing-polish-band{border:0;border-bottom:1px solid var(--ks-rule);background:0 0;border-radius:0;grid-template-columns:auto 1fr;align-items:center;gap:20px;margin-bottom:36px;padding:18px 0;display:grid}.designing-kinpaku .designing-polish-band-label{color:var(--ks-state-ink);font-family:var(--ks-mono);font-size:var(--ks-type-micro-size);letter-spacing:var(--ks-type-eyebrow-track);text-transform:uppercase}.designing-kinpaku .designing-polish-band-cmds{flex-wrap:wrap;gap:14px;display:flex}.designing-kinpaku .designing-polish-band-cmds a{font-family:var(--ks-mono);text-underline-offset:4px;font-size:1rem}.designing-kinpaku .designing-polish-band-meta{display:none}@media (width<=720px){.designing-kinpaku .designing-polish-band{grid-template-columns:1fr;gap:10px}.designing-kinpaku .designing-polish-band-cmds{flex-wrap:nowrap;gap:clamp(10px,4vw,14px)}}.designing-kinpaku .designing-polish-grid{background:0 0;border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;display:grid}@media (width<=900px){.designing-kinpaku .designing-polish-grid{grid-template-columns:1fr}}.designing-kinpaku .designing-polish-col{background:var(--ks-paper-raised);border:1px solid var(--ks-rule);border-radius:2px;flex-direction:column;gap:10px;padding:28px;display:flex}.designing-kinpaku .designing-polish-name{color:var(--ks-ink);font-family:var(--ks-font);font-weight:var(--ks-type-title-weight);font-size:var(--ks-type-subhead-size);letter-spacing:-.01em;text-wrap:balance;margin:0;line-height:1.3}.designing-kinpaku .designing-polish-desc{color:var(--ks-text);font-size:var(--ks-type-ui-lead-size);text-wrap:pretty;margin:0;line-height:1.6}.designing-kinpaku .ks-bento{background:var(--ks-paper-raised);border-top-color:var(--ks-paper-raised);border-bottom-color:var(--ks-paper-raised)}.designing-kinpaku .ks-bento-tile{background:var(--ks-paper)}.designing-kinpaku .ks-bento.designing-maintain,.designing-kinpaku .ks-bento.designing-lanes,.designing-kinpaku .ks-bento.designing-surfaces,.designing-kinpaku .ks-bento.designing-cta{grid-template-columns:repeat(12,minmax(0,1fr));gap:8px}@media (width<=720px){.designing-kinpaku .designing-maintain .ks-bento-tile,.designing-kinpaku .designing-surfaces .ks-bento-tile{padding-left:20px;padding-right:20px}}.designing-kinpaku .designing-surface-cmd{background:var(--ks-gray);border:1px solid var(--ks-rule);border-radius:var(--ks-radius-sm);font-family:var(--ks-mono);font-size:var(--ks-type-ui-size);color:var(--ks-ink);align-items:center;gap:10px;margin:2px 0;padding:11px 14px;display:flex}.designing-kinpaku .designing-surface-cmd-prompt{color:var(--ks-accent-ink)}.designing-kinpaku .designing-surface-cmd--chrome{gap:7px}.designing-kinpaku .designing-surface-cmd-url{color:var(--ks-text-muted);margin-left:6px}.designing-kinpaku .designing-maintain-stage{background:0 0;border:0;place-items:center;min-height:180px;padding:8px 0;display:grid}.designing-kinpaku .designing-maintain-label{color:var(--ks-state-ink);font-family:var(--ks-mono);font-size:var(--ks-type-micro-size);letter-spacing:var(--ks-type-eyebrow-track);text-transform:uppercase}.designing-kinpaku .designing-maintain-name{color:var(--ks-ink);font-family:var(--ks-font);font-weight:var(--ks-type-title-weight);font-size:var(--ks-type-subhead-size);letter-spacing:-.01em;margin:0;line-height:1.3}.designing-kinpaku .designing-maintain-desc{color:var(--ks-text);font-size:var(--ks-type-ui-lead-size);text-wrap:pretty;margin:0;line-height:1.6}.designing-kinpaku .designing-extract-viz{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;width:100%;display:grid}.designing-kinpaku .designing-extract-before{flex-wrap:wrap;gap:6px;display:flex}.designing-kinpaku .designing-extract-btn{background:var(--ks-gray);border:1px solid var(--ks-rule);color:var(--ks-ink);font-family:var(--ks-mono);font-size:var(--ks-type-label-size);border-radius:3px;align-items:center;padding:5px 11px;display:inline-flex}.designing-kinpaku .designing-extract-arrow{color:var(--ks-accent-ink);font-family:var(--ks-mono);font-size:var(--ks-type-subhead-size)}.designing-kinpaku .designing-extract-after{background:var(--ks-ink);color:var(--ks-paper-raised);font-family:var(--ks-font);font-size:var(--ks-type-small-size);border-radius:2px;justify-self:end;padding:8px 18px}.designing-kinpaku .designing-designmd-preview{gap:8px;width:100%;display:grid}.designing-kinpaku .designing-designmd-preview-line{border-bottom:1px solid var(--ks-rule);color:var(--ks-text);font-size:var(--ks-type-small-size);grid-template-columns:32px 1fr;align-items:baseline;gap:14px;padding:6px 0;display:grid}.designing-kinpaku .designing-designmd-preview-line:last-child{border-bottom:0}.designing-kinpaku .designing-designmd-preview-num{color:var(--ks-accent-ink);font-family:var(--ks-mono);font-size:var(--ks-type-micro-size);letter-spacing:.16em}.designing-kinpaku .designing-lanes{margin-bottom:24px}.designing-kinpaku .ks-bento.designing-lanes{background:0 0;border:0;border-radius:0;gap:0}.designing-kinpaku .designing-lanes .ks-bento-tile{background:0 0;padding:0 clamp(20px,3.5vw,44px)}.designing-kinpaku .designing-lanes .ks-bento-tile:nth-child(odd){padding-left:0}.designing-kinpaku .designing-lanes .ks-bento-tile:nth-child(2n){border-left:1px solid var(--ks-rule)}.designing-kinpaku .designing-lanes .ks-bento-tile:nth-child(n+3){border-top:1px solid var(--ks-rule);margin-top:clamp(22px,3vw,34px);padding-top:clamp(22px,3vw,34px)}@media (width<=720px){.designing-kinpaku .designing-lanes .ks-bento-tile:nth-child(2n){border-left:0}.designing-kinpaku .designing-lanes .ks-bento-tile:nth-child(n+2){border-top:1px solid var(--ks-rule);margin-top:clamp(22px,3vw,34px);padding-top:clamp(22px,3vw,34px)}.designing-kinpaku .designing-lanes .ks-bento-tile{padding-left:0;padding-right:0}}.designing-kinpaku .designing-lane-rule{color:var(--ks-text);text-wrap:pretty;margin:0;font-size:1rem;line-height:1.65}.designing-kinpaku .designing-lane-rule strong{color:var(--ks-ink);font-weight:600}.designing-kinpaku .designing-lane-mock{background:var(--ks-paper-raised);border:1px solid var(--ks-rule);border-radius:var(--ks-radius-sm);flex-direction:column;justify-content:center;gap:10px;min-height:120px;margin-top:18px;padding:20px 18px;display:flex}.designing-kinpaku .designing-lane-mock--brand{align-items:flex-start}.designing-kinpaku .designing-lane-mock--product{align-items:stretch;gap:0;padding:0}.designing-kinpaku .designing-lane-mock--read{align-items:flex-start;gap:7px}.designing-kinpaku .designing-lane-read-h{color:var(--ks-ink);font-size:var(--ks-type-ui-lead-size);margin-bottom:3px;font-weight:500}.designing-kinpaku .designing-lane-read-line{background:var(--ks-rule);border-radius:2px;width:100%;height:5px;display:block}.designing-kinpaku .designing-lane-read-line--short{width:58%}.designing-kinpaku .designing-lane-mock--experience{justify-content:flex-end;align-items:stretch;gap:0;padding:0;position:relative;overflow:hidden}.designing-kinpaku .designing-lane-plate{background:radial-gradient(120% 90% at 22% 18%, color-mix(in oklab, var(--ks-kinpaku) 22%, transparent), transparent 62%), linear-gradient(160deg, color-mix(in oklab, var(--ks-patina) 42%, var(--ks-paper)), var(--ks-paper));position:absolute;inset:0}.designing-kinpaku .designing-lane-mock--experience .designing-lane-mock-label{padding:10px 14px;position:relative}.designing-kinpaku .designing-lane-mock-label{color:var(--ks-state-ink);font-family:var(--ks-mono);font-size:var(--ks-type-micro-size);letter-spacing:.2em;text-transform:uppercase}.designing-kinpaku .designing-lane-mock-title{color:var(--ks-ink);font-family:var(--ks-font);font-weight:500;font-size:var(--ks-type-subhead-size);line-height:1.15}.designing-kinpaku .designing-lane-mock-accent{color:var(--ks-kinpaku-deep)}.designing-kinpaku .designing-lane-product-row{border-bottom:1px solid var(--ks-rule);justify-content:space-between;align-items:baseline;gap:16px;padding:12px 16px;display:flex}.designing-kinpaku .designing-lane-product-row:last-child{border-bottom:0}.designing-kinpaku .designing-lane-product-k{font-family:var(--ks-mono);font-size:var(--ks-type-micro-size);letter-spacing:.1em;text-transform:uppercase;color:var(--ks-text-muted)}.designing-kinpaku .designing-lane-product-v{font-family:var(--ks-font);font-size:var(--ks-type-small-size);color:var(--ks-ink);font-weight:500}.designing-kinpaku .designing-avoid{gap:0;margin:0;padding:0;list-style:none;display:grid}.designing-kinpaku .designing-avoid li{border:0;border-bottom:1px solid var(--ks-rule);background:0 0;border-radius:0;grid-template-columns:20px 1fr;gap:12px;padding:22px 0;display:grid}.designing-kinpaku .designing-avoid li:last-child{border-bottom:0}.designing-kinpaku .designing-avoid-x{background:color-mix(in oklch, var(--ks-vermilion) 10%, transparent);width:20px;height:20px;color:var(--ks-vermilion);font-family:var(--ks-mono);font-size:var(--ks-type-ui-size);border-radius:50%;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.designing-kinpaku .designing-avoid-title{color:var(--ks-ink);font-family:var(--ks-font);margin-bottom:6px;font-size:1rem;font-weight:500;display:block}.designing-kinpaku .designing-avoid-title code{color:var(--ks-code-fg)}.designing-kinpaku .designing-avoid-desc{color:var(--ks-text);font-size:var(--ks-type-ui-lead-size);text-wrap:pretty;margin:0;line-height:1.65}.designing-kinpaku .designing-cta{grid-template-columns:1fr 1fr;gap:20px;margin-top:72px;display:grid}@media (width<=720px){.designing-kinpaku .designing-cta{grid-template-columns:1fr}}.designing-kinpaku .designing-cta-card{background:var(--ks-paper-raised);border:1px solid var(--ks-rule);border-radius:var(--ks-radius-sm);transition:border-color .2s var(--ks-ease), transform .2s var(--ks-ease);flex-direction:column;gap:14px;padding:40px;text-decoration:none;display:flex}.designing-kinpaku .designing-cta-card:hover{border-color:var(--ks-kinpaku-deep);transform:translateY(-2px)}.designing-kinpaku .designing-cta-card-title{color:var(--ks-ink);font-family:var(--ks-font);font-size:var(--ks-type-headline-size);font-weight:var(--ks-type-headline-weight);line-height:var(--ks-type-headline-line);letter-spacing:var(--ks-type-headline-track);margin:0}.designing-kinpaku .designing-cta-card-title em{color:var(--ks-accent-ink)}.designing-kinpaku .designing-cta-card-desc{color:var(--ks-text);font-size:var(--ks-type-ui-lead-size);text-wrap:pretty;margin:0;line-height:1.65}.designing-kinpaku .designing-details{border-top:1px solid var(--ks-rule);border-bottom:1px solid var(--ks-rule);margin-top:22px}.designing-kinpaku .designing-details summary{color:var(--ks-ink);font-size:var(--ks-type-ui-lead-size);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 0;font-weight:600;list-style:none;display:grid}.designing-kinpaku .designing-details summary::-webkit-details-marker{display:none}.designing-kinpaku .designing-details summary:after{content:"+";font-family:var(--ks-mono);color:var(--ks-accent-ink);font-weight:500}.designing-kinpaku .designing-details[open] summary:after{content:"-"}.designing-kinpaku .designing-details summary:focus-visible{outline:2px solid var(--ks-patina-deep);outline-offset:4px}.designing-kinpaku .designing-details>div{gap:.8em;padding:0 0 18px;display:grid}.designing-kinpaku .designing-details>div p{color:var(--ks-text);font-size:var(--ks-type-ui-lead-size);margin:0;line-height:1.65}.designing-review-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin:28px 0;line-height:1.5;display:grid}.designing-review-nav a{border-top:1px solid var(--ks-rule);padding-top:14px;text-decoration:none;display:block}.designing-review-nav strong{text-underline-offset:4px;text-decoration:underline;display:block}.designing-review-nav span{margin-top:4px;font-size:14px;display:block}.designing-context-example{background:var(--ks-paper-deep);margin:28px 0;padding:22px}.designing-context-example>strong{margin-bottom:16px;display:block}.designing-context-example dl{margin:0}.designing-context-example dl>div{border-top:1px solid var(--ks-rule);grid-template-columns:100px 1fr;gap:16px;padding:10px 0;font-size:15px;line-height:1.5;display:grid}.designing-context-example dt{font-weight:500}.designing-context-example dd{margin:0}.designing-context-example figcaption{color:var(--ks-text-muted);margin-top:16px;font-size:14px;line-height:1.5}.designing-case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0;display:grid}.designing-case-grid figure{min-width:0;margin:0}.designing-case-grid a{display:block}.designing-case-grid img{object-fit:contain;object-position:top;background:var(--ks-paper-deep);width:100%;height:300px;display:block}.designing-case-grid figcaption{margin-top:14px;font-size:14px;line-height:1.5}.designing-case-grid figcaption strong{margin-bottom:5px;display:block}@media (width<=600px){.designing-review-nav{grid-template-columns:1fr;gap:14px}.designing-case-grid{grid-template-columns:1fr;gap:28px}.designing-case-grid img{height:auto;max-height:420px}.designing-context-example dl>div{grid-template-columns:1fr;gap:4px}}.designing-case-grid figure:first-child img{object-position:center}.designing-kinpaku .designing-page>.prose{width:100%;max-width:none}.designing-kinpaku .designing-copy{max-width:960px;margin-inline:auto}.designing-kinpaku .designing-entry-note{margin:24px 0 0;font-size:16px;line-height:1.6}.designing-kinpaku .designing-copy{font-size:17px;line-height:1.65}.designing-kinpaku .designing-copy>p,.designing-kinpaku .designing-copy>ul,.designing-kinpaku .designing-copy>details{max-width:72ch}.designing-kinpaku .designing-copy>p{margin:0 0 22px}.designing-kinpaku .designing-copy>ul{margin:24px 0;padding-left:22px}.designing-kinpaku .designing-copy li{margin:12px 0}.designing-kinpaku .designing-copy h3{margin:36px 0 18px;font-size:22px;line-height:1.3}.designing-kinpaku .designing-copy .docs-command-block{max-width:72ch;margin:24px 0}.designing-kinpaku .designing-copy details{border-block:1px solid var(--ks-rule);margin:28px 0;padding:16px 0}.designing-kinpaku .designing-copy summary{cursor:pointer;font-weight:500}.designing-kinpaku .designing-copy details[open] summary{margin-bottom:20px}.designing-kinpaku .designing-copy .live-tutorial-capture,.designing-kinpaku .designing-copy .command-example{max-width:860px}.designing-kinpaku .designing-copy .designing-lane-rule{margin-bottom:24px}.designing-kinpaku .designing-copy a:not(.designing-case-grid a){text-underline-offset:4px}.designing-kinpaku .designing-copy a:focus-visible,.designing-kinpaku .designing-copy summary:focus-visible{outline-offset:4px;outline:2px solid}@media (any-pointer:coarse){.designing-kinpaku .designing-copy summary{min-height:var(--ks-control-lg);align-content:center}}