.ks-brand{align-items:center;gap:4px;text-decoration:none;display:inline-flex}.ks-mark{width:38px;height:38px;color:var(--ks-kinpaku);place-items:center;display:grid}.ks-mark svg{width:32px;height:32px}.ks-wordmark{color:var(--ks-ink);font-family:var(--ks-font-wordmark);font-weight:500;font-size:var(--ks-type-wordmark-size);letter-spacing:var(--ks-type-wordmark-track);text-transform:uppercase;-webkit-font-smoothing:auto;line-height:1}.ks-section{max-width:1320px;margin:0 auto;padding:110px 56px}.ks-section+.ks-section{border-top:1px solid var(--ks-rule)}.ks-section-head{gap:14px;max-width:720px;margin-bottom:56px;display:grid}.ks-section-eyebrow{color:var(--ks-accent-ink);font-family:var(--ks-mono);letter-spacing:var(--ks-type-eyebrow-track);text-transform:uppercase;margin:0;font-size:.7rem}.ks-section-head h2{color:var(--ks-ink);font-family:var(--ks-font-display);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}.ks-subsection{margin-top:56px}.ks-subsection-label{color:var(--ks-accent-ink);font-family:var(--ks-mono);letter-spacing:var(--ks-type-eyebrow-track);text-transform:uppercase;margin-bottom:22px;font-size:.66rem;display:block}.ks-section-sub{color:var(--ks-text-muted);max-width:60ch;margin:4px 0 0;font-size:.96rem;line-height:1.55}.ks-button{min-height:var(--ks-control-lg);border-radius:var(--ks-radius-sm);font-family:var(--ks-font);letter-spacing:-.005em;cursor:pointer;transition:background-color var(--ks-quick) var(--ks-ease), border-color var(--ks-quick) var(--ks-ease), color var(--ks-quick) var(--ks-ease);border:1px solid #0000;justify-content:center;align-items:center;gap:12px;padding:0 22px;font-size:.9375rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex;position:relative}.ks-button .ks-button-arrow{flex:none;width:16px;height:8px;display:inline-block}.ks-button-arrow svg{width:100%;height:100%;display:block;overflow:visible}.ks-button-arrow path{d:path("M0 4C5 4 9 4 14 4M10 0L14 4L10 8");transition:d .42s var(--ks-ease)}.ks-button[href^=\#]:hover .ks-button-arrow path,.ks-button:hover .ks-button-arrow.is-down path{d:path("M0 4C7 4 11 4 11 11M7 7L11 11L15 7")}@media (prefers-reduced-motion:reduce){.ks-button-arrow path{transition:none}}.ks-button.ks-button-primary{color:var(--ks-paper-raised);background:var(--ks-ink);border-color:var(--ks-ink)}.ks-button.ks-button-primary .ks-button-arrow{color:var(--ks-kinpaku)}.ks-button.ks-button-primary:hover{color:var(--ks-paper-raised);background:var(--ks-text);border-color:var(--ks-text)}.ks-button.ks-button-primary:active{background:oklch(8% 0 0);border-color:oklch(8% 0 0)}.ks-button.ks-button-secondary{color:var(--ks-ink);background:var(--ks-paper-raised);border-color:var(--ks-edge)}.ks-button.ks-button-secondary:hover{color:var(--ks-ink);border-color:var(--ks-ink)}.ks-button.ks-button-secondary:active{background:var(--ks-gray)}.ks-button.ks-button-ghost{color:var(--ks-ink);background:0 0;border-color:#0000;padding:0 12px}.ks-button.ks-button-ghost:hover{color:var(--ks-accent-ink)}.ks-button[disabled],.ks-button.ks-button-disabled{color:var(--ks-text-mute-deep);border-color:var(--ks-rule);cursor:not-allowed;background:0 0;transform:none!important}.ks-button:focus-visible{outline:2px solid var(--ks-focus-ring);outline-offset:3px}.ks-button-row{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.ks-form-sample{gap:22px;max-width:360px;display:grid}.ks-form-sample label{color:var(--ks-text-muted);letter-spacing:.04em;gap:8px;font-size:.82rem;display:grid}.ks-form-sample input[type=search],.ks-form-sample input[type=text]{border:1px solid var(--ks-rule);border-radius:var(--ks-radius-sm);background:var(--ks-paper-raised);min-height:46px;color:var(--ks-ink);padding:0 14px;font-size:.92rem}.ks-form-sample input[type=search]:focus,.ks-form-sample input[type=text]:focus{border-color:var(--ks-patina);outline:none}.ks-toggle{align-items:center;gap:12px!important;display:flex!important}.ks-toggle input{appearance:none;border:1px solid var(--ks-rule);background:var(--ks-gray);cursor:pointer;border-radius:999px;flex:none;width:44px;height:24px;position:relative}.ks-toggle input:before{content:"";background:var(--ks-text-muted);width:16px;height:16px;transition:transform .22s var(--ks-ease), background .22s var(--ks-ease);border-radius:999px;position:absolute;top:3px;left:3px}.ks-toggle input:checked{border-color:var(--ks-patina);background:oklch(48% .08 188/.2)}.ks-toggle input:checked:before{background:var(--ks-patina);transform:translate(20px)}.ks-toggle span{color:var(--ks-ink);font-size:.92rem}.ks-checkbox{color:var(--ks-ink);cursor:pointer;align-items:center;gap:10px;font-size:.92rem;display:flex}.ks-checkbox input{appearance:none;border:1px solid var(--ks-rule);border-radius:var(--ks-radius-sm);background:var(--ks-paper-raised);cursor:pointer;flex:none;width:18px;height:18px;position:relative}.ks-checkbox input:checked{border-color:var(--ks-ink);background:var(--ks-ink)}.ks-checkbox input:checked:after{content:"";border:solid var(--ks-paper-raised);border-width:0 1.5px 1.5px 0;width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.ks-select{appearance:none;border:1px solid var(--ks-rule);border-radius:var(--ks-radius-sm);background-color:var(--ks-paper-raised);min-height:46px;color:var(--ks-ink);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' fill='none' stroke='%23222222' stroke-width='1.2'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:10px 6px;padding:0 38px 0 14px;font-size:.92rem}.ks-tabs{max-width:460px}.ks-tab-list{border-bottom:1px solid var(--ks-rule);display:flex}.ks-tab-list button{min-height:42px;color:var(--ks-text-muted);cursor:pointer;transition:color .18s var(--ks-ease), border-color .18s var(--ks-ease);background:0 0;border:0;border-bottom:2px solid #0000;flex:1;font-size:.92rem}.ks-tab-list button:hover{color:var(--ks-ink)}.ks-tab-list button[aria-selected=true]{color:var(--ks-accent-ink);border-bottom-color:var(--ks-kinpaku)}.ks-tab-panel{color:var(--ks-ink);padding:22px 4px 0;font-size:.92rem;line-height:1.6}.ks-badge-row{flex-wrap:wrap;gap:12px;display:flex}.ks-badge{border-radius:var(--ks-radius-sm);letter-spacing:.06em;border:1px solid;align-items:center;gap:8px;min-height:30px;padding:0 14px;font-size:.78rem;display:inline-flex}.ks-badge:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px}.ks-badge.is-detected{color:var(--ks-vermilion)}.ks-badge.is-improved{color:var(--ks-state-ink)}.ks-badge.is-ready{color:var(--ks-accent-ink)}.ks-pill-row{flex-wrap:wrap;gap:10px;display:flex}.ks-pill{letter-spacing:.04em;border:1px solid;border-radius:999px;align-items:center;min-height:26px;padding:0 12px;font-size:.76rem;display:inline-flex}.ks-pill.is-detected{color:var(--ks-vermilion)}.ks-pill.is-improved{color:var(--ks-state-ink)}.ks-pill.is-neutral{color:var(--ks-text-muted)}.ks-pill.is-ready{color:var(--ks-accent-ink)}.ks-pagination{align-items:center;gap:4px;display:flex}.ks-pagination button{border:1px solid var(--ks-rule);border-radius:var(--ks-radius-sm);min-width:36px;min-height:36px;color:var(--ks-ink);cursor:pointer;transition:border-color .18s var(--ks-ease), color .18s var(--ks-ease);background:0 0;place-items:center;font-size:.86rem;display:grid}.ks-pagination button:hover,.ks-pagination button[aria-current=page]{border-color:var(--ks-kinpaku);color:var(--ks-accent-ink)}.ks-toast{border-radius:var(--ks-radius-sm);border:1px solid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;max-width:420px;padding:14px 18px;display:grid}.ks-toast-icon{color:currentColor;place-items:center;width:18px;height:18px;display:grid}.ks-toast strong{color:var(--ks-ink);font-size:.92rem;font-weight:500;display:block}.ks-toast span:not(.ks-toast-close){color:var(--ks-text-muted);margin-top:2px;font-size:.82rem;display:block}.ks-toast.is-success{color:var(--ks-state-ink)}.ks-toast.is-warning{color:var(--ks-vermilion)}.ks-toast-close{width:22px;height:22px;color:var(--ks-text-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.ks-toast-close svg{width:12px;height:12px}.ks-icon-button{border:1px solid var(--ks-rule);width:32px;height:32px;color:var(--ks-accent-ink);cursor:pointer;background:0 0;border-radius:999px;place-items:center;display:grid}.ks-tooltip{border:1px solid var(--ks-rule);background:var(--ks-paper-deep);width:200px;color:var(--ks-ink);border-radius:var(--ks-radius-sm);opacity:0;pointer-events:none;transition:opacity .16s var(--ks-ease);padding:10px 12px;font-size:.8rem;line-height:1.4;position:absolute;bottom:calc(100% - 18px);left:50%;transform:translate(-50%)}.ks-icon-button:focus-visible+.ks-tooltip{opacity:1}.ks-modal{border:1px solid var(--ks-rule);background:var(--ks-paper-raised);border-radius:var(--ks-radius-sm);max-width:440px;padding:28px;position:relative}.ks-modal h3{color:var(--ks-ink);margin:0 0 8px;font-size:1.1rem;font-weight:400}.ks-modal p{color:var(--ks-text-muted);margin:0 0 22px;font-size:.92rem;line-height:1.5}.ks-modal-actions{justify-content:flex-end;gap:12px;display:flex}.ks-modal-close{width:24px;height:24px;color:var(--ks-text-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:16px;right:16px}.ks-empty{text-align:center;border:1px dashed var(--ks-rule);border-radius:var(--ks-radius-sm);place-items:center;gap:14px;padding:56px 28px;display:grid}.ks-empty-icon{width:36px;height:36px;color:var(--ks-accent-ink);place-items:center;display:grid}.ks-empty strong{color:var(--ks-ink);font-size:1rem;font-weight:400}.ks-empty p{color:var(--ks-text-muted);margin:0;font-size:.86rem}.ks-changelog{gap:18px;display:grid}.ks-changelog-entry{border-bottom:1px solid var(--ks-rule);grid-template-columns:100px 1fr;align-items:start;gap:24px;padding-bottom:18px;display:grid}.ks-changelog-entry:last-child{border-bottom:0}.ks-changelog-date{color:var(--ks-text-muted);font-family:var(--ks-mono);font-size:.78rem}.ks-changelog-body strong{color:var(--ks-ink);font-size:.96rem;font-weight:400;display:block}.ks-changelog-body em{color:var(--ks-accent-ink);border:1px solid var(--ks-kinpaku);letter-spacing:.18em;text-transform:uppercase;border-radius:var(--ks-radius-sm);margin-left:8px;padding:1px 8px;font-size:.66rem;font-style:normal;display:inline-block}.ks-changelog-body p{color:var(--ks-text-muted);margin:4px 0 0;font-size:.86rem}.kinpaku-chrome .site-header{border-bottom:1px solid var(--ks-rule);backdrop-filter:blur(12px);background:oklch(97.8% 0 0/.92);padding:18px max(clamp(22px,4vw,56px),50% - 694px)}.site-header-menu{border:1px solid var(--ks-edge);border-radius:var(--ks-radius-sm);cursor:pointer;background:0 0;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;width:36px;height:36px;margin-left:auto;padding:0;transition:border-color .16s,background .16s;display:none}.site-header-menu:hover{border-color:var(--ks-ink);background:var(--ks-paper-raised)}.site-header-menu-line{background:var(--ks-ink);width:16px;height:1.5px;transition:transform .2s,opacity .2s;display:block}[data-site-header][data-nav-open=true] .site-header-menu-line:first-child{transform:translateY(3.75px)rotate(45deg)}[data-site-header][data-nav-open=true] .site-header-menu-line:nth-child(2){transform:translateY(-3.75px)rotate(-45deg)}@media (width<=760px){.kinpaku-chrome .site-header{flex-wrap:nowrap;padding:16px clamp(16px,4vw,24px)}.site-header-menu{display:inline-flex}[data-site-header] .site-header-right{overscroll-behavior:contain;background:var(--ks-paper-raised);border-radius:var(--ks-radius-md);border:1px solid var(--ks-rule);max-height:calc(100dvh - 100px);box-shadow:var(--ks-lift-1);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--ks-settle) var(--ks-ease), transform var(--ks-settle) var(--ks-ease), visibility 0s linear var(--ks-settle);flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px;display:flex;position:absolute;top:calc(100% + 12px);left:clamp(16px,4vw,24px);right:clamp(16px,4vw,24px);overflow-y:auto;transform:translateY(-8px)}[data-site-header][data-nav-open=true] .site-header-right{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translateY(0)}.site-header[data-site-header] .site-header-nav{border-bottom:1px solid var(--ks-rule);flex-direction:column;flex-shrink:0;align-items:stretch;gap:0;padding-bottom:8px;font-size:1rem;overflow:visible;mask-image:none}.site-header[data-site-header] .site-header-nav a{min-height:var(--ks-control-lg);border-radius:var(--ks-radius-sm);border-bottom:0;padding:12px 28px;line-height:1.5;display:block}.site-header[data-site-header] .site-header-nav a:hover,.site-header[data-site-header] .site-header-nav a[aria-current=page]{background:var(--ks-paper-deep)}.site-header[data-site-header] .site-header-nav a[aria-current=page]:after{left:12px}.site-header[data-site-header] .site-header-github{align-self:flex-start;margin:12px 12px 4px}[data-site-header] .site-header-github-label{display:inline}}@media (width<=760px) and (prefers-reduced-motion:reduce){[data-site-header] .site-header-right,.site-header-menu,.site-header-menu-line{transition:none}}.kinpaku-chrome .site-header-brand{color:var(--ks-ink);font-family:var(--ks-font);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.kinpaku-chrome .site-header-brand-logo{width:38px;height:38px;color:var(--ks-ink);box-shadow:none;background:0 0;place-items:center;margin-left:-6px;display:grid}.kinpaku-chrome .site-header-brand-logo svg{width:32px;height:32px}.kinpaku-chrome .site-header-brand-name{display:inline-block;position:relative;top:1px}.kinpaku-chrome .site-header-brand-name,.kinpaku-chrome .footer-logo{color:var(--ks-ink);font-family:var(--ks-font-wordmark);font-weight:500;font-size:var(--ks-type-wordmark-size);letter-spacing:var(--ks-type-wordmark-track);text-transform:uppercase;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;line-height:1}.kinpaku-chrome .site-header-nav{font-family:var(--ks-font);gap:clamp(22px,3vw,48px);font-size:.95rem;font-weight:400}.kinpaku-chrome .site-header-github{box-sizing:border-box;height:36px;min-height:36px;padding:0 12px 0 10px}.kinpaku-chrome .site-header-nav a,.kinpaku-chrome .site-header-github{color:var(--ks-text-muted)}.kinpaku-chrome .site-header-nav a:hover,.kinpaku-chrome .site-header-nav a[aria-current=page]{color:var(--ks-ink)}.kinpaku-chrome .site-header-nav a[aria-current=page]:after{content:"";background:var(--ks-patina);border-radius:50%;width:6px;height:6px;position:absolute;inset:50% auto auto -13px;transform:translateY(-50%)}.kinpaku-chrome .site-header-github{border:1px solid var(--ks-rule);border-radius:var(--ks-radius-pill);background:var(--ks-paper-raised);color:var(--ks-ink)}.kinpaku-chrome .site-header-github-label{line-height:1}.kinpaku-chrome .site-header-github:hover{color:var(--ks-ink);border-color:var(--ks-ink)}.kinpaku-chrome .site-header-github-star{color:var(--ks-kinpaku)}.kinpaku-chrome .site-footer{background:var(--ks-paper-deep);border-top:1px solid var(--ks-rule)}.kinpaku-chrome .footer-links a,.kinpaku-chrome .footer-credit,.kinpaku-chrome .footer-social-link{color:var(--ks-text-muted)}.kinpaku-chrome .footer-credit a,.kinpaku-chrome .footer-links a:hover,.kinpaku-chrome .footer-credit a:hover,.kinpaku-chrome .footer-social-link:hover{color:var(--ks-ink)}.kinpaku-surface{--color-paper:var(--ks-paper);--color-cream:var(--ks-paper-raised);--color-bg:var(--ks-paper-raised);--color-mist:var(--ks-rule);--color-charcoal:var(--ks-text);--color-ash:var(--ks-text-muted);--color-ink:var(--ks-ink);--color-text:var(--ks-text);--color-accent-dim:oklch(77% .13 82/.14);--color-accent-soft:oklch(77% .13 82/.24);background:var(--ks-paper);color:var(--ks-text)}main a[href]:not([class]):hover,main a.cheatsheet-link:hover{text-decoration-color:var(--ks-link-on-paper-line-hover)}.ks-section-eyebrow,.ks-subsection-label,.home-kinpaku .section-eyebrow,.home-kinpaku .section-number,.cf-eyebrow{color:var(--ks-text-muted)}.ks-bento{background:var(--ks-rule);border-top:1px solid var(--ks-rule);border-bottom:1px solid var(--ks-rule);grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;display:grid}.ks-bento-tile{background:var(--ks-paper);border:0;border-radius:0;flex-direction:column;gap:14px;padding:48px;display:flex;position:relative;overflow:hidden}.ks-bento-tile--span-4{grid-column:span 4}.ks-bento-tile--span-6{grid-column:span 6}.ks-bento-tile--span-8{grid-column:span 8}@media (width<=980px){.ks-bento-tile{grid-column:1/-1}}.ks-skeleton{gap:8px;max-width:280px;display:grid}.ks-skeleton span{background:linear-gradient(90deg, var(--ks-gray), var(--ks-paper-raised), var(--ks-gray));background-size:200% 100%;border-radius:999px;height:8px;animation:1.8s linear infinite ks-shimmer}.ks-skeleton span:nth-child(2){width:70%}.ks-skeleton span:nth-child(3){width:50%}@keyframes ks-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.home-kinpaku .live-demo-chrome,.live-mode-kinpaku .live-demo-chrome{background:var(--ks-gray);border-bottom:1px solid oklch(92% 0 0/.07);padding:9px 14px}.home-kinpaku .live-demo-dot,.live-mode-kinpaku .live-demo-dot{background:oklch(34% 0 0);width:8px;height:8px}.home-kinpaku .live-demo-url,.live-mode-kinpaku .live-demo-url{font-family:var(--ks-mono);color:var(--ks-text-muted);letter-spacing:.04em;background:0 0;border:1px solid oklch(92% 0 0/.08);margin-left:12px;font-size:.72rem}.home-kinpaku .live-demo-gbar,.live-mode-kinpaku .live-demo-gbar,.home-kinpaku .live-demo-ctx,.live-mode-kinpaku .live-demo-ctx{background:var(--ks-instrument);border:1px solid var(--ks-instrument-rule);color:var(--ks-instrument-text);border-radius:8px;box-shadow:0 16px 36px -12px oklch(0% 0 0/.6)}.home-kinpaku .live-demo-gbar-brand,.live-mode-kinpaku .live-demo-gbar-brand{color:var(--ks-kinpaku);background:0 0}.home-kinpaku .live-demo-gbar-btn,.live-mode-kinpaku .live-demo-gbar-btn{color:var(--ks-instrument-muted);background:0 0}.home-kinpaku .live-demo-gbar-btn.is-active,.live-mode-kinpaku .live-demo-gbar-btn.is-active{background:var(--ks-instrument-raised);color:var(--ks-kinpaku);border-radius:6px}.home-kinpaku .live-demo-gbar-chat,.live-mode-kinpaku .live-demo-gbar-chat{background:var(--ks-instrument-deep);cursor:pointer;border:1px solid #0000;border-radius:5px;flex-shrink:0;align-items:center;width:104px;height:28px;margin:0 4px 0 6px;transition:border-color .15s;display:inline-flex;overflow:hidden}.home-kinpaku .live-demo-gbar-chat.is-expanded,.live-mode-kinpaku .live-demo-gbar-chat.is-expanded{cursor:text;width:min(220px,34vw)}.home-kinpaku .live-demo-gbar-chat-icon,.live-mode-kinpaku .live-demo-gbar-chat-icon{width:28px;height:28px;color:var(--ks-instrument-muted);pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.home-kinpaku .live-demo-gbar-chat-hint,.live-mode-kinpaku .live-demo-gbar-chat-hint{min-width:0;color:var(--ks-instrument-muted);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;flex:1;font-size:11.5px;font-weight:500;overflow:hidden}.home-kinpaku .live-demo-gbar-chat-input,.live-mode-kinpaku .live-demo-gbar-chat-input{width:0;min-width:0;font:inherit;color:var(--ks-instrument-text);opacity:0;pointer-events:none;caret-color:var(--ks-kinpaku);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:11.5px;transition:opacity .15s}.home-kinpaku .live-demo-gbar-chat[data-input-focused=true]:not([data-expanded=true]) .live-demo-gbar-chat-hint,.live-mode-kinpaku .live-demo-gbar-chat[data-input-focused=true]:not([data-expanded=true]) .live-demo-gbar-chat-hint{display:none}.home-kinpaku .live-demo-gbar-chat[data-input-focused=true]:not([data-expanded=true]) .live-demo-gbar-chat-input,.live-mode-kinpaku .live-demo-gbar-chat[data-input-focused=true]:not([data-expanded=true]) .live-demo-gbar-chat-input{opacity:1;pointer-events:auto;width:auto;padding:0 4px}.home-kinpaku .live-demo-gbar-chat.is-expanded .live-demo-gbar-chat-hint,.live-mode-kinpaku .live-demo-gbar-chat.is-expanded .live-demo-gbar-chat-hint{display:none}.home-kinpaku .live-demo-gbar-chat.is-expanded .live-demo-gbar-chat-input,.live-mode-kinpaku .live-demo-gbar-chat.is-expanded .live-demo-gbar-chat-input{opacity:1;pointer-events:auto;width:auto;padding:0 6px}.home-kinpaku .live-demo-gbar-chat-input::placeholder,.live-mode-kinpaku .live-demo-gbar-chat-input::placeholder{color:var(--ks-instrument-muted);opacity:1}.home-kinpaku .live-demo-gbar-chat-voice,.live-mode-kinpaku .live-demo-gbar-chat-voice{width:28px;height:28px;color:var(--ks-instrument-muted);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .12s,background .12s;display:inline-flex}.home-kinpaku .live-demo-gbar-chat-voice:hover,.live-mode-kinpaku .live-demo-gbar-chat-voice:hover,.home-kinpaku .live-demo-gbar-chat-voice.is-active,.live-mode-kinpaku .live-demo-gbar-chat-voice.is-active{color:var(--ks-kinpaku);background:oklch(78% .12 82/.12)}.home-kinpaku .live-demo-gbar-divider,.live-mode-kinpaku .live-demo-gbar-divider{background:var(--ks-instrument-rule)}.home-kinpaku .live-demo-gbar-x,.live-mode-kinpaku .live-demo-gbar-x{color:var(--ks-instrument-muted);background:0 0}.home-kinpaku .live-demo-gbar-x:hover,.live-mode-kinpaku .live-demo-gbar-x:hover{color:var(--ks-vermilion)}.home-kinpaku .live-demo-ctx[data-phase=configuring],.live-mode-kinpaku .live-demo-ctx[data-phase=configuring]{background:var(--ks-instrument-raised);padding:0;overflow:visible}.home-kinpaku .live-demo-ctx-command,.live-mode-kinpaku .live-demo-ctx-command{background:0 0;border:0;flex:1;align-items:center;min-width:0;height:36px;padding:0 6px 0 7px;display:flex;overflow:hidden}.home-kinpaku .live-demo-ctx-trailing,.live-mode-kinpaku .live-demo-ctx-trailing{border-left:1px solid var(--ks-instrument-rule);flex-shrink:0;align-items:stretch;display:inline-flex}.home-kinpaku .live-demo-ctx-modifiers,.live-mode-kinpaku .live-demo-ctx-modifiers{flex-shrink:0;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.home-kinpaku .live-demo-ctx-selection,.live-mode-kinpaku .live-demo-ctx-selection{box-sizing:border-box;color:oklch(70% .12 188);min-width:28px;height:auto;font-family:var(--ks-mono);background:0 0;border:1px solid oklch(70% .12 188);border-radius:7px;flex-shrink:0;padding:1px 4px;font-size:12px;font-weight:600;line-height:18px;transition:background .15s,color .15s}.home-kinpaku .live-demo-ctx-action,.home-kinpaku .live-demo-ctx-count,.live-mode-kinpaku .live-demo-ctx-action,.live-mode-kinpaku .live-demo-ctx-count{box-sizing:border-box;height:18px;color:var(--ks-instrument-muted);background:0 0;border:0;border-radius:0;padding:0;font-size:12px;font-weight:500;line-height:18px;transition:color .12s}.home-kinpaku .live-demo-ctx-count,.live-mode-kinpaku .live-demo-ctx-count{font-family:var(--ks-mono);font-weight:600}.home-kinpaku .live-demo-ctx-row--configure,.live-mode-kinpaku .live-demo-ctx-row--configure{width:100%;min-height:36px}.home-kinpaku .live-demo-ctx-actions,.live-mode-kinpaku .live-demo-ctx-actions{border-left:1px solid var(--ks-instrument-rule);align-items:stretch;display:inline-flex}.home-kinpaku .live-demo-ctx-voice,.live-mode-kinpaku .live-demo-ctx-voice{border:0;border-right:1px solid var(--ks-instrument-rule);width:36px;height:36px;color:var(--ks-instrument-muted);background:0 0;border-radius:0;padding:0}.home-kinpaku .live-demo-ctx-actions .live-demo-ctx-go,.live-mode-kinpaku .live-demo-ctx-actions .live-demo-ctx-go{border-left:0;border-radius:0;width:36px;height:36px;padding:0}.home-kinpaku .live-demo-ctx-action-caret,.live-mode-kinpaku .live-demo-ctx-action-caret{color:inherit;font-size:10px}.home-kinpaku .live-demo-ctx-selection:hover,.live-mode-kinpaku .live-demo-ctx-selection:hover{background:var(--ks-instrument-raised)}.home-kinpaku .live-demo-ctx-action:hover,.home-kinpaku .live-demo-ctx-count:hover,.live-mode-kinpaku .live-demo-ctx-action:hover,.live-mode-kinpaku .live-demo-ctx-count:hover{color:var(--ks-instrument-text)}.home-kinpaku .live-demo-ctx-input,.live-mode-kinpaku .live-demo-ctx-input{min-width:0;height:18px;color:var(--ks-instrument-text);background:0 0;border:0;border-radius:0;flex:1;align-items:center;gap:6px;padding:0;font-size:12px;font-weight:500;line-height:18px;display:inline-flex}.home-kinpaku .live-demo-ctx-caret,.live-mode-kinpaku .live-demo-ctx-caret{background:var(--ks-instrument-text)}.home-kinpaku .live-demo-ctx-go,.live-mode-kinpaku .live-demo-ctx-go,.home-kinpaku .live-demo-ctx-accept,.live-mode-kinpaku .live-demo-ctx-accept{background:var(--ks-kinpaku);color:var(--ks-on-gold);border:0}.home-kinpaku .live-demo-ctx-palette,.live-mode-kinpaku .live-demo-ctx-palette{z-index:2;background:var(--ks-instrument);border:1px solid var(--ks-instrument-rule);opacity:0;transform-origin:0 100%;pointer-events:none;border-radius:8px;padding:6px;transition:opacity .16s,transform .2s cubic-bezier(.22,1,.36,1);position:absolute;bottom:calc(100% + 8px);left:6px;transform:translateY(6px)scale(.97);box-shadow:0 18px 40px -14px oklch(0% 0 0/.7)}.home-kinpaku .live-demo-ctx-palette.is-open,.live-mode-kinpaku .live-demo-ctx-palette.is-open{opacity:1;transform:none}.home-kinpaku .live-demo-ctx-palette-grid,.live-mode-kinpaku .live-demo-ctx-palette-grid{grid-template-columns:repeat(4,1fr);gap:3px;display:grid}.home-kinpaku .live-demo-ctx-palette-chip,.live-mode-kinpaku .live-demo-ctx-palette-chip{width:62px;color:var(--ks-instrument-text);font-family:var(--ks-font);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;flex-direction:column;align-items:center;gap:5px;padding:9px 6px;font-size:11px;font-weight:500;transition:background .12s,color .12s;display:flex}.home-kinpaku .live-demo-ctx-palette-ico,.live-mode-kinpaku .live-demo-ctx-palette-ico{opacity:.82;justify-content:center;align-items:center;height:20px;display:flex}.home-kinpaku .live-demo-ctx-palette-name,.live-mode-kinpaku .live-demo-ctx-palette-name{line-height:1}.home-kinpaku .live-demo-ctx-palette-chip.is-highlight,.live-mode-kinpaku .live-demo-ctx-palette-chip.is-highlight{color:var(--ks-kinpaku);background:oklch(78% .12 82/.16)}.home-kinpaku .live-demo-ctx-palette-chip.is-highlight .live-demo-ctx-palette-ico,.live-mode-kinpaku .live-demo-ctx-palette-chip.is-highlight .live-demo-ctx-palette-ico{opacity:1}.home-kinpaku .live-demo-ctx-nav,.live-mode-kinpaku .live-demo-ctx-nav{color:var(--ks-instrument-muted);background:0 0}.home-kinpaku .live-demo-ctx-nav:hover,.live-mode-kinpaku .live-demo-ctx-nav:hover{color:var(--ks-kinpaku)}.home-kinpaku .live-demo-ctx-counter,.live-mode-kinpaku .live-demo-ctx-counter{color:var(--ks-instrument-text);font-family:var(--ks-mono)}.home-kinpaku .live-demo-ctx-divider,.live-mode-kinpaku .live-demo-ctx-divider{background:var(--ks-instrument-rule)}.home-kinpaku .live-demo-ctx-discard,.live-mode-kinpaku .live-demo-ctx-discard{color:var(--ks-instrument-muted);background:0 0}.home-kinpaku .live-demo-ctx-discard:hover,.live-mode-kinpaku .live-demo-ctx-discard:hover{color:var(--ks-vermilion)}.home-kinpaku .live-demo-ctx-spinner,.live-mode-kinpaku .live-demo-ctx-spinner{border-color:var(--ks-instrument-rule);border-top-color:var(--ks-kinpaku)}.home-kinpaku .live-demo-ctx-row--accepted,.live-mode-kinpaku .live-demo-ctx-row--accepted{color:var(--ks-kinpaku)}.home-kinpaku .live-demo-outline,.live-mode-kinpaku .live-demo-outline{border-color:var(--ks-patina-deep);color:var(--ks-patina-deep);box-shadow:none;border-width:1.5px;border-radius:3px}.home-kinpaku .live-demo-annotations,.live-mode-kinpaku .live-demo-annotations{color:var(--ks-patina-deep);border-color:var(--ks-patina-deep)}.home-kinpaku .live-demo-comment,.live-mode-kinpaku .live-demo-comment{background:var(--ks-kinpaku);color:var(--ks-on-gold)}.home-kinpaku .live-demo-stroke,.live-mode-kinpaku .live-demo-stroke{color:var(--ks-patina-deep)}.kinpaku-chrome .skip-link{background:var(--ks-patina);color:var(--ks-on-gold);border:1px solid var(--ks-patina);border-radius:4px}.ks-instrument-strip{background:var(--ks-instrument);border:1px solid var(--ks-instrument-deep);border-radius:var(--ks-radius-pill);box-shadow:inset 0 1px 0 var(--ks-instrument-rule), var(--ks-lift-1);align-items:center;gap:2px;padding:3px;display:inline-flex}.ks-instrument-key{min-height:var(--ks-control-md);color:var(--ks-instrument-muted);border-radius:var(--ks-radius-pill);font-family:var(--ks-mono);font-size:var(--ks-type-label-size);letter-spacing:.02em;text-transform:none;white-space:nowrap;cursor:pointer;transition:color var(--ks-quick) var(--ks-ease), background-color var(--ks-quick) var(--ks-ease);background:0 0;border:0;align-items:center;gap:8px;padding:0 14px 0 12px;line-height:1;display:inline-flex}.ks-instrument-key:before{content:"";background:var(--ks-instrument-raised);width:6px;height:6px;box-shadow:inset 0 0 0 1px var(--ks-instrument-rule);transition:background-color var(--ks-quick) var(--ks-ease), box-shadow var(--ks-quick) var(--ks-ease);border-radius:50%;flex:none}.ks-instrument-key:hover,.ks-instrument-key:focus-visible{color:var(--ks-instrument-text)}.ks-instrument-key:focus-visible{outline:2px solid var(--ks-focus-ring);outline-offset:2px}.ks-instrument-key.is-active,.ks-instrument-key[aria-selected=true]{color:var(--ks-instrument-text);background:var(--ks-instrument-raised);box-shadow:inset 0 1px 0 var(--ks-instrument-edge), var(--ks-key-lift)}.ks-instrument-key.is-active:before,.ks-instrument-key[aria-selected=true]:before{background:var(--ks-kinpaku);box-shadow:var(--ks-indicator-glow)}:root{--ks-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}body{isolation:isolate;position:relative}body:before{content:"";z-index:-1;pointer-events:none;opacity:.055;mix-blend-mode:multiply;background-image:var(--ks-grain);background-size:160px 160px;position:fixed;inset:0}.ks-grain,.ks-instrument-strip{position:relative}.ks-grain:before,.ks-instrument-strip:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;opacity:.16;mix-blend-mode:screen;will-change:opacity;background-image:var(--ks-grain);background-size:160px 160px;position:absolute;inset:0}.ks-instrument-strip.is-paper:before{opacity:.05;mix-blend-mode:normal}.ks-instrument-strip{isolation:isolate}.ks-instrument-strip>:not(.ks-thumb){z-index:2;position:relative}.ks-switch{color:var(--ks-text-muted);font-family:var(--ks-font);font-size:var(--ks-type-ui-size);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-weight:500;display:inline-flex}.ks-switch[aria-pressed=true]{color:var(--ks-ink)}.ks-switch-track{border-radius:var(--ks-radius-pill);background:var(--ks-gray-2);width:44px;height:24px;box-shadow:var(--ks-track-recess);transition:background-color var(--ks-quick) var(--ks-ease);position:relative}.ks-switch-knob{background:var(--ks-paper-raised);width:18px;height:18px;box-shadow:var(--ks-cap-lift);border-radius:50%;transition:transform .22s cubic-bezier(.3,.7,.2,1);position:absolute;top:3px;left:3px}.ks-switch-knob:after{content:"";background:var(--ks-gray-2);width:6px;height:6px;transition:background-color var(--ks-quick) var(--ks-ease), box-shadow var(--ks-quick) var(--ks-ease);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 1px oklch(13% 0 0/.18)}.ks-switch[aria-pressed=true] .ks-switch-knob{transform:translate(20px)}.ks-switch[aria-pressed=true] .ks-switch-knob:after{background:var(--ks-patina);box-shadow:var(--ks-led)}.ks-switch:active .ks-switch-knob{box-shadow:var(--ks-cap-press)}.ks-switch:focus-visible{outline:none}.ks-switch:focus-visible .ks-switch-track{outline:2px solid var(--ks-kinpaku);outline-offset:2px}.ks-tag{min-height:22px;color:var(--ks-ink);background:var(--ks-kinpaku);border-radius:var(--ks-radius-sm);font-family:var(--ks-mono);font-size:var(--ks-type-eyebrow-size);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;vertical-align:middle;align-items:center;gap:6px;padding:0 7px;font-weight:600;line-height:normal;display:inline-flex}.ks-tag.is-quiet{color:var(--ks-text-muted);background:var(--ks-gray)}.ks-instrument-strip.is-paper{background:var(--ks-gray);box-shadow:var(--ks-track-recess);border-color:#0000}.ks-instrument-strip.is-paper .ks-instrument-key{color:var(--ks-text-muted);transition:color var(--ks-quick) var(--ks-ease), background-color var(--ks-quick) var(--ks-ease), box-shadow var(--ks-quick) var(--ks-ease), transform var(--ks-quick) var(--ks-ease)}.ks-instrument-strip.is-paper .ks-instrument-key:before{background:var(--ks-gray-2);box-shadow:inset 0 1px 1px oklch(13% 0 0/.18)}.ks-instrument-strip.is-paper .ks-instrument-key:hover,.ks-instrument-strip.is-paper .ks-instrument-key:focus-visible{color:var(--ks-ink)}.ks-instrument-strip.is-paper .ks-instrument-key:active{box-shadow:var(--ks-cap-press);transform:translateY(1px)}.ks-instrument-strip.is-paper .ks-instrument-key.is-active,.ks-instrument-strip.is-paper .ks-instrument-key[aria-selected=true],.ks-instrument-strip.is-paper .ks-instrument-key[aria-pressed=true]{color:var(--ks-ink);background:var(--ks-paper-raised);box-shadow:var(--ks-cap-lift)}.ks-instrument-strip.is-paper .ks-instrument-key.is-active:before,.ks-instrument-strip.is-paper .ks-instrument-key[aria-selected=true]:before,.ks-instrument-strip.is-paper .ks-instrument-key[aria-pressed=true]:before{background:var(--ks-patina);box-shadow:0 0 0 1px oklch(13% 0 0/.12), 0 0 4px color-mix(in oklch, var(--ks-patina) 60%, transparent)}.ks-instrument-strip.is-paper .ks-instrument-key:focus-visible{outline:2px solid var(--ks-focus-ring);outline-offset:1px}.ks-segmented{border:1px solid var(--ks-edge);border-radius:var(--ks-radius-sm);background:var(--ks-paper-deep);gap:2px;padding:3px;display:inline-flex}.ks-segmented button{min-height:calc(var(--ks-control-md) - 8px);border-radius:calc(var(--ks-radius-sm) - 1px);color:var(--ks-text-faint);font:500 var(--ks-type-label-size)/1 var(--ks-mono);letter-spacing:.02em;white-space:nowrap;cursor:pointer;transition:background var(--ks-quick) var(--ks-ease), color var(--ks-quick) var(--ks-ease);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.ks-segmented button:hover{background:var(--ks-paper-raised);color:var(--ks-text)}.ks-segmented button:active{background:var(--ks-gray)}.ks-segmented button[aria-pressed=true],.ks-segmented button[aria-selected=true]{background:var(--ks-paper-raised);box-shadow:inset 0 0 0 1px var(--ks-rule), var(--ks-lift-1);color:var(--ks-ink)}.ks-segmented button:disabled{color:var(--ks-text-mute-deep);cursor:not-allowed}.ks-segmented b{color:var(--ks-text-faint);font-weight:500}.ks-segmented button[aria-pressed=true] b{color:var(--ks-ink)}.ks-segmented--wrap{flex-wrap:wrap;display:flex}.ks-segmented--wrap button{flex:auto}.ks-segmented--lg button{min-height:calc(var(--ks-control-md) - 2px);font:500 var(--ks-type-ui-size)/1 var(--ks-font);letter-spacing:0;padding:0 14px}.ks-segmented--lg{border-radius:var(--ks-radius-md)}.ks-segmented--lg button{border-radius:calc(var(--ks-radius-md) - 2px)}.ks-segmented--dense button{min-height:calc(var(--ks-control-sm) - 8px);letter-spacing:0;padding:0 7px}.ks-thumb{border-radius:var(--ks-radius-pill);background:var(--ks-instrument-raised);width:0;box-shadow:inset 0 1px 0 var(--ks-instrument-edge), var(--ks-key-lift);pointer-events:none;z-index:1;transition:transform .36s cubic-bezier(.22,1,.3,1);position:absolute;top:3px;bottom:3px;left:0}.ks-instrument-strip.is-paper .ks-thumb{background:var(--ks-paper-raised);box-shadow:var(--ks-cap-lift)}.ks-instrument-strip.has-thumb .ks-instrument-key,.ks-instrument-strip.has-thumb .ks-instrument-key.is-active,.ks-instrument-strip.has-thumb .ks-instrument-key[aria-selected=true],.ks-instrument-strip.has-thumb .ks-instrument-key[aria-pressed=true],.ks-instrument-strip.is-paper.has-thumb .ks-instrument-key.is-active,.ks-instrument-strip.is-paper.has-thumb .ks-instrument-key[aria-selected=true],.ks-instrument-strip.is-paper.has-thumb .ks-instrument-key[aria-pressed=true]{box-shadow:none;transition:color .12s var(--ks-ease);background:0 0;transform:none}.ks-instrument-strip.has-thumb .ks-instrument-key:before{transition:background-color .12s var(--ks-ease), box-shadow .12s var(--ks-ease)}.ks-instrument-strip:not(.is-paper),.live-demo-gbar,.live-demo-ctx,.worlds-rating{--ks-focus-ring:var(--ks-patina)}@media (any-pointer:coarse){.ks-instrument-strip .ks-instrument-key,.ks-segmented button{min-height:var(--ks-control-lg);min-width:var(--ks-control-lg)}.site-header-menu{width:var(--ks-control-lg);height:var(--ks-control-lg)}.kinpaku-chrome .site-header-brand,.kinpaku-chrome .site-header-github{min-height:var(--ks-control-lg)}.kinpaku-chrome .site-header-nav a{min-height:var(--ks-control-lg);min-width:var(--ks-control-lg);padding-block:10px}}html .site-code-block.code-block-wrap{--ks-focus-ring:var(--ks-patina);box-sizing:border-box;background:var(--ks-instrument-deep);width:100%;min-width:0;color:var(--ks-instrument-text);border-radius:var(--ks-radius-md);color-scheme:dark;border:0;grid-template-columns:min-content minmax(0,1fr);align-items:flex-start;gap:0 14px;margin-block:1.25em;padding:0;display:grid}html .site-code-block.is-command{align-items:center}.site-code-header{min-height:var(--ks-control-lg);border-bottom:1px solid var(--ks-instrument-rule);grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding-inline:16px 8px;display:flex}.site-code-tools{align-self:stretch;gap:20px;display:flex}.site-code-tools[hidden]{display:none}.site-code-tab{min-height:var(--ks-control-lg);color:var(--ks-instrument-muted);font:500 var(--ks-type-label-size)/1.3 var(--ks-font);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;flex:none;margin-bottom:-1px;padding:0}.site-code-tab:hover:not(:disabled),.site-code-tab[aria-pressed=true]{color:var(--ks-instrument-text)}.site-code-tab[aria-pressed=true]{border-bottom-color:var(--ks-kinpaku)}.site-code-tab:disabled{opacity:.5;cursor:not-allowed}.site-code-tab:focus-visible{outline:2px solid var(--ks-focus-ring);outline-offset:4px}html .site-code-block.code-block-wrap.is-command>pre.site-code-content{grid-column:2;margin:14px 16px 16px 0!important}.site-code-block>.site-code-prompt{color:var(--ks-instrument-muted);align-self:center;margin-left:16px}html .site-code-block.code-block-wrap>pre.site-code-content{min-width:0;max-width:100%;box-shadow:none;font:400 var(--ks-type-ui-lead)/1.6 var(--ks-mono);letter-spacing:0;white-space:pre;overflow-wrap:normal;scrollbar-width:none;border-radius:0;grid-column:1/-1;overflow-x:auto;color:inherit!important;background:0 0!important;border:0!important;margin:14px 16px 16px!important;padding:0!important}html .site-code-block.code-block-wrap>pre.site-code-content:before{content:none}.site-code-block>pre.site-code-content::-webkit-scrollbar{display:none}.site-code-block>pre.site-code-content>code{color:inherit;font:inherit;letter-spacing:inherit;white-space:inherit;overflow-wrap:inherit;background:0 0;border:0;border-radius:0;padding:0;display:block}.site-code-content>code span{color:inherit!important}body.docs-kinpaku .site-code-block>pre.site-code-content{align-self:center}.designing-kinpaku .site-code-block{max-width:82ch}.site-code-block .site-code-invocation{background:color-mix(in oklch, var(--ks-patina) 12%, transparent);border-radius:var(--ks-code-radius);white-space:nowrap;box-decoration-break:clone;padding:.12em .35em;color:var(--ks-patina-pale)!important}html .site-code-block.is-command>pre.site-code-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.site-code-prompt{color:var(--ks-kinpaku);font:500 var(--ks-type-ui-lead)/1 var(--ks-mono);user-select:none;flex:none}.site-code-copy{background:var(--ks-instrument-raised);width:36px;height:36px;color:var(--ks-instrument-text);border-radius:var(--ks-radius-sm);cursor:pointer;transition:background .18s var(--ks-ease), color .18s var(--ks-ease), transform .12s var(--ks-ease);border:0;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.site-code-copy:hover{background:color-mix(in oklch, var(--ks-instrument-raised), var(--ks-instrument-text) 12%)}.site-code-copy:active{transform:scale(.96)}html .site-code-block .site-code-copy{width:36px;height:36px;color:var(--ks-instrument-muted);background:0 0;grid-template:1fr/1fr;margin-left:auto;padding:0}html .site-code-block .site-code-copy:hover{background:var(--ks-instrument-raised);color:var(--ks-instrument-text)}.site-code-block .site-code-copy-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-code-block .site-code-check-icon{color:var(--ks-patina)}.site-code-copy:focus-visible,.site-code-content:focus-visible{outline:2px solid var(--ks-focus-ring);outline-offset:2px}.site-code-copy-icon,.site-code-check-icon{transition:opacity .14s var(--ks-ease), transform .18s var(--ks-ease);grid-area:1/1}.site-code-check-icon{opacity:0;color:var(--ks-patina);transform:scale(.86)}.site-code-copy.is-copied .site-code-copy-icon,.site-code-copy.copied .site-code-copy-icon{opacity:0;transform:scale(.82)}.site-code-copy.is-copied .site-code-check-icon,.site-code-copy.copied .site-code-check-icon{opacity:1;transform:scale(1)}.site-code-status,.site-code-block+.downloads-copy-status:not([data-state=failure]){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-code-status.is-error{clip-path:none;white-space:normal;width:auto;height:auto;color:var(--ks-vermilion);font:400 var(--ks-type-ui-size)/1.5 var(--ks-font);margin:-6px 0 20px;display:block;position:static}html .site-code-block.code-block-wrap.site-code-block--mono{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px}html .site-code-block.code-block-wrap.site-code-block--mono.is-command{grid-template-columns:auto minmax(0,1fr) auto}html .site-code-block.code-block-wrap.site-code-block--mono>pre.site-code-content{grid-column:auto;line-height:1.5;margin:0!important}.site-code-block--mono>.site-code-prompt{margin-left:0}.site-code-block--mono .site-code-invocation:not([data-highlight-tone=patina]){background:color-mix(in oklch, var(--ks-kinpaku) 12%, transparent);color:var(--ks-kinpaku)!important}@media (width<=520px){.site-code-header{gap:8px}.site-code-tools{gap:14px}html .site-code-block.is-command>pre.site-code-content{line-height:1.35}}@media (any-pointer:coarse){.site-code-copy:before{content:"";position:absolute;inset:-4px}html .site-code-block.code-block-wrap>pre.site-code-content{scrollbar-width:thin;scrollbar-color:var(--ks-instrument-muted) var(--ks-instrument-deep)}.site-code-block>pre.site-code-content::-webkit-scrollbar{height:6px;display:block}}@media (prefers-reduced-motion:reduce){.site-code-copy,.site-code-copy-icon,.site-code-check-icon{transition:none}}.site-footer{border-top:1px solid var(--color-mist);padding:var(--spacing-xl) var(--spacing-lg);background:var(--color-cream)}.footer-row{max-width:var(--width-max);align-items:center;gap:var(--spacing-xl);grid-template-columns:auto 1fr auto;margin:0 auto;display:grid}.footer-logo{font-family:var(--font-display);color:var(--color-ink);font-size:1.25rem;font-weight:400;text-decoration:none}.footer-links{justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.footer-links a{color:var(--color-ash);transition:color var(--duration-fast) var(--ease-out);font-size:.875rem;text-decoration:none}.footer-links a:hover{color:var(--color-accent)}.footer-credit{align-items:center;gap:var(--spacing-sm);color:var(--color-ash);white-space:nowrap;font-size:.875rem;display:flex}.footer-credit a{color:var(--color-text);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}.footer-credit a:hover{color:var(--color-accent)}.footer-social-link{color:var(--color-ash);transition:color var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;padding:4px;display:inline-flex}.footer-social-link:hover{color:var(--color-accent)}@media (width<=900px){.footer-row{text-align:center;justify-items:center;gap:var(--spacing-md);grid-template-columns:1fr}.footer-links{justify-content:center;gap:var(--spacing-sm) var(--spacing-md);font-size:.8125rem}.site-footer{padding:var(--spacing-lg) var(--spacing-md)}}@media (any-pointer:coarse){.footer-links a,.footer-social-link{min-height:var(--ks-control-lg);min-width:var(--ks-control-lg);justify-content:center;align-items:center;display:inline-flex}.footer-credit{flex-wrap:wrap;justify-content:center;max-width:100%}}@media (width<=420px) and (any-pointer:coarse){.footer-credit{gap:8px}.footer-credit>span{flex-basis:100%}}