.tad{--_font:var(--tad-font,var(--tdp-font,inherit));--_brand:var(--tad-brand,var(--tdp-brand,#298bec));--_brand-soft:var(--tad-brand-soft,var(--tdp-brand-soft,#eef6fe));--_brand-strong:var(--tad-brand-strong,var(--tdp-brand-strong,#165ea9));--_surface:var(--tad-surface,var(--tdp-surface,#fff));--_surface-muted:var(--tad-surface-muted,var(--tdp-surface-muted,#f8fafc));--_border:var(--tad-border,var(--tdp-border,#e4e9f0));--_border-strong:var(--tad-border-strong,var(--tdp-border-strong,#cfd7e2));--_text:var(--tad-text,var(--tdp-text,#0f1b2d));--_text-muted:var(--tad-text-muted,var(--tdp-text-muted,#64748b));--_text-subtle:var(--tad-text-subtle,var(--tdp-text-subtle,#94a3b8));--_danger:var(--tad-danger,#dc2626);--_radius:var(--tad-radius,var(--tdp-radius,12px));--_shadow:var(--tad-shadow,var(--tdp-shadow,0 12px 40px #0f1b2d1f));--_focus-ring:var(--tad-focus-ring,var(--tdp-focus-ring,0 0 0 3px #298bec33));color:var(--_text);font-family:var(--_font);font-size:14px}.tad *,.tad :before,.tad :after{box-sizing:border-box}.tad-input{border:1px solid var(--_border-strong);background:var(--_surface);width:100%;height:40px;color:var(--_text);font-variant-numeric:tabular-nums;border-radius:10px;padding:0 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.tad-input::placeholder{color:var(--_text-subtle)}.tad-input:hover:not(:disabled){border-color:var(--_brand)}.tad-input:focus{border-color:var(--_brand);box-shadow:var(--_focus-ring);outline:none}.tad-input:disabled{background:var(--_surface-muted);color:var(--_text-subtle);cursor:default}.tad-input--error,.tad-input--error:hover:not(:disabled),.tad-input--error:focus{border-color:var(--_danger)}.tad-search{width:100%;max-width:520px;position:relative}.tad-search-box{position:relative}.tad-search-icon{color:var(--_text-subtle);pointer-events:none;place-items:center;font-size:16px;display:grid;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.tad-search-input{text-overflow:ellipsis;padding-left:38px;padding-right:40px}.tad-clear{background:var(--_surface-muted);width:24px;height:24px;color:var(--_text-muted);cursor:pointer;border:none;border-radius:50%;place-items:center;padding:0;font-size:12px;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.tad-clear:hover{background:var(--_brand-soft);color:var(--_brand-strong)}.tad-clear:focus-visible{box-shadow:var(--_focus-ring);outline:none}.tad-list{z-index:1000;overscroll-behavior:contain;border:1px solid var(--_border);border-radius:var(--_radius);background:var(--_surface);max-height:320px;box-shadow:var(--_shadow);margin:0;padding:6px;list-style:none;animation:.12s ease-out tad-in;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}@keyframes tad-in{0%{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.tad-list{animation:none}}.tad-option{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:8px 10px;display:flex}.tad-option[aria-selected=true]{background:var(--_brand-soft)}.tad-option-main{flex-direction:column;flex:1;min-width:0;display:flex}.tad-option-name{font-weight:600;line-height:1.4}.tad-option-alt{color:var(--_text-subtle);margin-left:8px;font-size:12px;font-weight:400}.tad-option-path{color:var(--_text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.4;overflow:hidden}.tad-option mark{color:var(--_brand);background:0 0;font-weight:700}.tad-zip{background:var(--_surface-muted);color:var(--_text-muted);font-variant-numeric:tabular-nums;border-radius:6px;flex:none;padding:2px 8px;font-size:12.5px}.tad-option[aria-selected=true] .tad-zip{background:var(--_surface)}.tad-status{color:var(--_text-muted);padding:12px 10px;font-size:13.5px}.tad-select{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:12px 14px;display:grid}.tad-field{flex-direction:column;gap:5px;min-width:0;display:flex}.tad-label{color:var(--_text-muted);font-size:12.5px;font-weight:600}.tad-select-wrap{position:relative}.tad-native{appearance:none;cursor:pointer;padding-right:34px}.tad-chevron{color:var(--_text-subtle);pointer-events:none;font-size:14px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.tad-error{color:var(--_danger);font-size:12.5px}.tad-zip-areas{color:var(--_text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.tad-chip{border:1px solid var(--_border);background:var(--_surface);height:26px;color:var(--_text);cursor:pointer;border-radius:999px;padding:0 10px;font-family:inherit;font-size:12.5px}.tad-chip:hover{border-color:var(--_brand)}.tad-chip[aria-pressed=true]{border-color:var(--_brand);background:var(--_brand-soft);color:var(--_brand-strong);font-weight:600}.tad-chip:focus-visible{box-shadow:var(--_focus-ring);outline:none}:root{--bg:#f6f8fb;--surface:#fff;--border:#e4e9f0;--text:#0f1b2d;--muted:#5b6b80;--accent:#298bec;--code-bg:#0f1b2d;--code-text:#e2e8f0;--tad-font:"IBM Plex Sans Thai", system-ui, sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:IBM Plex Sans Thai,system-ui,sans-serif;font-size:15px;line-height:1.65}a{color:var(--accent)}code,pre{font-family:JetBrains Mono,ui-monospace,monospace}.wrap{max-width:960px;margin:0 auto;padding:0 16px}.hero{background:var(--surface);border-bottom:1px solid var(--border);padding:56px 0 40px}.hero-grid{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;display:grid}.hero-demo{background:linear-gradient(145deg,#eef6fe,#f5f3ff);border-radius:20px;width:400px;max-width:100%;padding:18px}@media (width<=760px){.hero-grid{grid-template-columns:minmax(0,1fr);gap:28px}.hero-demo{justify-self:start}}.eyebrow{color:var(--muted);letter-spacing:.02em;margin:0 0 8px;font-size:13px}.hero h1{letter-spacing:-.01em;margin:0;font-size:clamp(30px,6vw,44px);line-height:1.2}.be{color:var(--accent)}.lead{max-width:620px;color:var(--muted);margin:14px 0 24px;font-size:17px}.lead code{background:var(--bg);color:var(--text);border-radius:6px;padding:1px 6px;font-size:.9em}.install{background:var(--code-bg);width:fit-content;max-width:100%;color:var(--code-text);border-radius:10px;align-items:center;gap:8px;padding:8px 8px 8px 16px;display:flex}.install code{white-space:nowrap;font-size:13.5px;overflow-x:auto}.links{gap:18px;margin-top:18px;font-weight:600;display:flex}.links a{text-decoration:none}.links a:hover{text-decoration:underline}main.wrap{padding-top:32px;padding-bottom:32px}.example{border:1px solid var(--border);background:var(--surface);border-radius:14px;margin-bottom:20px;padding:24px;scroll-margin-top:64px}.example-head h2{margin:0;font-size:19px}.example-head p{color:var(--muted);margin:4px 0 0}.example-body{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:20px;margin-top:18px;display:grid}.example-body:has(>.code:only-child){grid-template-columns:minmax(0,1fr)}@media (width<=760px){.example{padding:18px}.example-body{grid-template-columns:minmax(0,1fr)}}.preview{flex-direction:column;align-items:flex-start;gap:14px;min-width:0;display:flex}.row{flex-wrap:wrap;gap:12px;display:flex}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.note{color:var(--muted);margin:0}.readout{background:var(--bg);border-radius:10px;flex-wrap:wrap;gap:8px 24px;margin:0;padding:10px 14px;font-size:13px;display:flex}.readout dt{color:var(--muted)}.readout dd{margin:0;font-family:JetBrains Mono,ui-monospace,monospace;font-weight:500}.segmented,.swatches{flex-wrap:wrap;gap:6px;display:flex}.segmented button,.swatches button{border:1px solid var(--border);background:var(--surface);height:32px;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.segmented button[aria-pressed=true],.swatches button[aria-pressed=true]{border-color:var(--text);font-weight:600}.swatches span{border-radius:50%;width:12px;height:12px}.submit{background:var(--text);color:#fff;height:40px;font:inherit;cursor:pointer;border:none;border-radius:10px;align-self:flex-end;padding:0 16px;font-size:14px;font-weight:600}.check{cursor:pointer;align-items:center;gap:8px;font-size:14px;display:inline-flex}.check input{width:16px;height:16px;accent-color:var(--accent);margin:0}.code{background:var(--code-bg);border-radius:10px;min-width:0;position:relative}.code pre{color:var(--code-text);margin:0;padding:44px 16px 16px;font-size:13px;line-height:1.6;overflow-x:auto}.code .copy{position:absolute;top:8px;right:8px}.copy{height:28px;color:var(--code-text);font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:6px;flex:none;padding:0 10px;font-size:12px}.copy:hover{background:#ffffff29}.footer{color:var(--muted);padding-top:8px;padding-bottom:40px;font-size:13px}.hero-demo .tad-search{max-width:none}.hero-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.hero-fields div{background:#ffffffbf;border-radius:10px;flex-direction:column;padding:8px 12px;display:flex}.hero-fields span{color:var(--muted);font-size:12px}.hero-fields strong{font-variant-numeric:tabular-nums;font-size:15px}.hero-fields strong.empty{color:#b6c2d1;font-weight:500}.fill{width:100%}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{border:1px dashed var(--border);background:var(--surface);height:28px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:0 10px;font-size:13px}.chips button:hover{border-color:var(--accent);color:var(--accent)}.json{background:var(--bg);border-radius:10px;width:100%;max-height:260px;margin:0;padding:12px 14px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;line-height:1.55;overflow:auto}.note code{background:var(--bg);border-radius:6px;padding:1px 6px;font-size:.9em}.formats{border:1px solid var(--border);border-radius:10px;width:100%;margin:0;overflow:hidden}.formats div{border-top:1px solid var(--border);padding:8px 12px}.formats div:first-child{border-top:none}.formats dt{color:var(--muted);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px}.formats dd{margin:0;font-weight:500}.plain{border:1px solid var(--border);background:var(--surface);width:220px;max-width:100%;height:38px;color:var(--text);font:inherit;border-radius:10px;padding:0 12px}.plain:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #298bec33}.hits{width:100%;margin:0;padding:0;font-size:14px;list-style:none}.hits li{border-top:1px solid var(--border);justify-content:space-between;gap:12px;padding:6px 0;display:flex}.hits li:first-child{border-top:none}.hits code{color:var(--muted);font-size:12px}.hits .muted{color:var(--muted)}.stack{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.lbl{color:var(--muted);font-size:13px;font-weight:600}.stack .submit{align-self:flex-start}.code-tabs{background:#ffffff0f;border-radius:7px;gap:2px;padding:2px;display:flex;position:absolute;top:8px;left:8px}.code-tabs button,.pm-tabs button{color:#94a3b8;height:24px;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:0 10px;font-size:12px}.code-tabs button[aria-pressed=true]{color:var(--code-text);background:#ffffff24;font-weight:600}.code-tabs button:focus-visible,.pm-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.install-wrap{flex-direction:column;align-items:flex-start;gap:6px;max-width:100%;display:flex}.pm-tabs{gap:2px;display:flex}.pm-tabs button{color:var(--muted);font-family:JetBrains Mono,ui-monospace,monospace}.pm-tabs button:hover{color:var(--text)}.pm-tabs button[aria-pressed=true]{background:var(--code-bg);color:var(--code-text);font-weight:500}.topbar{z-index:10;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:12px;height:48px;display:flex}.topbar-home{border:1px solid var(--border);height:32px;color:var(--text);border-radius:8px;align-items:center;gap:6px;padding:0 12px 0 10px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.topbar-home:hover{border-color:var(--accent);color:var(--accent)}.topbar-pkg{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px;overflow:hidden}