.tds{--_font:var(--tds-font,var(--tdp-font,inherit));--_brand:var(--tds-brand,var(--tdp-brand,#298bec));--_surface:var(--tds-surface,var(--tdp-surface,#fff));--_surface-muted:var(--tds-surface-muted,var(--tdp-surface-muted,#f1f5f9));--_border:var(--tds-border,var(--tdp-border,#e4e9f0));--_border-strong:var(--tds-border-strong,var(--tdp-border-strong,#cfd7e2));--_text:var(--tds-text,var(--tdp-text,#0f1b2d));--_text-muted:var(--tds-text-muted,var(--tdp-text-muted,#64748b));--_success:var(--tds-success,#16a34a);--_warning:var(--tds-warning,#d97706);--_danger:var(--tds-danger,#dc2626);--_focus-ring:var(--tds-focus-ring,var(--tdp-focus-ring,0 0 0 3px #298bec33));min-width:0;color:var(--_text);font-family:var(--_font);gap:16px;display:grid}.tds>*{min-width:0}.tds-form{gap:6px;display:grid}.tds-label{color:var(--_text-muted);font-size:13px;font-weight:600}.tds-box{box-sizing:border-box;border:1px solid var(--_border-strong);background:var(--_surface);cursor:text;border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;min-height:46px;padding:6px 8px;display:flex}.tds-box:focus-within{border-color:var(--_brand);box-shadow:var(--_focus-ring)}.tds-input{min-width:0;height:32px;color:var(--_text);font:inherit;background:0 0;border:none;outline:none;flex:160px;padding:0 4px;font-size:15px}.tds-chip{border:1px solid var(--_border);background:var(--_surface-muted);border-radius:8px;align-items:center;min-width:0;max-width:100%;height:32px;font-size:13.5px;display:inline-flex}.tds-chip-number{font-variant-numeric:tabular-nums;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;padding:0 4px 0 10px;font-weight:600;overflow:hidden}.tds-chip-carrier{background:color-mix(in srgb, var(--tds-carrier,var(--_text-muted)) 14%, transparent);min-width:56px;max-width:170px;height:22px;color:var(--_text);font:inherit;cursor:pointer;border:none;border-radius:5px;flex:0 auto;margin:0 2px;padding:0 6px;font-size:12px}.tds-chip-carrier:focus-visible,.tds-chip-remove:focus-visible{outline:2px solid var(--_brand);outline-offset:1px}.tds-chip-remove{width:26px;height:100%;color:var(--_text-muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:0 8px 8px 0;flex:none;padding:0;font-size:17px;line-height:1}.tds-chip-remove:hover{color:var(--_danger)}.tds-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 12px;margin-top:4px;display:flex}.tds-warning{color:var(--_danger);margin-right:auto;font-size:13px}.tds-submit{background:var(--_brand);color:#fff;height:40px;font:inherit;cursor:pointer;border:none;border-radius:10px;padding:0 18px;font-size:14px;font-weight:600}.tds-submit:disabled{opacity:.5;cursor:default}.tds-submit:focus-visible{box-shadow:var(--_focus-ring);outline:none}.tds-carrier{color:var(--_text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.tds-carrier-mark{box-sizing:border-box;background:var(--tds-carrier,var(--_text-muted));color:#fff;letter-spacing:.02em;border-radius:6px;place-items:center;min-width:22px;height:22px;padding:0 4px;font-size:10px;font-weight:700;display:inline-grid}.tds-status{--_tone:var(--_text-muted);background:color-mix(in srgb, var(--_tone) 13%, transparent);color:var(--_tone);white-space:nowrap;border-radius:999px;flex:none;padding:3px 10px;font-size:13px;font-weight:600}.tds-status--info{--_tone:var(--_brand)}.tds-status--success{--_tone:var(--_success)}.tds-status--warning{--_tone:var(--_warning)}.tds-status--danger{--_tone:var(--_danger)}.tds-results{gap:12px;display:grid}.tds-card{border:1px solid var(--_border);background:var(--_surface);border-radius:14px;gap:14px;padding:16px 18px;display:grid}.tds-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 12px;display:flex}.tds-card-id{flex-wrap:wrap;align-items:center;gap:4px 12px;min-width:0;display:flex}.tds-number{font-variant-numeric:tabular-nums;letter-spacing:.02em;overflow-wrap:anywhere;font-size:16px;font-weight:700}.tds-card-error,.tds-empty,.tds-receiver{color:var(--_text-muted);margin:0;font-size:14px}.tds-receiver b{color:var(--_text);font-weight:600}.tds-steps{grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.tds-step{color:var(--_text-muted);text-align:center;justify-items:center;gap:6px;font-size:12px;display:grid;position:relative}.tds-step+.tds-step:before{background:var(--_border-strong);content:"";width:100%;height:2px;position:absolute;top:6px;right:50%}.tds-step--done:before,.tds-step--current:before{background:var(--_brand)!important}.tds-step-dot{z-index:1;box-sizing:border-box;border:2px solid var(--_border-strong);background:var(--_surface);border-radius:50%;width:14px;height:14px;position:relative}.tds-step--done .tds-step-dot{border-color:var(--_brand);background:var(--_brand)}.tds-step--current .tds-step-dot{border-color:var(--_brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--_brand) 20%, transparent)}.tds-step--current{color:var(--_text);font-weight:600}.tds-card--success .tds-step--done:before,.tds-card--success .tds-step--current:before{background:var(--_success)!important}.tds-card--success .tds-event--latest:before{background:var(--_success);box-shadow:0 0 0 3px color-mix(in srgb, var(--_success) 20%, transparent)}.tds-card--success .tds-step-dot{border-color:var(--_success);background:var(--_success);box-shadow:none}.tds-timeline{margin:0;padding:0;list-style:none;display:grid}.tds-event{grid-template-columns:112px minmax(0,1fr);gap:2px 14px;padding:0 0 12px 18px;font-size:14px;display:grid;position:relative}.tds-event:before{background:var(--_border-strong);content:"";border-radius:50%;width:8px;height:8px;position:absolute;top:7px;left:0}.tds-event:not(:last-child):after{background:var(--_border);content:"";width:1px;position:absolute;top:17px;bottom:0;left:3.5px}.tds-event--latest:before{background:var(--_brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--_brand) 20%, transparent)}.tds-event time{color:var(--_text-muted);font-variant-numeric:tabular-nums;grid-row:span 2;font-size:13px}.tds-event--latest .tds-event-text{font-weight:600}.tds-event-place{color:var(--_text-muted);font-size:13px}@media (width<=480px){.tds-event{grid-template-columns:minmax(0,1fr)}.tds-event time{grid-row:auto}.tds-step-label{font-size:11px}}.tds-card-foot{border-top:1px solid var(--_border);flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding-top:10px;display:flex}.tds-link{color:var(--_brand);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:13.5px;font-weight:600;text-decoration:none}.tds-link:hover{text-decoration:underline}.tds-link:last-child{margin-left:auto}.tds-handoff{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.tds-handoff-link{border:1px solid color-mix(in srgb, var(--tds-carrier,var(--_brand)) 45%, transparent);background:color-mix(in srgb, var(--tds-carrier,var(--_brand)) 10%, var(--_surface));height:36px;color:var(--_text);border-radius:10px;align-items:center;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.tds-handoff-link:hover{border-color:var(--tds-carrier,var(--_brand))}.tds-handoff-link: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}*{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;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}.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}.hero-form{flex-direction:column;gap:6px;width:360px;max-width:100%;padding:22px;display:flex}.hero-form .lbl{margin-top:6px}.fill{width:100%}.lbl{color:var(--muted);font-size:13px;font-weight:600}.stack{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.json{background:var(--bg);border-radius:10px;width:100%;margin:0;padding:12px 14px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;overflow:auto}.hero-clock{text-align:center;font-variant-numeric:tabular-nums;width:300px;max-width:100%;padding:26px 24px}.clock-day{color:var(--muted);font-size:15px}.clock-date{font-size:34px;font-weight:700;line-height:1.2}.clock-year{color:var(--accent);font-size:18px;font-weight:600}.clock-time{margin-top:10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:22px}.plain{border:1px solid var(--border);background:var(--surface);width:240px;max-width:100%;height:40px;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}.wide-input{width:100%}.field .plain{color:var(--text);font-weight:400}.formats{border:1px solid var(--border);border-radius:10px;width:100%;margin:0;overflow:hidden}.formats div{border-top:1px solid var(--border);grid-template-columns:160px minmax(0,1fr);gap:12px;padding:8px 12px;font-size:14px;display:grid}.formats div:first-child{border-top:none}.formats dt{min-width:0;color:var(--muted);overflow-wrap:anywhere;padding-top:2px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.formats dd{overflow-wrap:anywhere;margin:0;font-weight:500}.formats.compact div{padding:5px 12px;font-size:13px}@media (width<=480px){.formats div{grid-template-columns:minmax(0,1fr);gap:0}}.result{margin:0;font-size:18px;font-weight:600}.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)}.hero-wide{width:520px}.chips button.on{border-style:solid;border-color:var(--accent);background:var(--accent);color:#fff}.text-input{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:100%;min-height:40px;color:var(--text);font:inherit;border-radius:10px;padding:8px 12px;font-size:15px;font-weight:400}.text-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #298bec33}.payload-input{word-break:break-all;resize:vertical;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px}.pp-layout{flex-wrap:wrap;align-items:flex-start;gap:20px;width:100%;display:flex}.pp-fields{flex-direction:column;flex:220px;gap:12px;min-width:0;display:flex}.pp-hero{box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:18px;width:460px;max-width:100%;display:flex}.pp-hero .pp-fields{flex-basis:160px}.hint{font-size:12px;font-weight:500}.hint.ok{color:#16a34a}.hint.bad{color:#dc2626}.payload{word-break:break-all;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.payload b{color:var(--accent)}.callout{color:#92400e;background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;margin:0 0 20px;padding:12px 16px;font-size:14px}.try{border:1px dashed var(--border);background:var(--surface);height:30px;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:0 10px;font-size:13px}.try:hover{border-style:solid;border-color:var(--accent)}.zod-form{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.zod-form .row{grid-column:1/-1;align-items:center}.zod-form .submit{align-self:auto}.text-input.invalid{border-color:#dc2626}.hero-note{font-size:12px}.plate-hero{width:400px}.plate-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.ds-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:start}@media (width<=760px){.ds-hero-grid{grid-template-columns:minmax(0,1fr)}.ds-hero{padding:12px}}.ds-hero{width:100%;max-width:440px}.ds-hero .tds-card{padding:14px}.hint-note{font-size:13px}.detect-row{flex-wrap:wrap;gap:4px 14px;display:flex}.table-wrap{margin-top:16px;overflow-x:auto}.carriers{border-collapse:collapse;width:100%;font-size:14px}.carriers th,.carriers td{border-top:1px solid var(--border);text-align:left;white-space:nowrap;padding:8px 10px}.carriers th{color:var(--muted);border-top:none;font-size:13px;font-weight:600}.carriers code{font-size:12.5px}.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}.tester-body{flex-direction:column;align-items:flex-start;gap:12px;margin-top:16px;display:flex}.tester-fields{grid-template-columns:minmax(0,1fr) 140px;gap:12px;width:100%;display:grid}@media (width<=560px){.tester-fields{grid-template-columns:minmax(0,1fr)}}.tester-token{gap:6px;display:flex}.tester-token .try{height:auto}.tester-empty{border:1px dashed var(--border);width:100%;color:var(--muted);text-align:center;border-radius:12px;margin:0;padding:18px}.tester-raw{gap:8px;width:100%;display:grid}.tester-raw summary{color:var(--muted);cursor:pointer;font-size:13px}.tester-raw--bad b{color:#dc2626}.tester-detail{color:var(--muted);overflow-wrap:anywhere;margin-top:2px;font-size:12px;display:block}.tester-steps{margin:0;padding-left:20px;font-size:14px}.tester-steps code{background:var(--bg);overflow-wrap:anywhere;border-radius:6px;padding:1px 6px;font-size:12.5px}.tester-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;width:100%;display:grid}.tester-key{font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px}.tester-optional{font-weight:400}.tester-row{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.tester-route{border-radius:10px;margin:0;padding:8px 12px;font-size:13.5px}.tester-route--browser{color:#166534;background:#ecfdf3}.tester-route--local{color:#1e4f8a;background:#eef6fe}.tester-route--blocked{color:#92400e;background:#fffbeb}.tester-blocked{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.tester-pick{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}