@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/praticon-glyphs/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/praticon-glyphs/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/praticon-glyphs/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/praticon-glyphs/assets/hanken-grotesk-vietnamese-wght-normal-CHiFlh_0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/praticon-glyphs/assets/hanken-grotesk-latin-ext-wght-normal-Dg-wlmqe.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/praticon-glyphs/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/praticon-glyphs/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/praticon-glyphs/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/praticon-glyphs/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/praticon-glyphs/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/praticon-glyphs/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#f7f6fb;--surface:#fff;--surface-2:#f1eff8;--ink:#15121f;--ink-2:#3a3650;--muted:#6a6680;--line:#e5e2ee;--line-strong:#cfcadf;--grid:#ebe8f4;--grid-major:#ddd8eb;--accent:#5b21b6;--accent-hover:#4c1d95;--accent-ink:#fff;--accent-soft:#efe9fd;--accent-line:#c9b6f5;--focus:#7c3aed;--success:#047857;--star:#d97706;--shadow-sm:0 1px 2px #15121f0d;--shadow-md:0 2px 4px #15121f0a, 0 12px 32px -8px #15121f1f;--shadow-lg:0 4px 8px #15121f0d, 0 24px 64px -16px #2e106538;--display:"Bricolage Grotesque Variable", "Hanken Grotesk Variable", "Segoe UI", system-ui, sans-serif;--sans:"Hanken Grotesk Variable", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;--mono:"JetBrains Mono Variable", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius-sm:8px;--radius:12px;--radius-lg:20px;--page:1240px;--gutter:24px;--header-height:60px;--ease:cubic-bezier(.2, .7, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0d0c13;--surface:#15131e;--surface-2:#1c1a28;--ink:#efedf7;--ink-2:#cbc7dc;--muted:#9b96b2;--line:#282538;--line-strong:#3b3752;--grid:#1d1b2a;--grid-major:#272439;--accent:#b59dff;--accent-hover:#c9b8ff;--accent-ink:#15121f;--accent-soft:#241c3c;--accent-line:#4b3a7d;--focus:#c4b0fa;--success:#34d399;--star:#fbbf24;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 4px #0000004d, 0 12px 32px -8px #00000080;--shadow-lg:0 4px 8px #0000004d, 0 24px 64px -16px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#0d0c13;--surface:#15131e;--surface-2:#1c1a28;--ink:#efedf7;--ink-2:#cbc7dc;--muted:#9b96b2;--line:#282538;--line-strong:#3b3752;--grid:#1d1b2a;--grid-major:#272439;--accent:#b59dff;--accent-hover:#c9b8ff;--accent-ink:#15121f;--accent-soft:#241c3c;--accent-line:#4b3a7d;--focus:#c4b0fa;--success:#34d399;--star:#fbbf24;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 4px #0000004d, 0 12px 32px -8px #00000080;--shadow-lg:0 4px 8px #0000004d, 0 24px 64px -16px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,p{margin:0}button,input{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::selection{background:var(--accent-soft);color:var(--ink)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}kbd{border:1px solid var(--line-strong);background:var(--surface);min-width:1.6em;color:var(--ink-2);font:500 11px/1.6 var(--mono);text-align:center;border-bottom-width:2px;border-radius:6px;padding:0 6px;display:inline-block}.app{flex-direction:column;min-height:100vh;display:flex}.skip-link{z-index:50;border-radius:var(--radius-sm);background:var(--ink);color:var(--paper);padding:8px 14px;font-weight:600;text-decoration:none;position:absolute;top:-48px;left:16px}.skip-link:focus{top:12px}.eyebrow{color:var(--accent);font:600 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}.text-link{color:var(--accent);text-underline-offset:3px;font-weight:600;text-decoration-thickness:1px}.text-link:hover{color:var(--accent-hover)}.button{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .15s var(--ease), border-color .15s, background .15s, box-shadow .15s;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{border-color:var(--ink-2);transform:translateY(-1px)}.button:active{transform:translateY(0)}.button.primary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);box-shadow:0 1px 2px #2e106540,inset 0 1px #ffffff24}.button.primary:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.button.large{border-radius:12px;padding:12px 20px;font-size:16px}.button[aria-pressed=true]{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}.icon-button{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--muted);cursor:pointer;border-radius:10px;flex:none;place-items:center;transition:color .15s,border-color .15s,background .15s;display:grid}.icon-button:hover{border-color:var(--line-strong);color:var(--ink)}.text-button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:4px 6px;font-size:14px;font-weight:600}.text-button:disabled{color:var(--muted);opacity:.5;cursor:default}.site-header{z-index:20;border-bottom:1px solid color-mix(in srgb, var(--line) 80%, transparent);background:color-mix(in srgb, var(--paper) 82%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);position:sticky;top:0}.site-header-inner{max-width:var(--page);height:var(--header-height);padding-inline:var(--gutter);align-items:center;gap:24px;margin:0 auto;display:flex}.wordmark{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.wordmark-mark{background:var(--accent);width:30px;height:30px;color:var(--accent-ink);border-radius:9px;flex:none;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff2e}.wordmark-name{font:700 19px/1 var(--display);letter-spacing:-.02em}.wordmark-version{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 7px;font-size:11px}.site-nav{gap:2px;margin-left:auto;display:flex}.site-nav a{white-space:nowrap;color:var(--muted);border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:15px;font-weight:600;text-decoration:none;transition:color .15s,background .15s;display:inline-flex}.site-nav a:hover{color:var(--ink)}.label-short{display:none}.site-nav a[aria-current=page]{background:var(--surface-2);color:var(--ink)}.theme-toggle{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--ink-2);cursor:pointer;border-radius:10px;flex:none;place-items:center;display:grid}.theme-toggle:hover{color:var(--ink)}.theme-icon-sun{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-icon-sun{display:block}:root:not([data-theme=light]) .theme-icon-moon{display:none}}:root[data-theme=dark] .theme-icon-sun{display:block}:root[data-theme=dark] .theme-icon-moon{display:none}.hero{isolation:isolate;width:100%;max-width:var(--page);padding:72px var(--gutter) 88px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:56px;margin:0 auto;display:grid;position:relative}.hero:before{content:"";z-index:-1;background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-position:top;background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70% at 62% 45%,#000 25%,#0000 100%);mask-image:radial-gradient(70% 70% at 62% 45%,#000 25%,#0000 100%)}.hero-copy{justify-items:start;gap:24px;display:grid}.hero-title{font:800 clamp(3rem, 7vw, 5.6rem) / .95 var(--display);letter-spacing:-.045em;text-wrap:balance}.hero-title-accent{color:var(--accent)}.hero-lede{max-width:34rem;color:var(--ink-2);text-wrap:pretty;font-size:1.2rem;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.install{border:1px solid var(--line);background:var(--surface);width:min(100%,420px);box-shadow:var(--shadow-sm);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:6px 6px 6px 16px;display:flex}.install code{white-space:nowrap;font-size:14px;overflow-x:auto}.prompt{color:var(--accent)}.hero-stats{border-top:1px solid var(--line);grid-template-columns:repeat(4,auto);justify-self:stretch;gap:8px 32px;margin:8px 0 0;padding-top:20px;display:grid}.hero-stats div{gap:2px;display:grid}.hero-stats dt{color:var(--muted);font-size:13px}.hero-stats dd{margin:0;font-size:18px;font-weight:600}.specimen{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);width:100%;box-shadow:var(--shadow-lg);margin:0;padding:18px}.specimen-head,.specimen-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.specimen-head{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:0 4px 14px;font-size:12px}.specimen-canvas{aspect-ratio:1;border-radius:var(--radius);background:var(--paper);color:var(--accent);display:block;position:relative}.specimen-grid,.specimen-icon{width:calc(100% - 64px);height:calc(100% - 56px);position:absolute;top:28px;left:36px}.axis{color:var(--muted);opacity:.8;justify-content:space-between;font-size:10px;line-height:1;display:flex;position:absolute}.axis-x{top:10px;left:33px;right:25px}.axis-y{flex-direction:column;top:23px;bottom:23px;left:12px}.specimen-foot{padding:14px 4px 0}.specimen-name{font-size:15px;font-weight:600}.specimen-spec{color:var(--muted);margin-right:auto;font-size:12px}.specimen-progress{background:var(--line);border-radius:2px;height:2px;margin-top:14px;overflow:hidden}.specimen-progress span{background:var(--accent);transform-origin:0;height:100%;animation:3.2s linear forwards progress;display:block}.specimen-progress span.paused{animation-play-state:paused}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.specimen-grid line,.preview-grid line{stroke:var(--grid);stroke-width:.04px}.specimen-grid .major line,.preview-grid .major line{stroke:var(--grid-major);stroke-width:.06px}.specimen-grid rect,.preview-grid rect{fill:none}.live-area{stroke:var(--accent-line);stroke-width:.06px;stroke-dasharray:.3 .3}.draw>*{stroke-dasharray:1;stroke-dashoffset:1px;animation:draw .9s var(--ease) forwards;animation-delay:calc(var(--i,0) * .12s)}@keyframes draw{99.9%{stroke-dasharray:1;stroke-dashoffset:0}to{stroke-dasharray:none;stroke-dashoffset:0}}.browser{scroll-margin-top:var(--header-height);border-top:1px solid var(--line);background:var(--paper)}.toolbar{top:var(--header-height);z-index:10;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);position:sticky}.toolbar-inner{max-width:var(--page);padding:16px var(--gutter) 14px;grid-template-columns:minmax(0,1fr);gap:12px;margin:0 auto;display:grid}.search{border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:12px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:13px 0;font-size:16px}.search input::placeholder{color:var(--muted)}.toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;display:flex}.tabs-filter{overscroll-behavior-x:contain;scrollbar-width:none;flex:100%;gap:6px;min-width:0;margin:-3px;padding:3px 32px 3px 3px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000)}.tabs-filter::-webkit-scrollbar{display:none}.tabs-filter .chip{flex:none}.chip{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 10px 6px 12px;font-size:14px;font-weight:600;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.chip:hover{border-color:var(--line-strong);color:var(--ink)}.chip-count{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:0 6px;font-size:11px;line-height:18px}.chip[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.chip[aria-pressed=true] .chip-count{background:color-mix(in srgb, var(--paper) 18%, transparent);color:var(--paper)}.chip-saved svg{color:var(--star)}.controls{flex-wrap:wrap;align-items:center;gap:8px 18px;display:flex}.control{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.control input[type=range]{width:96px;accent-color:var(--accent)}.control output{min-width:2.5ch;color:var(--ink);font-size:12px}.swatches{align-items:center;gap:6px;display:flex}.swatch{border:2px solid var(--surface);width:22px;height:22px;box-shadow:0 0 0 1px var(--line-strong);cursor:pointer;transition:transform .15s var(--ease);border-radius:50%;flex:none;padding:0;position:relative}.swatch:hover{transform:scale(1.12)}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink)}.swatch-text{background:linear-gradient(135deg, var(--ink) 50%, var(--paper) 50%)}.swatch-custom{background:conic-gradient(#ef4444,#f59e0b,#22c55e,#06b6d4,#6366f1,#d946ef,#ef4444);overflow:hidden}.swatch-custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.layout{width:100%;max-width:var(--page);padding:24px var(--gutter) 72px;grid-template-columns:minmax(0,1fr);align-items:start;gap:28px;margin:0 auto;display:grid}.layout:has(.detail){grid-template-columns:minmax(0,1fr) 380px}.notice{border:1px solid var(--accent-line);border-radius:var(--radius);background:var(--accent-soft);margin-bottom:16px;padding:12px 16px}.results-bar{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin-bottom:14px;font-size:14px;display:flex}.count{font-weight:600}.shortcuts kbd{margin:0 2px}.results-bar .share{align-items:center;gap:6px;margin-right:auto;padding:0 6px;font-size:13px;display:inline-flex}.grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.tile-cell{animation:tile-in .4s var(--ease) both;animation-delay:calc(var(--n,0) * 12ms);position:relative}@keyframes tile-in{0%{opacity:0;transform:translateY(6px)}}.tile{scroll-margin-top:calc(var(--header-height) + var(--toolbar-height,180px) + 16px);border:1px solid var(--line);background:var(--surface);width:100%;min-height:120px;color:var(--ink);transition:transform .18s var(--ease), border-color .18s, box-shadow .18s;border-radius:14px;grid-template-rows:1fr auto;justify-items:center;gap:10px;padding:18px 8px 12px;scroll-margin-bottom:16px;text-decoration:none;display:grid}.tile-icon{place-items:center;min-height:48px;display:grid}.tile:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tile[aria-current=page]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), var(--shadow-md)}.tile-name{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.tile:hover .tile-name,.tile[aria-current=page] .tile-name{color:var(--ink)}.tile-actions{gap:4px;display:flex;position:absolute;top:6px;right:6px}.tile-action{border:1px solid var(--line);background:var(--surface);width:26px;height:26px;color:var(--muted);cursor:pointer;opacity:0;border-radius:7px;place-items:center;transition:opacity .15s,color .15s,border-color .15s;display:grid}.tile-action:hover{border-color:var(--accent-line);color:var(--accent)}.tile-save[aria-pressed=true]{color:var(--star);opacity:1;background:0 0;border-color:#0000}@media (hover:hover){.tile-cell:hover .tile-action,.tile-cell:focus-within .tile-action{opacity:1}}@media (hover:none){.tile-copy,.tile-save:not([aria-pressed=true]),.shortcuts{display:none}}.empty{border:1px dashed var(--line-strong);border-radius:var(--radius-lg);max-width:460px;color:var(--muted);text-align:center;justify-items:center;gap:12px;margin:24px auto;padding:48px 24px;display:grid}.empty strong{color:var(--ink)}.detail{top:calc(var(--header-height) + var(--toolbar-height,180px) + 16px);max-height:calc(100vh - var(--header-height) - var(--toolbar-height,180px) - 32px);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);animation:panel-in .3s var(--ease);overscroll-behavior:contain;gap:18px;padding:20px;display:grid;position:sticky;overflow-y:auto}@keyframes panel-in{0%{opacity:0;transform:translate(12px)}}.detail-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.detail-title{overflow-wrap:anywhere;margin-top:4px;font-size:1.35rem;font-weight:700;line-height:1.2}.preview{aspect-ratio:1;border-radius:var(--radius);background:var(--paper);color:var(--ink);position:relative}.preview-grid,.preview-icon{width:84%;height:84%;position:absolute;inset:8%}.sizes{border:1px solid var(--line);border-radius:var(--radius);justify-content:space-between;align-items:end;padding:14px 16px 10px;display:flex}.sizes figure{justify-items:center;gap:8px;margin:0;display:grid}.sizes figcaption{color:var(--muted);font-size:11px}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--surface-2);color:var(--ink-2);border-radius:999px;padding:2px 10px;font-size:13px}.tag-since{background:var(--accent-soft);color:var(--accent);font-size:12px}.tabs{border-bottom:1px solid var(--line);gap:4px;display:flex}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:6px 12px;font-size:14px;font-weight:600}.tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--ink)}.code{background:var(--paper);white-space:pre-wrap;word-break:break-all;border-radius:10px;max-height:180px;margin:10px 0 0;padding:14px;font-size:12.5px;line-height:1.6;overflow:auto}.actions{flex-wrap:wrap;gap:8px;display:flex}.actions .button{padding:8px 12px;font-size:14px}.actions .button.primary{flex:1}.docs{width:100%;max-width:var(--page);padding:56px var(--gutter) 96px;grid-template-columns:220px minmax(0,1fr);align-items:start;gap:64px;margin:0 auto;display:grid}.doc-toc{top:calc(var(--header-height) + 32px);font-size:14px;position:sticky}.toc-title{color:var(--muted);font:600 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.doc-toc ol{border-left:1px solid var(--line);gap:2px;margin:0;padding:0 0 0 12px;list-style:none;display:grid}.doc-toc a{color:var(--muted);border-radius:6px;padding:5px 10px;font-weight:500;text-decoration:none;display:block}.doc-toc a:hover{background:var(--surface-2);color:var(--ink)}.doc-body{max-width:72ch}.doc-body h1{font:800 clamp(2.4rem, 5vw, 3.4rem) / 1.02 var(--display);letter-spacing:-.035em;text-wrap:balance}.lede{color:var(--ink-2);margin-top:16px;font-size:1.2rem;line-height:1.55}.doc-section{scroll-margin-top:calc(var(--header-height) + 24px);grid-template-columns:minmax(0,1fr);gap:14px;margin-top:56px;display:grid}.doc-section h2{font:700 1.6rem/1.2 var(--display);letter-spacing:-.02em}.doc-section h2 a{color:inherit;text-decoration:none}.doc-section h2 a:hover:after{content:" #";color:var(--accent)}.doc-section p{color:var(--ink-2)}.doc-body code{background:var(--surface-2);color:var(--ink);font-family:var(--mono);border-radius:6px;padding:1px 6px;font-size:.85em}.code-block{position:relative}.code-block .code{border:1px solid var(--line);background:var(--surface);white-space:pre;word-break:normal;max-height:none;box-shadow:var(--shadow-sm);margin:0;padding:16px 56px 16px 18px}.code-copy{position:absolute;top:8px;right:8px}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 14px}th{background:var(--surface-2);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:600}td code{white-space:nowrap}tr:last-child td{border-bottom:0}.site-footer{border-top:1px solid var(--line);background:var(--surface);margin-top:auto}.footer-inner{max-width:var(--page);padding:48px var(--gutter);grid-template-columns:minmax(0,1fr) auto;gap:40px;margin:0 auto;display:grid}.footer-brand{max-width:360px;color:var(--muted);align-items:start;gap:14px;font-size:14px;display:flex}.footer-brand strong{color:var(--ink)}.footer-links{grid-template-columns:repeat(3,auto);gap:48px;display:grid}.footer-links div{align-content:start;gap:8px;display:grid}.footer-heading{color:var(--ink);font-size:13px;font-weight:700}.footer-links a{color:var(--muted);font-size:14px;text-decoration:none}.footer-links a:hover{color:var(--accent)}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:40;pointer-events:none;position:fixed;transform:translate(-50%)}.toast[hidden]{display:none}.toast-message{background:var(--ink);color:var(--paper);white-space:nowrap;box-shadow:var(--shadow-lg);animation:toast-in .25s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:10px 16px 10px 12px;font-size:14px;font-weight:600;display:inline-flex}.toast-message svg{color:var(--success)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}@media (width<=1080px){.hero{grid-template-columns:minmax(0,1fr);gap:40px;padding-top:48px}.specimen{max-width:520px}.layout:has(.detail){grid-template-columns:minmax(0,1fr) 340px}}@keyframes sheet-in{0%{opacity:0;transform:translateY(24px)}}@media (width<=860px){:root{--gutter:16px}.site-header-inner{gap:12px}.wordmark-version,.site-nav .nav-external,.label-long{display:none}.label-short{display:inline}.site-nav a{padding:6px 8px;font-size:14px}.hero{padding-bottom:56px}.hero-stats{grid-template-columns:repeat(2,auto)}.controls{gap:8px 14px}.layout:has(.detail){grid-template-columns:minmax(0,1fr)}.detail{z-index:30;max-height:82vh;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;animation-name:sheet-in;position:fixed;inset:auto 0 0}.preview{justify-self:center;width:100%;max-width:220px}.grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.tile{min-height:100px}.docs{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:32px}.doc-toc{position:static}.doc-toc ol{border:0;flex-wrap:wrap;gap:6px;padding:0;display:flex}.doc-toc a{border:1px solid var(--line);border-radius:999px;font-size:13px}.footer-inner,.footer-links{grid-template-columns:minmax(0,1fr);gap:28px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}.draw>*{stroke-dasharray:none;stroke-dashoffset:0}}