.pt-theme{--pt-cream:#f3f0e7;--pt-paper:#fbfaf6;--pt-ink:#171714;--pt-lime:#d9ff43;--pt-coral:#ff6c4a;--pt-bg:var(--pt-cream);--pt-surface:var(--pt-paper);--pt-text:var(--pt-ink);--pt-muted:#625f58;--pt-border:#c9c5ba;--pt-soft:#e8e5dc;--pt-positive:#265509;--pt-negative:#a32c1b;--pt-focus:#a12f13;--pt-overlay:#171714aa;--pt-font:Arial, Helvetica, sans-serif;--pt-editorial:Georgia, serif;--pt-mono:ui-monospace, SFMono-Regular, Consolas, monospace;--pt-text-xs:.75rem;--pt-text-sm:.875rem;--pt-text-base:1rem;--pt-text-lg:1.25rem;--pt-text-xl:1.75rem;--pt-text-display:clamp(2rem, 5vw, 4rem);--pt-space-1:.25rem;--pt-space-2:.5rem;--pt-space-3:.75rem;--pt-space-4:1rem;--pt-space-6:1.5rem;--pt-space-8:2rem;--pt-space-12:3rem;--pt-radius-sm:4px;--pt-radius-md:12px;--pt-radius-lg:20px;--pt-radius-pill:999px;--pt-shadow:4px 4px 0 var(--pt-ink);--pt-touch:44px;--pt-content-width:1280px;--pt-motion:.15s;--pt-z-sticky:10;font:var(--pt-text-base) / 1.5 var(--pt-font);color:var(--pt-text);background:var(--pt-bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.pt-theme[data-pt-theme=dark]{--pt-bg:#171714;--pt-surface:#242420;--pt-text:#fbfaf6;--pt-muted:#c2beb3;--pt-border:#66645a;--pt-soft:#35352f;--pt-positive:#c9f69f;--pt-negative:#ffb5a6;--pt-focus:#d9ff43;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){.pt-theme[data-pt-theme=system]{--pt-bg:#171714;--pt-surface:#242420;--pt-text:#fbfaf6;--pt-muted:#c2beb3;--pt-border:#66645a;--pt-soft:#35352f;--pt-positive:#c9f69f;--pt-negative:#ffb5a6;--pt-focus:#d9ff43;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.pt-theme *,.pt-theme :before,.pt-theme :after{box-sizing:border-box}.pt-theme button,.pt-theme input,.pt-theme select,.pt-theme textarea{font:inherit}.pt-theme :focus-visible{outline:3px solid var(--pt-focus);outline-offset:3px}.pt-theme a{color:inherit;text-underline-offset:4px}.pt-theme h1,.pt-theme h2,.pt-theme h3,.pt-theme p{margin:0}.pt-theme h1{font-size:var(--pt-text-display);letter-spacing:-.045em;line-height:1.05}.pt-theme h2{font-size:var(--pt-text-xl);letter-spacing:-.025em;line-height:1.2}.pt-theme h3{font-size:var(--pt-text-lg);line-height:1.3}.pt-muted{color:var(--pt-muted)}.pt-kicker{font-size:var(--pt-text-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.pt-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.pt-theme{--pt-motion:0s}}.pt-stack{gap:var(--pt-space-4);flex-direction:column;min-width:0;display:flex}.pt-row{align-items:center;gap:var(--pt-space-3);flex-wrap:wrap;display:flex}.pt-grid{gap:var(--pt-space-4);grid-template-columns:minmax(0,1fr);display:grid}.pt-card{padding:var(--pt-space-6);border:1px solid var(--pt-border);border-radius:var(--pt-radius-md);background:var(--pt-surface);min-width:0}.pt-button{min-height:var(--pt-touch);border:1px solid var(--pt-ink);border-radius:var(--pt-radius-sm);background:var(--pt-ink);color:var(--pt-paper);cursor:pointer;transition:transform var(--pt-motion);justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:700;text-decoration:none;display:inline-flex}.pt-button:hover:not(:disabled){transform:translateY(-1px)}.pt-button:disabled{cursor:not-allowed;opacity:.55}.pt-button[data-variant=secondary]{background:var(--pt-surface);color:var(--pt-text);border-color:var(--pt-border)}.pt-button[data-variant=accent]{background:var(--pt-lime);color:var(--pt-ink)}.pt-button[data-variant=danger]{color:#fff;background:#a32c1b;border-color:#a32c1b}.pt-button[data-variant=ghost]{color:var(--pt-text);background:0 0;border-color:#0000}.pt-icon-button{flex-shrink:0;width:44px;padding:8px}.pt-field{gap:8px;min-width:0;display:grid}.pt-field label{font-size:var(--pt-text-sm);font-weight:700}.pt-input{width:100%;min-height:44px;color:var(--pt-text);background:var(--pt-surface);border:1px solid var(--pt-border);border-radius:var(--pt-radius-sm);padding:11px 12px;font-size:16px}textarea.pt-input{resize:vertical;min-height:100px}.pt-input[aria-invalid=true]{border:2px solid var(--pt-negative)}.pt-field small{font-size:var(--pt-text-xs)}.pt-error{color:var(--pt-negative)}.pt-check{align-items:center;gap:10px;min-height:44px;display:flex}.pt-check input{accent-color:#465500;width:20px;height:20px}.pt-badge{border:1px solid var(--pt-border);width:max-content;max-width:100%;font-size:var(--pt-text-xs);background:var(--pt-soft);border-radius:99px;align-items:center;gap:6px;padding:4px 9px;font-weight:700;display:inline-flex}.pt-badge[data-tone=success]{color:#24420b;background:#e0f4b5;border-color:#718841}.pt-badge[data-tone=warning]{color:#614508;background:#fff0bd;border-color:#ab8c3d}.pt-badge[data-tone=danger]{color:#802010;background:#ffe0d9;border-color:#c26c5b}.pt-badge[data-tone=info]{color:#204778;background:#deecff;border-color:#7195c7}.pt-avatar{border:1px solid var(--pt-ink);background:var(--pt-coral);width:40px;height:40px;color:var(--pt-ink);font-weight:700;font-size:var(--pt-text-xs);border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid}.pt-tile{border:1px solid var(--pt-ink);background:var(--pt-lime);width:44px;height:44px;color:var(--pt-ink);border-radius:12px;flex-shrink:0;place-items:center;display:inline-grid}.pt-tile[data-tone=coral]{background:var(--pt-coral)}.pt-tile[data-tone=ink]{background:var(--pt-ink);color:var(--pt-lime)}.pt-tile[data-tone=paper]{background:var(--pt-paper)}.pt-brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:24px;font-weight:700;display:inline-flex}.pt-brand-mark{color:#fff;width:38px;height:38px;font:700 28px/1 var(--pt-font);background:#000;border-radius:10px;place-items:center;display:grid;position:relative}.pt-brand-mark:after{content:"";background:#ff4d42;border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:4px}.pt-tabs{border-bottom:1px solid var(--pt-border);gap:4px;display:flex;overflow-x:auto}.pt-tabs button{min-height:44px;color:var(--pt-muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;flex-shrink:0;padding:12px}.pt-tabs [aria-selected=true]{color:var(--pt-text);border-bottom-color:var(--pt-coral);font-weight:700}.pt-alert{border:1px solid var(--pt-border);background:var(--pt-soft);border-radius:12px;align-items:flex-start;gap:12px;padding:16px;display:flex}.pt-alert[data-tone=danger]{border-color:var(--pt-negative)}.pt-alert svg{flex-shrink:0;margin-top:2px}.pt-empty{text-align:center;align-content:center;place-items:center;gap:12px;min-height:190px;padding:24px;display:grid}.pt-empty p{max-width:40ch}.pt-metric strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:8px 0;font-size:2rem;display:block}.pt-record{justify-content:space-between;align-items:center;gap:16px;display:flex}.pt-record-main{align-items:center;gap:12px;min-width:0;display:flex}.pt-record-main>div{min-width:0}.pt-record p{overflow-wrap:anywhere}.pt-progress{accent-color:#596e00;width:100%;height:10px}.pt-progress::-webkit-progress-bar{background:var(--pt-soft);border-radius:99px}.pt-progress::-webkit-progress-value{background:#596e00;border-radius:99px}.pt-skeleton{background:var(--pt-soft);border-radius:6px;height:16px}.pt-table-wrap{overflow:auto}.pt-table{border-collapse:collapse;width:100%;font-size:var(--pt-text-sm)}.pt-table caption{text-align:left;padding-bottom:12px;font-weight:700}.pt-table th,.pt-table td{text-align:left;border-bottom:1px solid var(--pt-border);padding:12px}.pt-table th{background:var(--pt-soft)}.pt-table td{white-space:nowrap}.pt-dialog{border:1px solid var(--pt-border);background:var(--pt-surface);width:min(560px,100% - 24px);max-height:calc(100dvh - 32px);color:var(--pt-text);border-radius:20px;padding:0;box-shadow:0 24px 80px #0004}.pt-dialog::backdrop{background:#171714aa}.pt-dialog-header,.pt-dialog-body{padding:20px}.pt-dialog-header{border-bottom:1px solid var(--pt-border);justify-content:space-between;align-items:center;gap:12px;display:flex}.pt-dialog-header h2{font-size:1.5rem}.pt-toolbar{flex-direction:column;gap:12px;display:flex}.pt-page-head{flex-direction:column;gap:20px;display:flex}.pt-page-head p{max-width:60ch}.pt-timeline{margin:0;padding:0;list-style:none}.pt-timeline li{border-left:2px solid var(--pt-border);margin-left:8px;padding:0 0 24px 20px;position:relative}.pt-timeline li:before{content:"";background:var(--pt-coral);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;left:-6px}.pt-timeline time{font-size:var(--pt-text-xs);color:var(--pt-muted);display:block}@media (width>=640px){.pt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pt-toolbar,.pt-page-head{flex-direction:row;justify-content:space-between;align-items:center}}@media (width>=1024px){.pt-grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=479px){.pt-dialog{border-radius:20px 20px 0 0;width:100%;max-width:100%;max-height:90dvh;margin:auto 0 0}.pt-card{padding:16px}.pt-record{flex-wrap:wrap}}body{margin:0}.kit-layout{min-height:100vh}.kit-main{min-width:0;padding:20px}.kit-sidebar{border-bottom:1px solid var(--pt-border);flex-direction:column;gap:24px;padding:24px 20px;display:flex}.kit-sidebar nav{display:none}.kit-sidebar nav[data-expanded=true]{display:block}.kit-navigation{gap:16px;min-width:0;display:grid}.kit-navigation label{font-size:12px;font-weight:700}.kit-sidebar nav details{border-bottom:1px solid var(--pt-border)}.kit-sidebar nav summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:700;display:flex}.kit-sidebar nav summary:before{content:"›"}.kit-sidebar nav details[open] summary:before{transform:rotate(90deg)}.kit-sidebar nav summary span{color:var(--pt-muted);margin-left:auto;font-size:12px}.kit-sidebar nav ul{border-left:1px solid var(--pt-border);margin:0 0 12px 8px;padding:0 0 0 12px;list-style:none}.kit-sidebar nav a{overflow-wrap:anywhere;border-radius:6px;padding:6px 8px;white-space:normal!important}.kit-sidebar nav a:hover{background:var(--pt-soft)}.kit-clear{color:inherit;cursor:pointer;background:0 0;border:0;min-height:44px;text-decoration:underline}.kit-resource{min-width:0;padding:24px;scroll-margin-top:24px}.kit-resource:target{outline:2px solid var(--pt-focus)}.kit-resource header{justify-content:space-between;margin-bottom:24px}.kit-resource pre{background:var(--pt-soft);font:12px/1.6 var(--pt-mono);border-radius:8px;padding:16px;overflow:auto}.kit-resource summary{cursor:pointer;min-height:44px}.kit-guide{gap:16px;display:grid}.kit-guide p{white-space:pre-line;overflow-wrap:anywhere}.kit-guide h3{margin-top:16px}.kit-example,[id^=surface-]{scroll-margin-top:24px}.kit-sidebar nav a{white-space:nowrap;align-items:center;gap:10px;min-height:44px;font-size:14px;text-decoration:none;display:flex}.kit-sidebar nav a span{color:var(--pt-muted);font-size:12px}.kit-sidebar-note{display:none}.kit-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}.kit-topbar select{width:auto}.kit-hero{flex-direction:column;align-items:flex-start;gap:24px;padding:60px 0 44px;display:flex}.kit-hero h1{letter-spacing:-.06em;font-size:clamp(48px,8vw,100px);line-height:.98}.kit-hero h1 em{font-family:var(--pt-editorial);color:var(--pt-text);font-weight:400}.kit-hero>p{max-width:560px;color:var(--pt-muted);font-size:18px}.kit-hero-meta{grid-template-columns:1fr;gap:24px;width:100%;margin-top:16px;display:grid}.kit-hero-meta>span{border-top:1px solid var(--pt-border);color:var(--pt-muted);gap:4px;padding-top:16px;font-size:12px;display:grid}.kit-hero-meta strong{color:var(--pt-text);font-size:24px}.kit-section{border-top:1px solid var(--pt-border);flex-direction:column;gap:24px;padding:40px 0;scroll-margin-top:16px;display:flex}.kit-section h1{font-size:clamp(28px,4vw,44px)}.kit-example{flex-direction:column;gap:20px;display:flex}.kit-example details{border-top:1px solid var(--pt-border);margin-top:auto;padding-top:16px}.kit-example summary{cursor:pointer;min-height:44px;font-size:14px;font-weight:700}.kit-example pre{background:var(--pt-soft);max-width:100%;font:12px/1.6 var(--pt-mono);border-radius:8px;padding:16px;overflow:auto}.kit-example details>span{margin-top:8px;font-size:12px;display:block}.kit-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.kit-swatches>div{gap:6px;display:grid}.kit-swatches>div>div{border:1px solid var(--pt-border);border-radius:12px;height:100px}.kit-swatches strong{font-size:14px}.kit-swatches code{color:var(--pt-muted);font-size:12px}.kit-editorial{font:italic 28px/1.3 var(--pt-editorial)}.kit-spacing{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.kit-spacing span{gap:8px;font-size:12px;display:grid}.kit-spacing i{background:var(--pt-coral);border:1px solid var(--pt-ink);display:block}.kit-icons{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.kit-icons>div{text-align:center;flex-direction:column;align-items:center;gap:8px;font-size:12px;display:flex}.kit-flow{gap:12px;display:grid}.kit-flow>div{background:var(--pt-soft);border-radius:8px;gap:12px;padding:16px;display:flex}.kit-flow span{color:var(--pt-muted)}.kit-footer{border-top:1px solid var(--pt-border);gap:16px;padding:40px 0;display:grid}.kit-footer small{color:var(--pt-muted)}.kit-skip{z-index:99;background:var(--pt-lime);padding:12px;position:fixed;top:8px;left:8px;transform:translateY(-200%);color:var(--pt-ink)!important}.kit-skip:focus{transform:translateY(0)}@media (width>=640px){.kit-main{padding:32px}.kit-hero-meta{grid-template-columns:repeat(3,1fr)}.kit-swatches{grid-template-columns:repeat(5,1fr)}.kit-icons{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width>=1024px){.kit-layout{grid-template-columns:300px minmax(0,1fr);display:grid}.kit-sidebar{border-right:1px solid var(--pt-border);border-bottom:0;height:100vh;padding:32px 24px;position:sticky;top:0;overflow-y:auto}.kit-sidebar nav{display:block}.kit-tree-toggle{display:none}.kit-sidebar-note{border-top:1px solid var(--pt-border);gap:16px;margin-top:auto;padding-top:24px;display:grid}.kit-sidebar-note small{color:var(--pt-muted);font-size:12px}.kit-main{width:100%;max-width:1400px;margin:auto;padding:24px 48px}.kit-flow{grid-template-columns:repeat(5,minmax(0,1fr))}.kit-flow>div{flex-direction:column}.kit-section{padding:56px 0}}