:root{--color-brand-primary:#6366f1;--color-brand-primary-hover:#4f46e5;--color-brand-accent-low:#1e1b4b;--color-brand-accent-high:#c7d2fe;--color-surface-default:#0f172a;--color-surface-muted:#1e293b;--color-surface-elevated:#334155;--color-surface-inset:#020617;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-inverse:#0f172a;--color-border-subtle:#334155;--color-border-strong:#475569;--color-badge-sandbox-text:#eab308;--color-badge-sandbox-bg:#eab30826;--color-badge-sandbox-border:#eab3084d;--color-badge-prod-text:#10b981;--color-badge-prod-bg:#10b98126;--color-badge-prod-border:#10b9814d;--color-feedback-success:#10b981;--color-feedback-warning:#f59e0b;--color-feedback-error:#ef4444;--color-feedback-info:#3b82f6;--space-none:0px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:48px;--space-2xl:80px;--radius-sharp:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:9999px;--shadow-none:none;--shadow-low:0 1px 3px #0000003d;--shadow-medium:0 4px 12px #00000052;--shadow-high:0 12px 32px #00000073;--font-sans:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-thai-body:Sarabun, "Leelawadee UI", sans-serif;--font-thai-heading:Prompt, "Leelawadee UI", sans-serif;--line-height-thai-multiplier:1.2}[data-theme=light]{--color-brand-primary:#4f46e5;--color-brand-primary-hover:#4338ca;--color-brand-accent-low:#e0e7ff;--color-brand-accent-high:#312e81;--color-surface-default:#fff;--color-surface-muted:#f8fafc;--color-surface-elevated:#fff;--color-surface-inset:#f1f5f9;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-text-inverse:#fff;--color-border-subtle:#e2e8f0;--color-border-strong:#cbd5e1;--color-badge-sandbox-text:#b45309;--color-badge-sandbox-bg:#eab3081f;--color-badge-sandbox-border:#eab30859;--color-badge-prod-text:#047857;--color-badge-prod-bg:#10b9811f;--color-badge-prod-border:#10b98159;--shadow-low:0 1px 3px #00000014;--shadow-medium:0 4px 12px #0000001f;--shadow-high:0 12px 32px #0000002e}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--color-brand-primary:#4f46e5;--color-brand-primary-hover:#4338ca;--color-brand-accent-low:#e0e7ff;--color-brand-accent-high:#312e81;--color-surface-default:#fff;--color-surface-muted:#f8fafc;--color-surface-elevated:#fff;--color-surface-inset:#f1f5f9;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-text-inverse:#fff;--color-border-subtle:#e2e8f0;--color-border-strong:#cbd5e1;--color-badge-sandbox-text:#b45309;--color-badge-sandbox-bg:#eab3081f;--color-badge-sandbox-border:#eab30859;--color-badge-prod-text:#047857;--color-badge-prod-bg:#10b9811f;--color-badge-prod-border:#10b98159;--shadow-low:0 1px 3px #00000014;--shadow-medium:0 4px 12px #0000001f;--shadow-high:0 12px 32px #0000002e}}.badge{align-items:center;gap:var(--space-xs);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.05em;padding:.2rem .6rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.badge-sandbox{background:var(--color-badge-sandbox-bg);color:var(--color-badge-sandbox-text);border:1px solid var(--color-badge-sandbox-border)}.badge-prod{background:var(--color-badge-prod-bg);color:var(--color-badge-prod-text);border:1px solid var(--color-badge-prod-border)}*{box-sizing:border-box}body{margin:var(--space-none);background:var(--color-surface-default);color:var(--color-text-primary);font-family:var(--font-sans);line-height:calc(1 + var(--line-height-thai-multiplier) / 2)}:lang(th){font-family:var(--font-thai-body)}h1,h2,h3,p{margin:var(--space-none) var(--space-none) var(--space-md)}h1:lang(th),h2:lang(th),h3:lang(th){font-family:var(--font-thai-heading)}button,select{font:inherit;color:var(--color-text-primary);background:var(--color-surface-elevated);border:var(--radius-sharp) solid var(--color-border-subtle);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md)}button{cursor:pointer}button:hover{background:var(--color-surface-inset)}:focus-visible{outline:var(--radius-sharp) solid var(--color-brand-primary);outline-offset:var(--space-xs)}.fixture-notice,.selection-status{padding:var(--space-sm) var(--space-lg);margin:var(--space-none);color:var(--color-text-secondary);background:var(--color-surface-muted)}.shell-header{padding:var(--space-lg)}.shell-header p{color:var(--color-text-secondary)}.shell-layout{gap:var(--space-lg);padding:var(--space-lg);flex-wrap:wrap;display:flex}.shell-sidebar{flex:1 1 calc(var(--space-2xl) * 3);padding:var(--space-lg);border-radius:var(--radius-md);background:var(--color-surface-muted);align-items:stretch;gap:var(--space-md);flex-direction:column;display:flex}.shell-sidebar h2,.shell-sidebar p{margin:var(--space-none)}.site-label{color:var(--color-text-secondary)}.page-workspace{flex:3 1 calc(var(--space-2xl) * 4);padding:var(--space-lg);min-width:var(--space-none);border-radius:var(--radius-md);background:var(--color-surface-muted)}.page-workspace p{color:var(--color-text-secondary)}.page-list{padding:var(--space-none);margin:var(--space-none);gap:var(--space-sm);list-style:none;display:grid}.page-link{text-align:start;width:100%}.page-link[aria-current=page]{background:var(--color-brand-accent-low);color:var(--color-brand-accent-high);border-color:var(--color-brand-primary)}.query-state{gap:var(--space-md);display:grid}[role=alert]{color:var(--color-feedback-error)}.skip-link{padding:var(--space-md);background:var(--color-surface-elevated);color:var(--color-brand-accent-high);border-radius:var(--radius-sm);position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}