/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--color-blue-300:oklch(80.9% .105 251.813);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--container-6xl:72rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--tracking-wider:.05em;--radius-md:.375rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.mx-auto{margin-inline:auto}.-mt-px{margin-top:-1px}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mr-2{margin-right:calc(var(--spacing) * 2)}.-ml-px{margin-left:-1px}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-12{margin-left:calc(var(--spacing) * 12)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-16{height:calc(var(--spacing) * 16)}.min-h-screen{min-height:100vh}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-auto{width:auto}.max-w-6xl{max-width:var(--container-6xl)}.max-w-xl{max-width:var(--container-xl)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.gap-2{gap:calc(var(--spacing) * 2)}.overflow-hidden{overflow:hidden}.rounded-md{border-radius:var(--radius-md)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-white{background-color:var(--color-white)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-all{word-break:break-all}.text-black{color:var(--color-black)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-gray-300{--tw-ring-color:var(--color-gray-300)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (hover:hover){.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:text-gray-400:hover{color:var(--color-gray-400)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}}.focus\:border-blue-300:focus{border-color:var(--color-blue-300)}.focus\:ring:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:bg-gray-100:active{background-color:var(--color-gray-100)}.active\:text-gray-500:active{color:var(--color-gray-500)}.active\:text-gray-700:active{color:var(--color-gray-700)}.active\:text-gray-800:active{color:var(--color-gray-800)}@media (width>=40rem){.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:flex-1{flex:1}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-start{justify-content:flex-start}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:pt-0{padding-top:0}}@media (width>=64rem){.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}}.rtl\:flex-row-reverse:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@media (prefers-color-scheme:dark){.dark\:border-gray-600{border-color:var(--color-gray-600)}.dark\:bg-gray-700{background-color:var(--color-gray-700)}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:text-gray-200{color:var(--color-gray-200)}.dark\:text-gray-300{color:var(--color-gray-300)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-gray-600{color:var(--color-gray-600)}@media (hover:hover){.dark\:hover\:bg-gray-900:hover{background-color:var(--color-gray-900)}.dark\:hover\:text-gray-200:hover{color:var(--color-gray-200)}.dark\:hover\:text-gray-300:hover{color:var(--color-gray-300)}}.dark\:focus\:border-blue-700:focus{border-color:var(--color-blue-700)}.dark\:focus\:border-blue-800:focus{border-color:var(--color-blue-800)}.dark\:active\:bg-gray-700:active{background-color:var(--color-gray-700)}.dark\:active\:text-gray-300:active{color:var(--color-gray-300)}}}:root{--bg:#fbfaf7;--surface:#fff;--surface-2:#f1efe9;--border:#e5e1d7;--border-soft:#efece4;--text:#1a1a18;--text-muted:#6b6860;--ink:#131318;--ink-2:#1c1c24;--ink-border:#ffffff1a;--ink-text:#f4f3ef;--ink-muted:#9b9aa5;--accent:#4f46e5;--accent-2:#db2777;--accent-3:#f59e0b;--accent-soft:#4f46e514;--accent-glow:#4f46e559;--green:#059669;--purple:#7c3aed;--yellow:#b45309;--mono:"JetBrains Mono", ui-monospace, monospace;--sans:"Inter", ui-sans-serif, system-ui, sans-serif;--display:"Space Grotesk", "Inter", ui-sans-serif, system-ui, sans-serif;--radius:14px;--shadow-sm:0 1px 2px #1a1a180f;--shadow-md:0 6px 20px #1a1a1814;--shadow-lg:0 18px 44px #13131829}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0d12;--surface:#17171f;--surface-2:#1f1f29;--border:#2a2a35;--border-soft:#23232e;--text:#ececf1;--text-muted:#9a99a6;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 6px 20px #00000080;--shadow-lg:0 18px 44px #0009}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh}section[id],div[id=docs],div[id=examples]{scroll-margin-top:76px}::selection{background:#db27772e}#scroll-top{z-index:60;background:linear-gradient(135deg, var(--accent), var(--accent-2) 60%, var(--accent-3));color:#fff;width:44px;height:44px;box-shadow:0 8px 24px var(--accent-glow), var(--shadow-md);cursor:pointer;opacity:0;visibility:hidden;border:none;border-radius:99px;place-items:center;transition:opacity .2s,visibility .2s,transform .2s,box-shadow .15s;display:grid;position:fixed;bottom:1.25rem;right:1.25rem;transform:translateY(8px)}#scroll-top.visible{opacity:1;visibility:visible;transform:translateY(0)}#scroll-top:hover{box-shadow:0 10px 30px var(--accent-glow), 0 0 0 4px var(--accent-soft), var(--shadow-md);transform:translateY(-2px)}nav{z-index:50;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--ink-border);background:#131318e0;align-items:center;gap:.85rem;padding:.8rem 2.25rem;display:flex;position:sticky;top:0}.nav-logo{font-family:var(--display);letter-spacing:-.02em;color:var(--ink-text);align-items:baseline;gap:0;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.nav-logo span{color:var(--accent-3)}.nav-tag{font-size:.7rem;font-family:var(--mono);border:1px solid var(--ink-border);color:var(--ink-muted);text-transform:lowercase;background:#ffffff0f;border-radius:99px;padding:.22rem .6rem}.nav-links{gap:.25rem;margin-left:auto;display:flex}.nav-links a{color:var(--ink-muted);border-radius:99px;padding:.38rem .8rem;font-size:.84rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.nav-links a:hover{color:var(--ink-text);background:#ffffff12}.nav-links a.active{color:var(--ink-text);background:#ffffff1a}.nav-theme-toggle{border:1px solid var(--ink-border);width:34px;height:34px;color:var(--ink-text);cursor:pointer;background:#ffffff0f;border-radius:99px;justify-content:center;align-items:center;margin-left:.5rem;padding:0;transition:background .15s,transform .15s;display:inline-flex}.nav-theme-toggle:hover{background:#ffffff1f;transform:translateY(-1px)}.nav-theme-toggle svg{width:16px;height:16px}.nav-theme-toggle .icon-sun,html.dark .nav-theme-toggle .icon-moon{display:none}html.dark .nav-theme-toggle .icon-sun{display:block}.hero-band{background:radial-gradient(900px 480px at 12% 0%, #4f46e559, transparent 60%), radial-gradient(760px 460px at 95% 30%, #db277738, transparent 55%), radial-gradient(600px 400px at 60% 100%, #f59e0b1a, transparent 55%), var(--ink);color:var(--ink-text);padding:4.5rem 2.25rem 5.5rem;position:relative;overflow:hidden}.hero-band:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 30%,#0000 95%);mask-image:linear-gradient(#000 30%,#0000 95%)}.hero{z-index:1;grid-template-columns:minmax(0,7fr) minmax(0,6fr);align-items:center;gap:3.5rem;max-width:1180px;margin:0 auto;animation:.5s ease-out both rise;display:grid;position:relative}.hero-copy{min-width:0}.hero-eyebrow{font-size:.7rem;font-family:var(--mono);color:var(--accent-3);letter-spacing:.02em;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:99px;align-items:center;gap:.5rem;margin-bottom:1.6rem;padding:.32rem .85rem;display:inline-flex}.hero-eyebrow:before{content:"";background:var(--accent-3);border-radius:99px;width:6px;height:6px}h1{font-family:var(--display);letter-spacing:-.035em;color:#fff;font-size:clamp(2.6rem,5vw,4.1rem);font-weight:700;line-height:1.04}h1 em{background:linear-gradient(100deg, var(--accent-3), var(--accent-2) 55%, #a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-sub{color:var(--ink-muted);max-width:46ch;margin-top:1.35rem;font-size:1.08rem;line-height:1.75}.url-bar{border:1px solid var(--ink-border);text-align:left;background:#ffffff0d;border-radius:12px;align-items:stretch;max-width:560px;margin-top:2rem;display:flex;overflow:hidden}.url-bar-prefix{font-family:var(--mono);color:var(--ink-muted);border-right:1px solid var(--ink-border);white-space:nowrap;background:#ffffff0d;align-self:stretch;align-items:center;padding:.7rem .9rem;font-size:.8rem;display:flex}.url-bar-path{font-family:var(--mono);color:var(--ink-text);white-space:nowrap;text-overflow:ellipsis;flex:1;padding:.7rem .9rem;font-size:.8rem;overflow:hidden}.url-bar-path .pk,.route-pill .pk,.url-bar-path .ph,.route-pill .ph,.url-bar-path .sp,.route-pill .sp,.url-bar-path .qa,.route-pill .qa{border-radius:5px;padding:.05em .3em}.url-bar-path .pk,.route-pill .pk{color:#818cf8;background:#818cf81f}.url-bar-path .ph,.route-pill .ph{color:#34d399;background:#34d3991f}.url-bar-path .sp,.route-pill .sp{color:var(--accent-3);background:#f59e0b24}.url-bar-path .qa,.route-pill .qa{color:#c084fc;background:#c084fc1f}.url-bar-path .qv,.route-pill .qv{color:var(--text)}.url-bar .qv{color:var(--ink-text)}.builder{background:var(--surface);min-width:0;color:var(--text);text-align:left;box-shadow:var(--shadow-lg);border:1px solid #ffffff24;border-radius:20px;padding:1.5rem 1.5rem 1.35rem;position:relative;overflow:hidden}.builder:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2) 50%, var(--accent-3));height:3px;position:absolute;top:0;left:0;right:0}.builder-title{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.builder-title h2{font-family:var(--display);letter-spacing:-.01em;font-size:1.02rem;font-weight:700}.builder-title .live{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--green);align-items:center;gap:.35rem;font-size:.7rem;display:inline-flex}.builder-title .live:before{content:"";background:var(--green);border-radius:99px;width:7px;height:7px;animation:1.8s ease-in-out infinite pulse}.builder-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.builder-field{flex-direction:column;gap:.3rem;min-width:0;display:flex}.builder-field-wide{grid-column:span 2}.builder-field label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:.7rem;font-weight:600}.builder-field input[type=number],.builder-field input[type=text],.builder-field select{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--mono);border-radius:10px;outline:none;padding:.5rem .6rem;font-size:.8rem;transition:border-color .15s,box-shadow .15s}.builder-field input:focus,.builder-field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:var(--surface)}.builder-hint{min-height:1.1em;font-family:var(--mono);color:var(--accent-3);opacity:0;align-items:center;gap:.3rem;margin-top:.4rem;font-size:.7rem;transition:opacity .15s,transform .15s;display:flex;transform:translateY(-2px)}.builder-hint.show{opacity:1;transform:none}.builder-colors{gap:.6rem;margin-top:.6rem;display:flex}.builder-color{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;flex:1;align-items:center;gap:.5rem;padding:.4rem .6rem;display:flex}.builder-color input.cw-native{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.builder-color .cw-swatch{border:1px solid var(--border);cursor:pointer;border-radius:50%;width:32px;height:32px;padding:0;transition:transform .12s,box-shadow .12s;box-shadow:inset 0 0 0 2px #ffffff1f}.builder-color .cw-swatch:hover{box-shadow:inset 0 0 0 2px #fff3, 0 0 0 3px var(--accent-glow);transform:scale(1.08)}.hexinput{border:none;border-bottom:1px dashed var(--border);font-family:var(--mono);color:var(--text);cursor:text;background:0 0;outline:none;width:7ch;padding:0;font-size:.78rem}.hexinput:focus{border-bottom-color:var(--accent)}.cw-pop{z-index:60;background:var(--surface);border:1px solid var(--border);touch-action:none;border-radius:14px;flex-direction:column;gap:10px;width:210px;padding:12px;display:flex;position:absolute;box-shadow:0 14px 40px #00000073}.cw-ring{cursor:crosshair;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:50%;width:186px;height:186px;position:relative}.cw-ring:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:18px}.cw-square{cursor:crosshair;border-radius:10px;width:186px;height:128px;position:relative}.cw-mark{pointer-events:none;border:2px solid #fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080}.cw-hue-mark{width:14px;height:14px}.cw-sv-mark{width:12px;height:12px}.builder-color .hexwrap{flex-direction:column;display:flex}.builder-color .hexlabel{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.7rem;font-weight:600}.builder-color .hexval{font-family:var(--mono);color:var(--text);font-size:.78rem}.builder-preview{border-top:1px solid var(--border-soft);align-items:flex-start;gap:1rem;margin-top:1.1rem;padding-top:1.1rem;display:flex}.builder-preview-frame{box-shadow:inset 0 0 0 2px var(--border), var(--shadow-sm);border-radius:18px;flex:none;overflow:hidden}.builder-preview img{width:auto;max-width:220px;max-height:150px;margin-inline:auto;transition:opacity .14s,transform .14s;display:block}.builder-preview img.is-updating{opacity:.4;transform:scale(.98)}.builder-result{flex-direction:column;flex:1;gap:.5rem;min-width:0;display:flex}.builder-url{font-family:var(--mono);color:var(--accent);background:var(--surface-2);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:9px;padding:.5rem .65rem;font-size:.7rem;line-height:1.5}.btn-copy{background:var(--ink);color:#fff;font-family:var(--sans);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-self:stretch;align-items:center;gap:.4rem;padding:.58rem 1rem;font-size:.82rem;font-weight:600;transition:background .2s,transform .1s;display:inline-flex}.btn-copy:hover{background:var(--accent)}.btn-copy:active{transform:scale(.98)}.btn-copy.copied{background:var(--green);animation:.3s copy-pop}@keyframes copy-pop{0%{transform:scale(1)}45%{transform:scale(1.06)}to{transform:scale(1)}}.features{z-index:2;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1180px;margin:0 auto -2.5rem;padding:0 2.25rem;display:grid;position:relative}.feature{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:14px;align-items:center;gap:.8rem;padding:1.05rem 1.15rem;display:flex;transform:translateY(-50%)}.feature .icon{border-radius:11px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.05rem;display:inline-flex}.feature:first-child .icon{background:#4f46e51a}.feature:nth-child(2) .icon{background:#db27771a}.feature:nth-child(3) .icon{background:#f59e0b1f}.feature strong{font-family:var(--display);font-size:.9rem;font-weight:600;display:block}.feature small{color:var(--text-muted);margin-top:.15rem;font-size:.7rem;display:block}.section-head{align-items:baseline;gap:.9rem;margin-bottom:1.1rem;display:flex}.section-head .num{font-family:var(--mono);color:var(--accent-2);letter-spacing:.05em;font-size:.7rem}.section-head h2{font-family:var(--display);letter-spacing:-.025em;font-size:1.7rem;font-weight:700}.section-head .rule{background:var(--border);flex:1;align-self:center;height:1px}.content-intro{max-width:1180px;margin:0 auto;padding:3.5rem 2.25rem 0}.prose{color:var(--text-muted);margin-bottom:1.05rem;font-size:.98rem;line-height:1.8}.prose strong{color:var(--text)}.prose em{color:var(--text);font-style:italic}.content-intro h3{font-family:var(--display);letter-spacing:-.01em;margin:1.9rem 0 .85rem;font-size:1.08rem;font-weight:600}.usecases{grid-template-columns:repeat(2,1fr);gap:.4rem 2.5rem;padding:0;list-style:none;display:grid}.usecases li{border-top:1px solid var(--border-soft);gap:.9rem;padding:.95rem 0;display:flex}.usecases li .uc-thumb{border:1px solid var(--border);width:72px;height:48px;box-shadow:var(--shadow-sm);border-radius:8px;flex:none}.usecases li strong{font-family:var(--display);letter-spacing:-.01em;color:var(--text);font-size:.95rem;font-weight:600;display:block}.usecases li small{color:var(--text-muted);margin-top:.2rem;font-size:.86rem;line-height:1.6;display:block}.main{grid-template-columns:330px minmax(0,1fr);align-items:start;gap:2rem;max-width:1180px;margin:0 auto;padding:3rem 2.25rem 5rem;display:grid}.sidebar{flex-direction:column;gap:1rem;display:flex;position:sticky;top:84px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{border-bottom:1px solid var(--border-soft);font-family:var(--display);letter-spacing:.01em;color:var(--text);align-items:center;gap:.5rem;padding:.8rem 1.1rem;font-size:.82rem;font-weight:600;display:flex}.card-header:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:2px;width:8px;height:8px}.card-body{padding:1rem 1.1rem}.route-pill{background:var(--ink);font-family:var(--mono);color:var(--ink-text);border-radius:10px;padding:.8rem .95rem;font-size:.78rem;line-height:1.85;display:block}.route-pill .dim,.route-pill .qa{color:var(--ink-muted)}.route-pill .qv{color:var(--ink-text)}.params-list{flex-direction:column;display:flex}.param-row{border-bottom:1px solid var(--border-soft);grid-template-columns:86px 1fr;align-items:baseline;gap:.5rem;padding:.58rem 0;font-size:.86rem;display:grid}.param-row:last-child{border-bottom:none}.param-name{font-family:var(--mono);color:var(--yellow);font-size:.7rem;font-weight:500}.param-name.pk{color:var(--accent)}.param-name.ph{color:var(--green)}.param-name.sp{color:var(--yellow)}.param-desc{color:var(--text-muted);line-height:1.5}.param-desc code{font-family:var(--mono);background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:5px;padding:.05em .35em;font-size:.7rem}.positions-grid{font-family:var(--mono);grid-template-columns:repeat(3,1fr);gap:.35rem;font-size:.7rem;display:grid}.pos-cell{background:var(--surface-2);border:1px solid var(--border);text-align:center;color:var(--text-muted);cursor:pointer;font:inherit;border-radius:8px;padding:.38rem .4rem;transition:background .15s,border-color .15s,color .15s,transform .15s}.pos-cell:hover{border-color:var(--accent);color:var(--text);background:var(--accent-soft);transform:translateY(-1px)}.pos-cell:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.pos-cell.active{color:#fff;border-color:var(--accent);background:var(--accent)}.gallery-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.gallery-title{font-family:var(--display);color:var(--text);font-size:.95rem;font-weight:600}.gallery-title .count{font-family:var(--mono);color:var(--text-muted);margin-left:.5rem;font-size:.7rem}.gallery{align-items:flex-start;gap:1rem;display:flex}.gallery-col{flex-direction:column;flex:1;gap:1rem;min-width:0;display:flex}.eg{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);opacity:0;transition:border-color .2s,transform .2s,box-shadow .2s;animation:.4s ease-out forwards rise;overflow:hidden}.eg:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-3px)}.eg:first-child{animation-delay:0s}.eg:nth-child(2){animation-delay:60ms}.eg:nth-child(3){animation-delay:.12s}.eg:nth-child(4){animation-delay:.18s}.eg:nth-child(5){animation-delay:.24s}.eg:nth-child(6){animation-delay:.3s}.eg:nth-child(7){animation-delay:.36s}.eg:nth-child(8){animation-delay:.42s}.eg:nth-child(9){animation-delay:.48s}.eg-img{border-bottom:1px solid var(--border-soft);background:var(--surface-2);width:auto;max-width:100%;height:auto;margin-inline:auto;display:block}.eg-img--native{width:auto;max-width:100%;max-height:200px;margin-inline:auto}.eg-footer{padding:.7rem .85rem}.eg-label{font-family:var(--display);color:var(--text);margin-bottom:.3rem;font-size:.8rem;font-weight:600}.eg-url{font-family:var(--mono);color:var(--accent);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;font-size:.7rem;text-decoration:none;display:block;overflow:hidden}.eg-url:hover{text-decoration:underline}.faq-section{max-width:1180px;margin:0 auto;padding:1rem 2.25rem 4rem}.faq-list{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}.faq-item{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;padding:1.1rem 1.3rem;transition:box-shadow .2s,transform .2s}.faq-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.faq-item h3{font-family:var(--display);margin-bottom:.45rem;font-size:.95rem;font-weight:600}.faq-item p{color:var(--text-muted);font-size:.87rem;line-height:1.7}.faq-item p strong{color:var(--text)}.faq-item code,.prose code{font-family:var(--mono);background:var(--surface-2);border:1px solid var(--border);color:var(--accent);border-radius:5px;padding:.1em .4em;font-size:.78rem}footer{background:var(--ink);color:var(--ink-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:2.2rem 2.25rem;font-size:.8rem;display:flex;position:relative}footer:before{content:"";background:linear-gradient(90deg, transparent, var(--accent) 30%, var(--accent-3) 70%, transparent);height:1px;position:absolute;top:0;left:0;right:0}.foot-brand{flex-wrap:wrap;align-items:baseline;gap:.7rem;display:flex}.foot-logo{font-family:var(--display);color:var(--ink-text);font-size:.95rem;font-weight:700}.foot-logo span{color:var(--accent-3)}.foot-desc{color:var(--ink-muted);font-size:.8rem}.foot-stats{flex-wrap:wrap;gap:.5rem;display:flex}.foot-stat{font-family:var(--mono);color:var(--ink-text);border:1px solid var(--ink-border);background:#ffffff0d;border-radius:99px;padding:.3rem .7rem;font-size:.72rem}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.5}}.js .section-head,.js .card,.js .usecases li,.js .faq-item{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(16px)}.js .section-head.in,.js .card.in,.js .usecases li.in,.js .faq-item.in{opacity:1;transform:none}.js .usecases li:nth-child(2){transition-delay:60ms}.js .usecases li:nth-child(3){transition-delay:.12s}.js .usecases li:nth-child(4){transition-delay:.18s}.js .usecases li:nth-child(5){transition-delay:.24s}.js .usecases li:nth-child(6){transition-delay:.3s}.js .faq-item:nth-child(2){transition-delay:80ms}.js .faq-item:nth-child(3){transition-delay:.16s}.js .faq-item:nth-child(4){transition-delay:.24s}@media (prefers-reduced-motion:reduce){.hero,.eg{opacity:1;animation:none}.builder-title .live:before{animation:none}.js .section-head,.js .card,.js .usecases li,.js .faq-item{opacity:1;transition:none;transform:none}.builder-preview img{transition:none}.btn-copy.copied{animation:none}.builder-hint{transition:none}html{scroll-behavior:auto}}@media (width<=1020px){.hero{grid-template-columns:1fr;gap:2.25rem}.main{grid-template-columns:1fr}.sidebar{position:static}.gallery{flex-direction:column;align-items:stretch}.gallery-col{flex-flow:wrap;flex:none;width:100%}.eg{flex:1 0 250px}.features{grid-template-columns:1fr;margin:1.75rem auto 0}.feature{transform:none}.faq-list{grid-template-columns:1fr}.usecases{grid-template-columns:1fr 1fr}}@media (width<=560px){nav{padding:.9rem 1rem}.nav-tag{display:none}.hero-band{padding:3rem 1.25rem 4.5rem}.features{padding:0 1.25rem}.main{padding:2rem 1.25rem 4rem}.content-intro,.faq-section{padding-left:1.25rem;padding-right:1.25rem}.gallery-col{flex-flow:column}.eg{flex:none}.usecases{grid-template-columns:1fr}.builder-grid{grid-template-columns:1fr 1fr}.builder-colors{flex-direction:column}.builder-preview{flex-direction:column;align-items:stretch}.builder-preview-frame{width:100%}.builder-preview img{width:auto;max-width:100%;height:auto;max-height:none;margin-inline:auto}.url-bar-path{white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-overflow:clip;line-height:1.45}footer{text-align:center;flex-direction:column;gap:1.1rem}.foot-stats{justify-content:center}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}