*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}:root{--bg:#f6f8fb;--card:#fff;--ink:#0f1b2d;--muted:#5b6b7f;--line:#e4e9f0;--brand:#0d6efd;--brand-d:#0b5ed7;--green:#198754;--red:#dc3545;--purple:#6f42c1;--amber:#b7791f;--radius:14px;--shadow:0 1px 3px rgba(16,24,40,.08),0 8px 24px rgba(16,24,40,.04)}*{box-sizing:border-box}body,html{margin:0}body{font-family:Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.55}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1060px;margin:0 auto;padding:0 20px}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{gap:20px;height:62px;position:relative}.brand,.nav{display:flex;align-items:center}.brand{gap:10px;font-size:18px;color:var(--ink)}.brand:hover{text-decoration:none}.brand b{color:var(--brand)}.brand-mark{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand),var(--purple));color:#fff}.navtoggle{margin-inline-start:auto}.navtoggle>summary{list-style:none;cursor:pointer;color:var(--muted);padding:8px;border-radius:9px;display:inline-flex;align-items:center}.navtoggle>summary::-webkit-details-marker{display:none}.navtoggle>summary:hover{background:#f1f5f9;color:var(--ink)}.navtoggle .i-close,.navtoggle .i-open{display:inline-flex}.navtoggle .i-close,.navtoggle[open]>summary .i-open{display:none}.navtoggle[open]>summary .i-close{display:inline-flex}.nav-links{position:absolute;top:calc(100% + 6px);inset-inline:12px;z-index:40;display:flex;flex-direction:column;align-items:stretch;gap:2px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 28px rgba(16,24,40,.12);padding:8px}.nav-links a{color:var(--muted);font-weight:600;font-size:15px;padding:11px 12px;border-radius:8px;display:inline-flex;align-items:center;gap:8px}.nav-links a:hover{background:#f1f5f9;color:var(--ink);text-decoration:none}.nav-links a.btn{justify-content:center;color:#fff;margin-top:4px}.nav-links .navmenu{width:100%}.nav-links .navmenu>summary{width:100%;justify-content:space-between;font-size:15px;padding:11px 12px}.nav-links .navmenu .panel{position:static;box-shadow:none;border:0;border-radius:0;min-width:0;padding:2px 0 2px 12px;margin-top:2px}@media (min-width:768px){.navtoggle{display:flex;align-items:center;margin-inline-start:auto}.navtoggle>summary{display:none}.navtoggle::details-content{content-visibility:visible;display:contents}.nav-links{position:static;inset:auto;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;gap:6px;background:none;border:0;box-shadow:none;padding:0;border-radius:0}.nav-links a{font-size:14px;padding:8px 12px}.nav-links a.btn{margin-top:0}.nav-links .navmenu{width:auto}.nav-links .navmenu>summary{width:auto;justify-content:center;font-size:14px;padding:8px 12px}.nav-links .navmenu .panel{position:absolute;inset-inline-end:0;inset-inline-start:auto;top:calc(100% + 6px);box-shadow:0 8px 28px rgba(16,24,40,.12);border:1px solid var(--line);border-radius:10px;padding:6px;margin-top:0}}.hero{background:linear-gradient(160deg,#0b1a3a,#122a5e 60%,#1a3a7a);color:#fff;padding:72px 0 84px}.hero h1{font-size:40px;line-height:1.15;margin:0 0 16px;letter-spacing:-.02em}.hero p.lead{font-size:18px;color:#c7d6f0;max-width:640px;margin:0 0 28px}.hero .cta{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;font:inherit;font-weight:600;font-size:15px;cursor:pointer;padding:11px 20px;border:0;border-radius:10px;background:var(--brand);color:#fff;transition:.15s}.btn:hover{background:var(--brand-d);text-decoration:none}.btn.ghost{background:#f1f5f9;color:var(--ink)}.btn.ghost:hover{background:#e2e8f0}.btn.light{background:#fff;color:var(--ink)}.btn.light:hover{background:#eaf0fb;color:var(--brand-d)}.btn.green{background:var(--green)}.btn.red{background:var(--red)}.btn.sm{padding:7px 12px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.demo-col{display:flex;flex-direction:column;gap:20px;min-width:0}@media (max-width:900px){.demo-grid{grid-template-columns:1fr}}section{padding:56px 0}.section-title{font-size:26px;margin:0 0 8px;letter-spacing:-.01em}.section-sub{color:var(--muted);margin:0 0 28px;max-width:640px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.card,.grid-3{margin-bottom:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.grid-3 .card{margin-bottom:0}.card h3{margin:.2em 0 .4em;font-size:17px}.card p{color:var(--muted);margin:0;font-size:14.5px}.card .ico{font-size:24px}.card .ico .ic{width:26px;height:26px}.navmenu{position:relative}.navmenu>summary{list-style:none;cursor:pointer;color:var(--muted);font-weight:600;font-size:14px;padding:8px 12px;border-radius:8px;display:inline-flex;align-items:center;gap:6px}.navmenu>summary::-webkit-details-marker{display:none}.navmenu>summary:hover,.navmenu[open]>summary{background:#f1f5f9;color:var(--ink)}.navmenu .panel{position:absolute;inset-inline-end:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 28px rgba(16,24,40,.12);min-width:210px;padding:6px;z-index:40}.navmenu .panel a,.navmenu .panel button{display:flex;align-items:center;gap:10px;width:100%;text-align:start;padding:9px 10px;border-radius:8px;color:var(--ink);font-size:14px;font-weight:500;background:none;border:0;cursor:pointer;font-family:inherit}.navmenu .panel a:hover,.navmenu .panel button:hover{background:#f1f5f9;text-decoration:none}.navmenu .panel .sep{height:1px;background:var(--line);margin:6px 4px}.navmenu .panel .head{padding:6px 10px 4px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}pre{background:#0b1220;color:#e7edf7;border-radius:12px;padding:16px 18px;overflow:auto;font-size:13px;font-family:Consolas,SF Mono,monospace;line-height:1.6;position:relative}pre code{white-space:pre}code.inline{background:#eef2f7;border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:.92em;font-family:Consolas,monospace}.copy-btn{position:absolute;top:10px;inset-inline-end:10px;background:#26324a;color:#cdd8ee;border:0;border-radius:7px;padding:5px 10px;font-size:12px;font-weight:600;cursor:pointer}.copy-btn:hover{background:#334063}.\!docs{display:grid!important;grid-template-columns:220px 1fr!important;gap:36px!important;align-items:start!important}.docs{display:grid;grid-template-columns:220px 1fr;gap:36px;align-items:start}.toc{position:sticky;top:82px;font-size:14px}.toc a{display:block;color:var(--muted);padding:5px 0}.toc a:hover{color:var(--ink);text-decoration:none}.doc-body h2{margin-top:38px;padding-top:8px;font-size:22px;border-top:1px solid var(--line)}.doc-body h2:first-child{border-top:0;margin-top:0}.doc-body h3{font-size:16px;margin-top:26px}.doc-body li,.doc-body p{color:#33445c}.table{width:100%;border-collapse:collapse;font-size:14px;margin:10px 0}.table td,.table th{border:1px solid var(--line);padding:9px 11px;text-align:start}.table th{background:#f5f8fc}@media(max-width:820px){.\!docs{grid-template-columns:1fr!important}.docs{grid-template-columns:1fr}.toc{position:static}}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12.5px;font-weight:700}.badge.ok{background:#d1f2e1;color:#0f5132}.badge.warn{background:#fdecc8;color:#7a5200}.badge.err{background:#fde2e4;color:#842029}.badge.info{background:#e5edff;color:#1c3d78}.notice{padding:12px 16px;border-radius:10px;font-size:14px;margin:12px 0}.notice.warn{background:#fff7e6;border:1px solid #ffe0a3;color:#7a5200}.notice.info{background:#eaf2ff;border:1px solid #cfe0ff;color:#1c3d78}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px}.field input,.field select{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;font-size:14px;background:#fff;color:var(--ink)}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.keys{width:100%;border-collapse:collapse;font-size:13.5px}.keys td,.keys th{border-bottom:1px solid var(--line);padding:10px 8px;text-align:start;vertical-align:top}.keys th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.03em}.keys code{font-size:12px;word-break:break-all}.keys code,.mono{font-family:Consolas,monospace}#log,.keys code,.mono,code.inline,pre{direction:ltr;unicode-bidi:embed}pre{text-align:left}#log{white-space:pre-wrap;overflow-wrap:anywhere}[dir=rtl] .copy-btn{inset-inline-end:10px}.site-footer{border-top:1px solid var(--line);background:#fff;font-size:13.5px;padding:22px 0;margin-top:40px}.site-footer,.site-footer a{color:var(--muted)}.relative{position:relative}.m-0{margin:0}.\!mb-0{margin-bottom:0!important}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.mt-0{margin-top:0}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.w-\[150px\]{width:150px}.w-\[160px\]{width:160px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[240px\]{min-width:240px}.max-w-\[360px\]{max-width:360px}.flex-1{flex:1 1 0%}.cursor-pointer{cursor:pointer}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-6{gap:1.5rem}.overflow-x-auto{overflow-x:auto}.whitespace-pre{white-space:pre}.break-all{word-break:break-all}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-\[color\:var\(--line\)\]{border-color:var(--line)}.bg-\[\#f5f8fc\]{--tw-bg-opacity:1;background-color:rgb(245 248 252/var(--tw-bg-opacity,1))}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.pl-5{padding-left:1.25rem}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.font-normal{font-weight:400}.font-semibold{font-weight:600}.leading-relaxed{line-height:1.625}.text-brand{color:rgb(13 110 253/var(--tw-text-opacity,1))}.text-brand,.text-muted{--tw-text-opacity:1}.text-muted{color:rgb(91 107 127/var(--tw-text-opacity,1))}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}