:root{--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-600:#d97706;--amber-800:#92400e;--amber-900:#78350f;--green-50:#f0fdf4;--green-400:#4ade80;--green-600:#16a34a;--green-800:#166534;--blue-50:#eff6ff;--blue-600:#2563eb;--blue-800:#1e40af;--purple-50:#faf5ff;--purple-600:#9333ea;--purple-800:#6b21a8;--red-50:#fef2f2;--red-200:#fecaca;--red-400:#f87171;--red-700:#b91c1c;--red-800:#991b1b;--yellow-50:#fefce8;--yellow-400:#facc15;--brand:#183fb7;--brand-hover:#1d4ed8;--brand-light:#7592f7;--grad:linear-gradient(to right, #183fb7, #7592f7);--font-sans:Inter, ui-sans-serif, system-ui, sans-serif;--font-mono:"Source Code Pro", ui-monospace, monospace;--radius-sm:.25rem;--radius-md:6px;--radius-lg:.5rem;--radius-xl:.75rem;--radius-full:9999px;--shadow-card:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-bar:0 1px 2px #0000000d;--bg:var(--gray-50);--surface:#fff;--surface-2:var(--gray-100);--text:var(--gray-900);--muted:var(--gray-500);--border:var(--gray-200);--brand-text:var(--brand);--on-brand:#fff;--glass:#fff3;--glass-hover:#ffffff4d;--btn2-bg:var(--gray-200);--btn2-hover:var(--gray-300);--btn2-text:var(--gray-900);--badge-bg:var(--amber-100);--badge-text:var(--amber-800);--warn-bg:var(--yellow-50);--warn-text:var(--amber-800);--error-bg:var(--red-50);--error-text:var(--red-700);--tile-green-bg:var(--green-50);--tile-blue-bg:var(--blue-50);--tile-purple-bg:var(--purple-50);--tile-label:var(--gray-600);--input-border:var(--gray-300);--tile-green:#197a4b;--tile-blue:var(--blue-800);--tile-purple:var(--purple-800)}.dark,[data-theme=dark]{--bg:var(--gray-900);--surface:var(--gray-800);--surface-2:var(--gray-900);--text:var(--gray-100);--muted:var(--gray-400);--border:var(--gray-700);--brand-text:var(--brand-light);--btn2-bg:var(--gray-700);--btn2-hover:var(--gray-600);--btn2-text:var(--gray-100);--badge-bg:var(--amber-900);--badge-text:var(--amber-200);--warn-bg:#78350f33;--warn-text:var(--amber-200);--error-bg:#7f1d1d33;--error-text:var(--red-200);--tile-green-bg:#14532d33;--tile-blue-bg:#1e3a8a33;--tile-purple-bg:#581c8733;--tile-label:var(--gray-400);--input-border:var(--gray-600);--tile-green:var(--green-400);--tile-blue:#93c5fd;--tile-purple:#d8b4fe}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not(.light){--bg:var(--gray-900);--surface:var(--gray-800);--surface-2:var(--gray-900);--text:var(--gray-100);--muted:var(--gray-400);--border:var(--gray-700);--brand-text:var(--brand-light);--btn2-bg:var(--gray-700);--btn2-hover:var(--gray-600);--btn2-text:var(--gray-100);--badge-bg:var(--amber-900);--badge-text:var(--amber-200);--warn-bg:#78350f33;--warn-text:var(--amber-200);--error-bg:#7f1d1d33;--error-text:var(--red-200);--tile-green-bg:#14532d33;--tile-blue-bg:#1e3a8a33;--tile-purple-bg:#581c8733;--tile-label:var(--gray-400);--input-border:var(--gray-600);--tile-green:var(--green-400);--tile-blue:#93c5fd;--tile-purple:#d8b4fe}}.theme-green{--brand:#197a4b;--brand-hover:#115a36;--brand-light:#51b883;--grad:linear-gradient(to right, #197a4b, #51b883)}.theme-yellow{--brand:#fffd57;--brand-hover:#f0ec3a;--brand-light:#fffd57;--grad:linear-gradient(to right, #fffd57, #fff9ad);--on-brand:#0e0143;--glass:#0e014314;--glass-hover:#0e014326;--brand-text:#0e0143}.dark.theme-yellow,[data-theme=dark].theme-yellow{--brand-text:var(--brand-light)}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);font:400 16px / 1.5 var(--font-sans);margin:0}a{color:var(--brand-text)}a:hover{color:var(--brand-hover)}button,input{font:inherit}:focus-visible{outline:2px solid var(--brand-text);outline-offset:2px}.x-card-head :focus-visible{outline-color:var(--on-brand)}.x-container{max-width:80rem;margin:0 auto;padding:0 16px}@media (width>=640px){.x-container{padding:0 24px}}@media (width>=1024px){.x-container{padding:0 32px}}.x-topbar{background:var(--surface);box-shadow:var(--shadow-bar)}.x-topbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;min-height:64px;padding-top:8px;padding-bottom:8px;display:flex}.x-brand{color:var(--brand-text);align-items:center;gap:12px;margin:0;font-size:24px;font-weight:700;display:flex}.x-subnav{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:4px 24px;min-height:44px;font-size:14px;display:flex}.x-subnav a{color:var(--muted);font-weight:500;text-decoration:none}.x-subnav a:hover{color:var(--brand-text)}.x-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow:hidden}.x-card-head{background:var(--grad);color:var(--on-brand);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:16px 24px;display:flex}.x-card-head h2,.x-card-head h3{flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.x-card-sub{margin:0;font-size:14px;font-weight:500}.x-card-body{padding:24px}.x-btn{border-radius:var(--radius-lg);background:var(--brand);color:var(--on-brand);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;line-height:1.5;text-decoration:none;transition:background-color .2s;display:inline-flex}.x-btn:hover{background:var(--brand-hover);color:var(--on-brand)}.x-btn-secondary{background:var(--btn2-bg);color:var(--btn2-text)}.x-btn-secondary:hover{background:var(--btn2-hover);color:var(--btn2-text)}.x-btn-warning{background:var(--amber-500)}.x-btn-warning:hover{background:var(--amber-600)}.x-btn-glass{background:var(--glass);color:var(--on-brand);padding:4px 12px;font-size:12px}.x-btn-glass:hover{background:var(--glass-hover)}.x-btn-sm{background:var(--btn2-bg);min-width:30px;height:30px;color:var(--btn2-text);white-space:nowrap;flex:none;padding:0 8px;font-size:12px}.x-btn-sm:hover{background:var(--btn2-hover);color:var(--btn2-text)}.x-btn-lg{padding:12px 32px;font-size:18px}.x-btn:disabled{background:var(--gray-500);color:#fff;cursor:wait}.x-badge{border-radius:var(--radius-full);background:var(--badge-bg);color:var(--badge-text);padding:2px 10px;font-size:12px;font-weight:500;line-height:1.5;display:inline-block}.x-badge-glass{background:var(--glass);color:var(--on-brand)}.x-box{border-radius:var(--radius-lg);background:var(--surface-2);font:14px / 1.5 var(--font-mono);overflow-wrap:anywhere;padding:16px}.x-label{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.x-input{border:1px solid var(--input-border);border-radius:var(--radius-lg);background:var(--surface);width:100%;min-height:40px;color:var(--text);padding:0 12px;font-size:14px}.x-tiles{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.x-tiles-2{grid-template-columns:1fr 1fr;gap:12px}.x-tile{border-radius:var(--radius-lg);text-align:center;min-width:0;color:var(--tile-label);padding:12px;font-size:12px}.x-tile b{overflow-wrap:anywhere;font-size:20px;font-weight:700;line-height:1.5;display:block}.x-tile-green{background:var(--tile-green-bg)}.x-tile-green b{color:var(--tile-green)}.x-tile-blue{background:var(--tile-blue-bg)}.x-tile-blue b{color:var(--tile-blue)}.x-tile-purple{background:var(--tile-purple-bg)}.x-tile-purple b{color:var(--tile-purple)}@media (width<=480px){.x-tiles{grid-template-columns:1fr 1fr}.x-tiles .x-tile-purple{grid-column:1/-1}}.x-dot{background:var(--gray-400);border-radius:50%;width:8px;height:8px;display:inline-block}.x-dot-live{background:var(--green-400)}.x-dot-wait{background:var(--yellow-400)}.x-state{align-items:center;gap:4px;font-size:12px;font-weight:500;display:inline-flex}.x-callout-warn{border-left:4px solid var(--amber-500);border-radius:var(--radius-lg);background:var(--warn-bg);padding:16px;font-size:14px}.x-callout-warn small{color:var(--warn-text);margin-top:8px;font-size:12px;display:block}.x-callout-error{border-radius:var(--radius-lg);background:var(--error-bg);color:var(--error-text);padding:16px;font-size:14px}.x-rows{flex-direction:column;gap:12px;display:flex}.x-row{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.x-row>div{min-width:0}.x-row small{color:var(--muted);font-size:12px;display:block}.x-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}.x-summary::-webkit-details-marker{display:none}.x-summary:after{content:"Expand";border-radius:var(--radius-md);background:var(--btn2-bg);color:var(--btn2-text);padding:4px 12px;font-size:12px;font-weight:500}.x-details[open]>.x-summary:after{content:"Collapse"}.x-footer{color:var(--muted);padding:16px 0 32px;font-size:14px}.x-grid{grid-template-columns:1fr;align-items:start;gap:24px;display:grid}@media (width>=1024px){.x-grid{grid-template-columns:1fr 1fr}}.x-stack{flex-direction:column;gap:24px;min-width:0;display:flex}main.x-container{padding-top:32px;padding-bottom:32px}.intro{color:var(--muted);margin:0 0 24px}.intro code{border-radius:var(--radius-sm);background:var(--surface-2);font:14px var(--font-mono);padding:2px 6px}.form{gap:16px}textarea.x-input{min-height:320px;font:14px / 1.5 var(--font-mono);resize:vertical;padding:12px}.check{align-items:center;gap:8px;font-size:14px;display:flex}pre.x-box{white-space:pre;max-height:70vh;margin:0;overflow:auto}.placeholder{color:var(--muted)}.defs{margin-top:24px}.defs p{font-family:var(--font-sans);margin:12px 0 8px}