:root{--gold: #F5B700;--gold-ink: #8A6400;--live: #FF3D5A;--live-deep: #D6153A;--night: #12142B;--night2: #1E2140;--night3: #2A2E55;--line: #2E3258;--haze: #A3A7C2;--slate: #5B5F7A;--mist: #E8E9F3;--paper: #F7F7FB;--jade: #19C7B7;--jade-deep: #0F766E;--warn: #FFB020;--warn-ink: #B45309;--info-soft: #8B8FF7;--bg: var(--night);--surface: var(--night2);--surface2: var(--night3);--border: var(--line);--text: var(--mist);--muted: var(--haze);--primary-bg: var(--gold);--primary-fg: var(--night);--danger-bg: var(--live);--danger-fg: var(--night);--success: var(--jade);--warning: var(--warn);--link: var(--info-soft);--focus: var(--gold);--font-display: Anuphan, "IBM Plex Sans Thai", "Noto Sans Thai", system-ui, sans-serif;--font-body: "IBM Plex Sans Thai", "Noto Sans Thai", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;color-scheme:dark}:root[data-theme=light]{--bg: var(--paper);--surface: #fff;--surface2: var(--mist);--border: var(--mist);--text: var(--night);--muted: var(--slate);--primary-bg: var(--night);--primary-fg: var(--gold);--danger-bg: var(--live-deep);--danger-fg: #fff;--success: var(--jade-deep);--warning: var(--warn-ink);--link: #4F46E5;--focus: #4F46E5;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font:16px/1.6 var(--font-body)}:lang(en) body{line-height:1.5}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.35;margin:0 0 12px}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}a{color:var(--link)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}.small{font-size:14px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:12px}.grow{flex:1}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px}.btn{font:inherit;font-weight:600;min-height:44px;padding:0 18px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface2);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary-bg);color:var(--primary-fg);border-color:transparent}.btn.danger{background:var(--danger-bg);color:var(--danger-fg);border-color:transparent}.btn.sm{min-height:34px;padding:0 12px;font-size:14px}.btn.ghost{background:transparent}input,select,textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);padding:10px 12px;min-height:44px;width:100%}textarea{min-height:88px;resize:vertical}label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}label.inline{flex-direction:row;align-items:center;gap:8px;color:var(--text)}label.inline input{width:auto;min-height:0}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--muted);font-weight:500}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface2)}.badge.live{background:var(--danger-bg);color:var(--danger-fg)}.badge.ok{background:var(--success);color:var(--night)}.badge.warn{background:var(--warning);color:var(--night)}.toast{position:fixed;bottom:20px;right:20px;z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 16px;max-width:360px;box-shadow:0 8px 24px #00000059}.toast.error{border-color:var(--danger-bg)}code,.code{font-family:var(--font-mono);font-size:13px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);padding:2px 6px;word-break:break-all}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}