:root{color-scheme:light dark;--background: light-dark(hsl(0 0% 100%), hsl(240 10% 3.9%));--card: light-dark(hsl(0 0% 100%), hsl(240 6% 7%));--foreground: light-dark(hsl(240 10% 3.9%), hsl(0 0% 98%));--muted: light-dark(hsl(240 4.8% 95.9%), hsl(240 3.7% 15.9%));--muted-foreground: light-dark(hsl(240 3.8% 46.1%), hsl(240 5% 64.9%));--border: light-dark(hsl(240 5.9% 90%), hsl(240 3.7% 18%));--primary: light-dark(hsl(240 5.9% 10%), hsl(0 0% 98%));--primary-foreground: light-dark(hsl(0 0% 98%), hsl(240 5.9% 10%));--destructive: light-dark(hsl(0 72% 45%), hsl(0 70% 62%));--ring: light-dark(hsl(240 5% 65%), hsl(240 5% 45%));--radius: .5rem;--shadow: 0 1px 2px light-dark(hsl(240 6% 10% / .06), hsl(0 0% 0% / .4));--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}h2,h3{font-size:14px}code,pre,kbd,.log-body,.card-node{font-family:var(--mono)}kbd{border:1px solid var(--border);border-radius:4px;padding:0 4px;font-size:11px}.page{max-width:1180px;margin:0 auto;padding:40px 24px 64px}.masthead{margin-bottom:24px}.masthead-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}.links{display:flex;gap:14px;font-size:13px}.links a{color:var(--muted-foreground);text-decoration:none;border-bottom:1px solid var(--border)}.links a:hover{color:var(--foreground);border-bottom-color:currentColor}.masthead h1{font-size:22px}.masthead p{margin:8px 0 0;max-width:68ch;color:var(--muted-foreground)}.hint{margin:6px 0 0;font-size:12px;color:var(--muted-foreground)}.grid{display:grid;grid-template-columns:320px 1fr 1fr;gap:16px;align-items:start}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel>h2,.panel>h3{padding:14px 16px 0}.stack{display:flex;flex-direction:column;gap:12px;padding:14px 16px 16px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions{display:grid;grid-template-columns:1fr auto;gap:8px}.field{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;border:0;min-width:0}.field>span,.field>legend{padding:0;font-size:12px;font-weight:500}input[type=text],input:not([type]),input[type=number]{width:100%;height:36px;padding:0 10px;font:inherit;color:inherit;background:var(--background);border:1px solid var(--border);border-radius:calc(var(--radius) - 2px)}input:disabled{opacity:.5}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted-foreground)}.checkbox input{width:16px;height:16px;accent-color:var(--primary)}button{height:36px;padding:0 12px;font:inherit;font-size:13px;font-weight:500;color:inherit;background:var(--background);border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);cursor:pointer}button:hover{background:var(--muted)}.primary{color:var(--primary-foreground);background:var(--primary);border-color:var(--primary)}.primary:hover{background:color-mix(in oklab,var(--primary) 88%,var(--background))}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--muted);border-radius:var(--radius)}.segment{height:28px;background:transparent;border-color:transparent;color:var(--muted-foreground)}.segment[aria-pressed=true]{background:var(--card);color:var(--foreground);box-shadow:var(--shadow)}.ghost{height:28px;border-color:transparent;background:transparent;color:var(--muted-foreground);font-size:12px}.outcome{margin:0;padding:8px 10px;font-size:12px;color:var(--muted-foreground);background:var(--muted);border-radius:calc(var(--radius) - 2px)}.outcome[data-state=live]{color:var(--foreground)}.outcome[data-state=skipped],.outcome[data-state=dropped]{color:var(--destructive)}.snippet{display:block;padding:8px 10px;font-size:12px;color:var(--muted-foreground);background:var(--muted);border-radius:calc(var(--radius) - 2px);word-break:break-word}.region-head,.log-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.region[data-priority=assertive] .region-head h2{color:var(--destructive)}.tag{font-size:12px;color:var(--muted-foreground)}.tag[data-live=true]{color:var(--foreground)}.region[data-priority=assertive] .tag[data-live=true]{color:var(--destructive)}.column{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:16px;min-height:220px;max-height:46vh;overflow-y:auto}.card{padding:10px 12px;border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);background:var(--background)}.card-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:11px;color:var(--muted-foreground)}.card-node{display:block;font-size:12px;word-break:break-word}.card[data-state=pending]{border-style:dashed;color:var(--muted-foreground)}.card[data-state=live]{border-color:var(--primary)}.region[data-priority=assertive] .card[data-state=live]{border-color:var(--destructive)}.card[data-state=cleared]{opacity:.55}.card[data-state=skipped],.card[data-state=dropped]{border-style:dashed;opacity:.6}.card[data-state=skipped] .card-node,.card[data-state=dropped] .card-node{text-decoration:line-through}.life{height:3px;margin-top:8px;border-radius:999px;background:var(--muted);overflow:hidden}.life span{display:block;height:100%;width:100%;border-radius:inherit;background:var(--primary);animation:drain linear forwards}.region[data-priority=assertive] .life span{background:var(--destructive)}@keyframes drain{to{width:0}}@media (prefers-reduced-motion: reduce){.life span{animation:none}}.empty{margin:0;font-size:13px;color:var(--muted-foreground)}.tuning,.dom{border-top:1px solid var(--border)}.tuning>summary,.dom>summary{padding:12px 16px;font-size:12px;color:var(--muted-foreground);cursor:pointer}.dom pre{margin:0;padding:0 16px 16px;font-size:12px;color:var(--muted-foreground);overflow-x:auto}.log{margin-top:16px}.log-body{max-height:200px;overflow-y:auto;padding:12px 16px;font-size:12px}.log-body p{margin:0;color:var(--muted-foreground);white-space:pre}.log-body p[data-type=insert]{color:var(--foreground)}.log-body p[data-type=skip],.log-body p[data-type=drop]{color:var(--destructive)}.log-time,.log-type,.log-priority{display:inline-block;margin-right:12px}@media (max-width: 1000px){.grid{grid-template-columns:1fr}}