:root{--z-navy-900:#0A2A5E;--z-navy-800:#143C7C;--z-navy-700:#2E5798;--z-navy-600:#1560BD;--z-navy-400:#A9C2E6;--z-slate-600:#4A5C7A;--z-slate-300:#A7B7C9;--z-green-700:#1E6B36;--z-green-600:#2E9E4F;--z-green-300:#8FE0AB;--z-green-100:#CFE8D8;--z-green-050:#EAF6EE;--z-lime-500:#A8CF2E;--z-white:#FFFFFF;--z-mist-050:#F3F7EF;--z-mist-100:#E3EBDC;--z-line:#D9E0D4;--z-amber-500:#E8A33D;--z-amber-300:#F5C067;--z-amber-050:#FBF1E1;--z-amber-900:#7A5210;--z-red-500:#D64545;--z-red-800:#8F2A2A;--z-text:var(--z-navy-900);--z-text-muted:var(--z-slate-600);--z-text-on-dark:var(--z-white);--z-text-link:var(--z-navy-600);--z-bg:var(--z-white);--z-bg-subtle:var(--z-mist-050);--z-bg-inverse:var(--z-navy-900);--z-border:var(--z-line);--z-border-strong:var(--z-slate-300);--z-border-focus:var(--z-navy-600);--z-action:var(--z-navy-600);--z-action-hover:var(--z-navy-800);--z-action-text:var(--z-white);--z-success:var(--z-green-600);--z-success-text:var(--z-green-700);--z-success-bg:var(--z-green-050);--z-success-border:var(--z-green-600);--z-warn:var(--z-amber-500);--z-warn-text:var(--z-amber-900);--z-warn-bg:var(--z-amber-050);--z-warn-border:var(--z-amber-500);--z-danger:var(--z-red-500);--z-danger-text:var(--z-red-800);--z-danger-bg:#FBEDED;--z-danger-border:var(--z-red-500);--z-font-display:"Anuphan",system-ui,sans-serif;--z-font-body:"IBM Plex Sans Thai",system-ui,sans-serif;--z-font-mono:ui-monospace,Menlo,monospace;--z-w-regular:400;--z-w-medium:500;--z-w-bold:600;--z-size-caption:11px;--z-lh-caption:1.6;--z-size-small:12px;--z-lh-small:1.55;--z-size-body:14px;--z-lh-body:22px;--z-size-base:16px;--z-lh-base:26px;--z-size-lead:20px;--z-lh-lead:28px;--z-size-h2:26px;--z-lh-h2:34px;--z-size-h1:34px;--z-lh-h1:42px;--z-size-display:56px;--z-lh-display:64px;--z-size-stage-label:60px;--z-lh-stage-label:70px;--z-size-stage-sub:90px;--z-lh-stage-sub:102px;--z-size-stage-number:280px;--z-lh-stage-number:280px;--z-numeric:tabular-nums;--z-space-1:2px;--z-space-2:4px;--z-space-3:6px;--z-space-4:8px;--z-space-5:10px;--z-space-6:12px;--z-space-7:16px;--z-space-8:20px;--z-space-9:24px;--z-space-10:32px;--z-space-11:48px;--z-radius-sm:8px;--z-radius-md:12px;--z-radius-lg:16px;--z-radius-xl:22px;--z-radius-pill:999px;--z-border-1:1px;--z-border-2:2px;--z-border-3:3px;--z-accent-bar:4px;--z-shadow-card:0 1px 3px rgba(0,0,0,.06);--z-shadow-float:0 8px 24px rgba(10,42,94,.12);--z-shadow-sheet:0 -6px 16px rgba(10,42,94,.12);--z-scrim:rgba(10,42,94,.40);--z-tap-min:44px;--z-control-sm:40px;--z-control-md:48px;--z-control-lg:56px;--z-control-xl:64px;--z-viewport-base:375px;--z-content-max:960px;--z-topbar-h:64px;--z-section-max:1120px;--z-textcol-max:680px;--z-rail-nav:240px;--z-rail-status:300px;--z-center-max:720px;--z-app-max:1280px;--z-bottombar-h:64px;--z-rail-nav-min:64px;--z-metric-slot-h:120px;--z-photo-aspect:4/3;--z-iconbox:24px;--z-iconbox-sm:16px;--z-bp-md:768px;--z-bp-lg:1200px;--z-share-w:1080px;--z-share-h:1920px;--z-share-safe-y:250px}.demo_page__ZQZlk,.demo_page__ZQZlk *{box-sizing:border-box}.demo_page__ZQZlk{min-height:100vh;padding:0 0 var(--z-space-10);background:var(--z-bg-subtle);color:var(--z-text);font-family:var(--z-font-body);font-size:var(--z-size-base);line-height:var(--z-lh-base)}.demo_banner__BaaEM{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:var(--z-space-4) var(--z-space-6);padding:var(--z-space-6) var(--z-space-8);border-bottom:var(--z-border-2) solid var(--z-warn);background:var(--z-warn-bg);color:var(--z-warn-text);font-size:var(--z-size-body);line-height:var(--z-lh-body);font-weight:var(--z-w-bold)}.demo_bannerMark__RyNv7{padding:var(--z-space-1) var(--z-space-6);border-radius:var(--z-radius-pill);background:var(--z-warn-text);color:var(--z-warn-bg);font-family:var(--z-font-mono);font-size:var(--z-size-small)}.demo_bannerRole__IhYO6{margin-left:auto;font-weight:var(--z-w-medium)}.demo_switcher__kuH9M{display:flex;flex-wrap:wrap;gap:var(--z-space-4);padding:var(--z-space-6) var(--z-space-8);border-bottom:var(--z-border-1) solid var(--z-border);background:var(--z-bg)}.demo_switchLabel__h6NAY{align-self:center;margin-right:var(--z-space-4);color:var(--z-text-muted);font-size:var(--z-size-small)}.demo_roleBtn__u1iz4{min-height:var(--z-tap-min);padding:0 var(--z-space-8);border:var(--z-border-1) solid var(--z-border-strong);border-radius:var(--z-radius-pill);background:var(--z-bg);color:var(--z-text);font-family:inherit;font-size:var(--z-size-body)}.demo_roleBtnOn__QKlOJ{border-width:var(--z-border-2);border-color:var(--z-action);font-weight:var(--z-w-bold)}.demo_nav__vGdhP{display:flex;flex-wrap:wrap;gap:var(--z-space-4);max-width:var(--z-section-max);margin:var(--z-space-9) auto var(--z-space-8);padding:0 var(--z-space-8)}.demo_navLink__gthlR{display:inline-flex;align-items:center;min-height:var(--z-tap-min);padding:0 var(--z-space-8);border:var(--z-border-1) solid var(--z-border-strong);border-radius:var(--z-radius-pill);background:var(--z-bg);color:var(--z-text);font-size:var(--z-size-body);text-decoration:none}.demo_main__9KmVW{max-width:var(--z-section-max);margin:0 auto;padding:0 var(--z-space-8)}.demo_card__218sX{margin-bottom:var(--z-space-9);padding:var(--z-space-9);border:var(--z-border-1) solid var(--z-border);border-radius:var(--z-radius-md);background:var(--z-bg)}.demo_cardTitle__ju0BH{margin:0 0 var(--z-space-6);font-family:var(--z-font-display);font-size:var(--z-size-h2);line-height:var(--z-lh-h2);font-weight:var(--z-w-bold)}.demo_help__2Lur6{max-width:var(--z-textcol-max);margin:0 0 var(--z-space-8);color:var(--z-text-muted);font-size:var(--z-size-small);line-height:var(--z-lh-small)}.demo_table__vp6DD{width:100%;border-collapse:collapse;font-size:var(--z-size-body);line-height:var(--z-lh-body)}.demo_table__vp6DD td,.demo_table__vp6DD th{padding:var(--z-space-6);border-bottom:var(--z-border-1) solid var(--z-border);text-align:left;vertical-align:top}.demo_table__vp6DD th{color:var(--z-text-muted);font-size:var(--z-size-small);font-weight:var(--z-w-medium)}.demo_num__ai3x4{font-feature-settings:var(--z-numeric);font-variant-numeric:var(--z-numeric);text-align:right}.demo_scroller__aZ6zf{overflow-x:auto}.demo_empty__q4r8g{padding:var(--z-space-9);border:var(--z-border-1) dashed var(--z-border-strong);border-radius:var(--z-radius-md);color:var(--z-text-muted);text-align:center}.demo_tag__Pc6L3{display:inline-block;padding:var(--z-space-1) var(--z-space-4);border-radius:var(--z-radius-pill);background:var(--z-bg-subtle);color:var(--z-text-muted);font-family:var(--z-font-mono);font-size:var(--z-size-caption)}.demo_denied__H3sqK{padding:var(--z-space-10);border-left:var(--z-accent-bar) solid var(--z-danger);border-radius:var(--z-radius-md);background:var(--z-danger-bg);color:var(--z-danger-text)}.demo_deniedTitle___03JN{margin:0 0 var(--z-space-6);font-family:var(--z-font-display);font-size:var(--z-size-h2);line-height:var(--z-lh-h2);font-weight:var(--z-w-bold)}.demo_deniedWhy__MKXUC{margin:0;font-family:var(--z-font-mono);font-size:var(--z-size-small);line-height:var(--z-lh-small)}