:root{color-scheme:light;--bg: #ffffff;--fg: #0a0a0a;--muted: #6b6b6b;--faint: #a3a3a3;--line: #e7e7e7;--hover: #f4f4f4;--overlay: rgba(255, 255, 255, .82);--ok: #2f7d4f;--bad: #b8433a;--warn: #a8761f;--c-a: #3f6f9f;--c-b: #c0643a;--c-c: #6f8a3c;--c-shell: #0a0a0a;--c-hole: #8b5a8f;--c-sample: #c39130;--bg-app: var(--bg);--bg-panel: var(--bg);--bg-elevated: var(--hover);--border: var(--line);--text-primary: var(--fg);--text-secondary: var(--muted);--text-muted: var(--muted);--accent: var(--fg);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--header-h: 52px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #000000;--fg: #f2f2f2;--muted: #8f8f8f;--faint: #5a5a5a;--line: #1f1f1f;--hover: #111111;--overlay: rgba(0, 0, 0, .78);--ok: #6fbf8b;--bad: #e07a6f;--warn: #d9a75a;--c-a: #86aed6;--c-b: #e08b62;--c-c: #a7bf6c;--c-shell: #f2f2f2;--c-hole: #c497c4;--c-sample: #e0b357}}:root[data-theme=dark]{color-scheme:dark;--bg: #000000;--fg: #f2f2f2;--muted: #8f8f8f;--faint: #5a5a5a;--line: #1f1f1f;--hover: #111111;--overlay: rgba(0, 0, 0, .78);--ok: #6fbf8b;--bad: #e07a6f;--warn: #d9a75a;--c-a: #86aed6;--c-b: #e08b62;--c-c: #a7bf6c;--c-shell: #f2f2f2;--c-hole: #c497c4;--c-sample: #e0b357}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}body.lab{overflow:hidden}button,input,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit}code{font-family:var(--font-mono);font-size:.92em}.hidden,.mobile-only{display:none!important}.num{font-variant-numeric:tabular-nums}svg.lucide{width:18px;height:18px;stroke-width:1.75;flex-shrink:0}.app{display:flex;flex-direction:column;height:100vh;height:100dvh}.header{height:var(--header-h);flex-shrink:0;display:flex;align-items:center;gap:24px;padding:0 16px 0 20px;border-bottom:1px solid var(--line)}.wordmark{font-weight:600;font-size:15px;letter-spacing:-.02em;text-decoration:none}.wordmark span{color:var(--muted);font-weight:400}.tabs{display:flex;gap:4px}.tab{padding:6px 10px;border-radius:6px;color:var(--muted);font-weight:500;text-decoration:none;transition:color .12s ease}.tab.active{color:var(--fg);background:var(--hover)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:2px}.icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:var(--muted);text-decoration:none;transition:color .12s ease,background .12s ease}.layout{flex:1;min-height:0;display:grid;grid-template-columns:280px minmax(0,1fr) 300px}.sidebar{min-height:0;overflow-y:auto;display:flex;flex-direction:column}.sidebar.left{border-right:1px solid var(--line)}.sidebar.right{border-left:1px solid var(--line)}.panel{display:flex;flex-direction:column;min-height:0}.section{padding:16px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--line)}.section:last-child{border-bottom:none}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-head h2{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.hint{font-size:11.5px;color:var(--faint);font-variant-numeric:tabular-nums}.example-list{display:flex;flex-direction:column;padding:6px 8px 12px}.example-card{text-align:left;padding:9px 10px;border-radius:8px;display:flex;flex-direction:column;gap:2px;transition:background .12s ease}.example-card.active{background:var(--hover)}.example-card-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 8px}.example-title{font-weight:500;color:var(--fg)}.example-card:not(.active) .example-title{color:var(--muted)}.example-tag{font-size:11px;color:var(--faint);white-space:nowrap}.example-summary{font-size:12px;color:var(--muted);display:none}.example-card.active .example-summary{display:block}.control-group{display:flex;flex-direction:column;gap:8px}.control-label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--fg)}.mono-val{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.op-grid,.segmented-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden}.op-grid{grid-template-columns:repeat(2,1fr)}.op-btn,.seg-btn{padding:7px 8px;color:var(--muted);font-weight:500;white-space:nowrap;border-right:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 -1px -1px 0;transition:color .12s ease,background .12s ease}.op-btn.active,.seg-btn.active{background:var(--fg);color:var(--bg)}.op-btn .sym{opacity:.6;margin-left:4px;font-weight:400}.btn{padding:7px 10px;border:1px solid var(--line);border-radius:8px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;transition:background .12s ease}.btn-primary{background:var(--fg);border-color:var(--fg);color:var(--bg)}.btn svg.lucide{width:15px;height:15px}.btn-inline{color:var(--muted);font-size:12px;font-weight:500}.chip-row{display:flex;flex-wrap:wrap;gap:4px}.btn-chip{padding:3px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:12px}.btn-chip.active{border-color:var(--fg);color:var(--fg)}input[type=range]{width:100%;accent-color:var(--fg);cursor:pointer}.num-input{width:120px;padding:4px 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);font-variant-numeric:tabular-nums}.checkbox-row{display:flex;align-items:center;gap:9px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--fg)}.checkbox-row input[type=checkbox]{accent-color:var(--fg);width:14px;height:14px;flex-shrink:0}.diagnostics-box{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}.diag-row{display:flex;justify-content:space-between;gap:12px}.diag-val{color:var(--fg);font-variant-numeric:tabular-nums;text-align:right}.diag-sep{margin-top:4px;padding-top:8px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.ok{color:var(--ok)!important}.bad{color:var(--bad)!important}.warn{color:var(--warn)!important}.stage{display:flex;flex-direction:column;min-width:0;min-height:0}.stage-head{padding:14px 20px 0;display:flex;flex-direction:column;gap:3px}.scenario-title{font-size:15px;font-weight:600;letter-spacing:-.01em}.scenario-footer{color:var(--muted);max-width:72ch;font-size:12.5px}.canvas-container{position:relative;flex:1;min-height:0;overflow:hidden}#kernel-canvas{width:100%;height:100%;display:block;cursor:crosshair;touch-action:none}.overlay{position:absolute;font-size:11.5px;color:var(--muted);background:var(--overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:8px;pointer-events:none}.metrics{top:12px;right:12px;padding:6px 10px;display:flex;gap:14px;font-variant-numeric:tabular-nums}.metric{display:flex;gap:5px}.metric-value{color:var(--fg)}.cursor-probe{top:12px;left:12px;padding:6px 10px;display:flex;flex-direction:column;gap:1px;font-variant-numeric:tabular-nums}.probe-key{color:var(--faint)}.canvas-legend{bottom:12px;left:12px;padding:6px 10px;display:flex;flex-wrap:wrap;gap:4px 14px;max-width:calc(100% - 120px)}.legend-item{display:inline-flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.body-a{background:var(--c-a)}.dot.body-b{background:var(--c-b)}.dot.body-c{background:var(--c-c)}.dot.out-shell{background:var(--c-shell)}.dot.out-hole{background:var(--c-hole)}.dot.sample-pt{background:var(--c-sample)}.canvas-actions{position:absolute;right:12px;bottom:12px;display:flex;gap:4px;background:var(--overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:10px;padding:2px}.fuzz-action-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.status-badge{font-size:11.5px;font-weight:500;color:var(--faint)}.status-badge.running{color:var(--ok)}.scorecard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}.score-card{display:flex;flex-direction:column;gap:1px}.score-card.wide{grid-column:span 2}.score-title{font-size:11.5px;color:var(--muted)}.score-num{font-size:17px;font-weight:500;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.score-num.pass{color:var(--fg)}.score-num.fail{color:var(--bad)}.score-sub{font-size:11px;color:var(--faint)}.fuzz-history-list{display:flex;flex-direction:column;max-height:260px;overflow-y:auto;margin:0 -8px}.fuzz-item{padding:5px 8px;border-radius:6px;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);cursor:pointer;font-variant-numeric:tabular-nums}.fuzz-item:hover,.fuzz-item.active{background:var(--hover);color:var(--fg)}.fuzz-pass{color:var(--ok);font-weight:500}.fuzz-fail{color:var(--bad);font-weight:500}.picker{display:flex;align-items:center;gap:4px}.picker-select{flex:1;min-width:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding:8px 32px 8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;font-weight:500;font-size:14px;text-overflow:ellipsis}@media (hover: hover){.tab:hover{color:var(--fg)}.icon-btn:hover{color:var(--fg);background:var(--hover)}.example-card:hover{background:var(--hover)}.example-card:hover .example-title{color:var(--fg)}.op-btn:not(.active):hover,.seg-btn:not(.active):hover{color:var(--fg);background:var(--hover)}.btn:hover{background:var(--hover)}.btn-primary:hover{background:var(--fg);opacity:.85}.btn-inline:hover,.btn-chip:hover{color:var(--fg)}}@media (max-width: 1180px){.layout{grid-template-columns:240px minmax(0,1fr) 270px}}@media (max-width: 860px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.header{gap:12px;padding:0 8px 0 16px}.layout{display:flex;flex-direction:column}.stage{flex:1}.stage-head{padding:12px 16px 0}.scenario-title{display:none}.scenario-footer{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar.right{flex:none;overflow:visible;border-left:none;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.sidebar.right .section{padding:10px 16px;border-bottom:none}.sidebar.right .section+.section{padding-top:0}.op-grid{grid-template-columns:repeat(3,1fr)}.op-btn,.seg-btn{padding:9px 4px}.op-btn .sym{display:none}.metrics{top:8px;right:8px;gap:10px;font-size:11px}.canvas-legend{bottom:8px;left:8px;font-size:11px;gap:2px 10px}.canvas-actions{right:8px;bottom:8px}}