:root{--bg: #f6f7f8;--surface: #ffffff;--surface-2: #eef0f2;--surface-hover: #e6e8eb;--border: #dde1e6;--border-strong: #c7ccd3;--text: #14161a;--text-muted: #5b6270;--text-faint: #8b93a1;--accent: #0d9488;--accent-hover: #0f766e;--accent-subtle: #e6f6f4;--accent-text: #ffffff;--success: #16a34a;--success-subtle: #dcfce7;--warn: #d97706;--warn-subtle: #fef3c7;--danger: #dc2626;--danger-hover: #b91c1c;--danger-subtle: #fee2e2;--p0: #2563eb;--p0-subtle: #dbeafe;--p1: #dc2626;--p1-subtle: #fecaca;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--shadow-1: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 1px rgba(15, 23, 42, .04);--shadow-2: 0 8px 24px rgba(15, 23, 42, .1), 0 2px 6px rgba(15, 23, 42, .06);--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:32px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-weight:500;line-height:1;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease;white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn:disabled{opacity:.5;cursor:default}.btn-sm{height:26px;padding:0 var(--space-2);font-size:12px}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-danger{background:var(--danger-subtle);border-color:var(--danger-subtle);color:var(--danger-hover)}.btn-danger:hover:not(:disabled){background:var(--danger);border-color:var(--danger);color:#fff}.btn-active{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent-hover)}.btn-icon{width:32px;padding:0}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-1)}.panel-pad{padding:var(--space-4)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.toolbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.toolbar-group{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.toolbar-sep{width:1px;align-self:stretch;background:var(--border);margin:0 var(--space-1)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.label{font-size:12px;color:var(--text-muted);font-weight:500}.select,.text-input{height:30px;padding:0 var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}.select:focus-visible,.text-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.checkbox-row{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:13px;color:var(--text)}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:999px;font-size:11px;font-weight:600;background:var(--surface-2);color:var(--text-muted)}.pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-3);border-radius:999px;font-size:12px;font-weight:600}.pill-p0{background:var(--p0-subtle);color:var(--p0)}.pill-p1{background:var(--p1-subtle);color:var(--p1)}.pill-accent{background:var(--accent-subtle);color:var(--accent-hover)}.pill-warn{background:var(--warn-subtle);color:var(--warn)}.pill-danger{background:var(--danger-subtle);color:var(--danger-hover)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14161a66;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4)}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;padding:var(--space-5)}.tabbar{display:inline-flex;gap:var(--space-1);padding:var(--space-1);background:var(--surface-2);border-radius:var(--radius)}.tab{border:none;background:transparent;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-weight:600;font-size:13px;color:var(--text-muted);cursor:pointer}.tab:hover{color:var(--text)}.tab-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.hud{display:flex;align-items:stretch;gap:var(--space-2);flex-wrap:wrap}.stat{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--border-strong);border-radius:var(--radius-sm);min-width:84px}.stat-p0{border-left-color:var(--p0)}.stat-p1{border-left-color:var(--p1)}.stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);font-weight:600}.stat-value{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation:none}}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.mono{font-family:var(--font-mono)}