@font-face{font-family:GeistSans;src:url(/_next/static/media/0b78ff376f6b9734-s.p.woff2) format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local("Arial");ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.00%;size-adjust:106.28%}.__className_8adcd2{font-family:GeistSans,GeistSans Fallback}.__variable_8adcd2{--font-geist-sans:"GeistSans","GeistSans Fallback"}@font-face{font-family:GeistMono;src:url(/_next/static/media/723e11e5093b8e80.p.woff2) format("woff2");font-display:swap;font-weight:100 900}.__className_46451f{font-family:GeistMono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.__variable_46451f{--font-geist-mono:"GeistMono",ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:root{--bg:#fafafa;--surface:#ffffff;--fg:#171717;--fg-muted:#666666;--border:#eaeaea;--border-strong:#d4d4d4;--code-bg:#f4f4f5;--accent:#0a84ff}@media (prefers-color-scheme:dark){:root{--bg:#000000;--surface:#0a0a0a;--fg:#ededed;--fg-muted:#9ca3af;--border:#1f1f1f;--border-strong:#2e2e2e;--code-bg:#111111;--accent:#4d9fff}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--fg);font-family:var(--font-geist-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6;font-feature-settings:"cv02","cv03","cv04","cv11"}a{color:inherit}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page{min-height:100vh;display:flex;flex-direction:column}.mono{font-family:var(--font-geist-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-feature-settings:"cv02","cv03"}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.header{position:-webkit-sticky;position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);box-shadow:0 1px 2px rgba(0,0,0,.04)}.brand,.header{align-items:center}.brand{display:inline-flex;font-weight:600;font-size:15px;letter-spacing:-.01em;text-decoration:none}.brand-logo{display:block;height:22px;width:auto}.brand:hover .brand-logo{filter:brightness(.9)}.header-links{display:flex;align-items:center;gap:20px}.header-link{font-size:14px;color:var(--fg-muted);text-decoration:none;transition:color .15s ease}.header-link:hover{color:var(--fg)}.main{width:100%;flex:1 1}.inner{max-width:960px;margin-inline:auto;padding-inline:24px}.hero{padding:88px 0 32px;text-align:center}.hero-label{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border:1px solid var(--border);border-radius:999px;color:var(--fg-muted);font-size:13px}.hero-label-dot{width:6px;height:6px;border-radius:50%;background:#ff2e88}.hero-title{margin:20px auto 16px;font-size:clamp(40px,7vw,72px);line-height:1.05;letter-spacing:-.03em;font-weight:600;max-width:16ch}.hero-lede{margin:0 auto;max-width:56ch;font-size:18px;color:var(--fg-muted)}.tool{margin:56px auto 0;max-width:640px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface);overflow:hidden;text-align:left}.tool-controls{display:flex;flex-wrap:wrap;gap:12px;padding:16px;border-bottom:1px solid var(--border);align-items:flex-end}.field{display:flex;flex-direction:column;gap:6px}.field-text{flex:1 1 240px}.field-label{font-size:12px;color:var(--fg-muted);font-family:var(--font-geist-mono),ui-monospace,monospace}.input,.select{height:38px;padding:0 12px;border:1px solid var(--border-strong);border-radius:8px;background:var(--bg);color:var(--fg);font-family:var(--font-geist-sans),system-ui,sans-serif;font-size:15px;width:100%}.select{width:auto;min-width:150px}.field-link{color:var(--fg-muted);font-size:11.5px;text-decoration:none;transition:color .15s ease}.field-link:hover{color:var(--fg)}.tool-preview{display:grid;place-items:center;padding:40px 24px;min-height:180px}.tool-preview img{max-width:100%;height:auto;image-rendering:auto}.tool-url{display:flex;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid var(--border);background:var(--code-bg)}.tool-url code{flex:1 1;overflow-x:auto;white-space:nowrap;color:var(--fg);font-size:12.5px}.env-badge{flex-shrink:0;padding:1px 7px;border-radius:999px;font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:10.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#f59e0b}.preview-error{margin:0;max-width:46ch;font-size:14px;color:var(--fg-muted);text-align:center;line-height:1.5}.preview-error code{font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:12.5px;color:var(--fg);background:var(--code-bg);padding:1px 5px;border-radius:4px}.tool-url-actions{display:flex;gap:8px}.copy-btn,.tool-url-actions{align-items:center;flex-shrink:0}.copy-btn{display:inline-flex;gap:6px;height:30px;padding:0 12px;border:1px solid var(--border-strong);border-radius:6px;background:transparent;color:var(--fg);font-family:var(--font-geist-sans),system-ui,sans-serif;font-size:13px;cursor:pointer;text-decoration:none;transition:all .15s ease}.copy-btn:hover{background:var(--fg);color:var(--bg)}.section{padding:96px 0 24px}.section-head{margin-bottom:32px}.section-title{margin:0 0 8px;font-size:clamp(26px,4vw,34px);letter-spacing:-.02em;line-height:1.15;font-weight:600}.section-desc{margin:0;color:var(--fg-muted);font-size:16px;max-width:60ch}.section.gallery{padding:96px 24px 24px}.showcase{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:18px;gap:18px;width:100%}.showcase-item{position:relative;display:flex;flex-direction:column;gap:12px;padding:18px 14px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);text-align:center;min-height:170px;min-width:0;overflow:hidden}.showcase-item,.showcase-open{align-items:center;justify-content:center}.showcase-open{position:absolute;top:8px;right:8px;display:inline-flex;width:28px;height:28px;border-radius:6px;border:1px solid var(--border-strong);background:color-mix(in srgb,var(--surface) 85%,transparent);color:var(--fg-muted);opacity:0;transform:translateY(-2px);transition:opacity .15s ease,transform .15s ease,color .15s ease}.showcase-item:hover .showcase-open,.showcase-open:focus-visible{opacity:1;transform:translateY(0)}.showcase-open:hover{color:var(--fg)}.showcase-item img{width:auto;max-width:100%;height:96px;object-fit:contain}.showcase-caption{color:var(--fg-muted);font-size:11px;overflow-wrap:anywhere;max-width:100%}.usage-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;align-items:start}.usage-block{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--code-bg)}.usage-block pre{margin:0;padding:16px;overflow-x:auto;font-size:13px;line-height:1.7}.usage-block code{font-family:var(--font-geist-mono),ui-monospace,SFMono-Regular,Menlo,monospace}.params-table{width:100%;border-collapse:collapse;font-size:14px;margin-top:24px}.params-table td,.params-table th{border-bottom:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:baseline}.params-table thead th{color:var(--fg-muted);font-size:12px;text-transform:none;font-weight:500}.params-table td.alias,.params-table td.code{font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:12.5px;white-space:nowrap}.params-table td.desc{color:var(--fg-muted)}.params-table td.desc a{color:var(--fg);text-decoration:underline;text-underline-offset:3px;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);transition:-webkit-text-decoration-color .15s ease;transition:text-decoration-color .15s ease;transition:text-decoration-color .15s ease,-webkit-text-decoration-color .15s ease}.params-table td.desc a:hover{-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.usage-cases{display:flex;flex-direction:column;gap:14px}.usage-case{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:center;grid-gap:24px;gap:24px;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:20px 24px}.usage-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px 10px;border:1px dashed var(--border);border-radius:8px;background:color-mix(in srgb,var(--bg) 60%,transparent);min-width:0}.usage-art img,.usage-stack img{max-width:100%;height:auto}.usage-stack{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.usage-body{min-width:0}.usage-name{margin:0 0 6px;font-size:17px;font-weight:600;letter-spacing:-.01em}.usage-desc{margin:0 0 14px;color:var(--fg-muted);font-size:14px}.usage-desc code{font-family:var(--font-geist-mono),ui-monospace,monospace;font-size:12.5px;background:var(--code-bg);padding:1px 5px;border-radius:4px}.usage-code{margin:0;padding:12px 14px;overflow-x:auto;border:1px solid var(--border);border-radius:8px;background:var(--code-bg);font-size:13px;line-height:1.7}.usage-code code{font-family:var(--font-geist-mono),ui-monospace,SFMono-Regular,Menlo,monospace}@media (max-width:720px){.hero{padding-top:56px}.section{padding-top:64px}.params-table{font-size:13px}.usage-case{grid-template-columns:1fr;gap:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.footer{margin-top:96px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;color:var(--fg-muted);font-size:13px;flex-wrap:wrap}.footer a{color:var(--fg);text-decoration:none}.nf{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.nf-art{height:auto}.nf-title{margin:8px 0 0;font-size:clamp(22px,4vw,32px);letter-spacing:-.02em;line-height:1.2;font-weight:600}.nf-desc{margin:0;color:var(--fg-muted);font-size:16px;max-width:44ch}.nf-link{margin-top:8px;font-size:15px;color:var(--fg);text-decoration:none;border-bottom:1px solid var(--border-strong);padding-bottom:2px;transition:border-color .15s ease}.nf-link:hover{border-color:currentColor}