:root{--bg: #0a0a0a;--surface: #101011;--surface-2: #1e1e22;--overlay: #121214;--border: #2a2a2f;--border-strong: #3d3d44;--code: #d98d5a;--field: #0d0d0e;--fg: #ededed;--fg-muted: #a1a1a1;--fg-subtle: #6f6f6f;--accent: #3b82f6;--accent-fg: #ffffff;--ok: #22c55e;--warn: #f59e0b;--danger: #ef4444;--radius-sm: 4px;--radius: 6px;--radius-lg: 8px;--radius-full: 999px;--shadow-overlay: 0 8px 24px rgba(0, 0, 0, .5);--dur-fast: .12s;--dur: .16s;--ease: cubic-bezier(.2, 0, 0, 1);--font-sans: "Geist", system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace}html,body{margin:0;padding:0;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:13px;line-height:1.45}*{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--fg-subtle);background-clip:padding-box}button:not(:disabled),a[href],select:not(:disabled),label[for],[role=button]:not([aria-disabled=true]){cursor:pointer}button:disabled,select:disabled{cursor:not-allowed}:focus-visible{outline:1px solid var(--fg);outline-offset:2px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;border-color:var(--fg)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.segmented{display:inline-flex;align-items:center;gap:2px;padding:2px;background:transparent;border:1px solid var(--border);border-radius:var(--radius)}.seg{background:transparent;border:0;color:var(--fg-muted);font-size:13px;font-weight:500;height:26px;padding:0 12px;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.seg:hover:not(:disabled){color:var(--fg)}.seg.active{color:var(--fg);background:var(--surface-2)}.seg:disabled{color:var(--fg-subtle);cursor:not-allowed}.seg-icon{width:26px;padding:0;display:inline-flex;align-items:center;justify-content:center}.menu{display:flex;flex-direction:column;gap:2px;padding:4px;background:var(--overlay);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay)}.menu-item{display:flex;align-items:center;gap:8px;height:28px;padding:0 8px;text-align:left;white-space:nowrap;background:transparent;border:0;border-radius:var(--radius-sm);color:var(--fg-muted);font:inherit;font-size:13px;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.menu-item:hover:not(:disabled),.menu-item.active{color:var(--fg);background:var(--surface-2)}.menu-item:disabled{color:var(--fg-subtle);cursor:not-allowed}.menu-item:disabled:hover{background:transparent}.icon-inline{flex:none;vertical-align:-.18em}.row-dot{flex:none;width:6px;height:6px;border-radius:var(--radius-full);background:var(--fg-subtle)}.row-dot.on{background:var(--accent)}.row-dot.ok{background:var(--ok)}.row-dot.bad{background:var(--warn)}[data-tip]{position:relative}[data-tip]:after,.tip-float{z-index:60;width:max-content;max-width:220px;padding:4px 8px;border-radius:var(--radius);background:var(--overlay);border:1px solid var(--border);color:var(--fg);font-size:12px;font-weight:400;line-height:1.35;box-shadow:var(--shadow-overlay);opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease) 40ms}[data-tip]:after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:-4px}[data-tip]:before,.tip-float:before{content:"";position:absolute;width:8px;height:8px;transform:rotate(45deg);background:var(--overlay);border-left:1px solid var(--border);border-top:1px solid var(--border);z-index:61;opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease) 40ms}[data-tip]:before{top:calc(100% + 4px);left:4px}[data-tip]:hover:after,[data-tip]:hover:before{opacity:1}[data-tip][data-tip-end]:after{left:auto;right:-4px}[data-tip][data-tip-end]:before{left:auto;right:4px}.tip-float{position:fixed}.tip-float:before{top:-4px;left:8px}.tip-float.on,.tip-float.on:before{opacity:1}@media(prefers-reduced-motion:reduce){[data-tip]:after,[data-tip]:before,.tip-float,.tip-float:before{transition:none}}