.tool{--t-ok-bg: var(--accent-soft);--t-ok-fg: var(--accent);--t-ok-line: color-mix(in srgb, var(--accent) 42%, var(--border));--t-bad-fg: #c0392b;--t-bad-bg: #fbe7e5;--t-bad-line: #e3a49c;display:flex;flex-direction:column;gap:1.6rem;margin:0 0 3rem;font-size:.95rem}:root[data-theme=dark] .tool{--t-bad-fg: #f2626b;--t-bad-bg: #35191c;--t-bad-line: #6b2b30}.tool .tool-head{display:flex;flex-direction:column;gap:.4rem}.tool .eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.tool .tool-title{margin:.4rem 0 0}.tool .intro{color:var(--text-soft);margin:0;max-width:var(--reading)}.tool .controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem 1.6rem;background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;padding:.9rem 1.1rem}.tool .ctl{display:flex;flex-direction:column;gap:.3rem}.tool .ctl-k{font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--text-faint)}.tool select{font-family:var(--font);font-size:.9rem;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:7px;padding:5px 9px;cursor:pointer}.tool select:hover{border-color:var(--accent)}.tool .ctl-blurb{margin:0;font-size:.84rem;color:var(--text-faint);flex:1 1 14rem;min-width:12rem}.tool .primer{background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;padding:1rem 1.1rem}.tool .primer-head{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;margin-bottom:.7rem}.tool .primer-head h2{margin:0;font-size:1.05rem}.tool .primer-note{font-size:.75rem;color:var(--text-faint)}.tool .primer ul{margin:0;padding:0;list-style:none;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.tool .primer li{display:flex;gap:.55rem;margin:0;font-size:.88rem;line-height:1.5;color:var(--text-soft)}.tool .primer li b{color:var(--text)}.tool .dot{flex:none;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-top:.6em}.tool .live-bar{display:flex;gap:1.4rem;flex-wrap:wrap;align-items:center;background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;padding:.6rem 1rem}.tool .live-bar .cell{display:flex;align-items:baseline;gap:.5rem}.tool .live-bar .k{font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--text-faint)}.tool .live-bar .v{font-size:.9rem;font-weight:700}.tool .tool-tabs{display:flex;gap:.1rem;flex-wrap:wrap;border-bottom:1px solid var(--border)}.tool .tab{font-family:var(--font);font-size:.9rem;font-weight:700;background:none;border:none;border-bottom:2px solid transparent;border-radius:0;color:var(--text-soft);padding:.5rem .85rem;margin-bottom:-1px;cursor:pointer;display:flex;align-items:center;gap:.5rem}.tool .tab:hover{color:var(--text)}.tool .tab[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}.tool .tab .num{font-size:.72rem;font-weight:400;color:var(--text-faint)}.tool .tab[aria-pressed=true] .num{color:var(--accent)}.tool .stage{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:.85rem;overflow-x:auto}.tool .panel{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:1.1rem 1.2rem;display:flex;flex-direction:column;gap:1rem}.tool .panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}.tool .panel h2{margin:0;font-size:1.1rem}.tool .panel h3{margin:0 0 .45rem;font-size:.9rem}.tool .note{color:var(--text-soft);font-size:.86rem;margin:.25rem 0 0;max-width:var(--reading)}.tool .note:empty{display:none}.tool .note b{color:var(--text)}.tool .readout{display:flex;gap:1.8rem;flex-wrap:wrap;align-items:baseline}.tool .metric{display:flex;flex-direction:column}.tool .metric .n{font-size:1.9rem;font-weight:700;line-height:1}.tool .metric .l{font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--text-faint);margin-top:.35rem}.tool .metric.good .n{color:var(--accent)}.tool .metric.warn .n{color:var(--t-bad-fg)}.tool .chips{display:flex;flex-wrap:wrap;gap:5px}.tool .chip{font-size:.78rem;padding:2px 8px;border-radius:999px;background:var(--bg);border:1px solid var(--border);color:var(--text-soft)}.tool .chip.live{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.tool .chip.ok{background:var(--t-ok-bg);border-color:var(--t-ok-line);color:var(--t-ok-fg)}.tool .chip.bad{background:var(--t-bad-bg);border-color:var(--t-bad-line);color:var(--t-bad-fg)}.tool .btn{font-family:var(--font);font-size:.82rem;background:var(--bg);color:var(--text-soft);border:1px solid var(--border);border-radius:7px;padding:4px 12px;cursor:pointer;transition:color .15s ease,border-color .15s ease}.tool .btn:hover{color:var(--text);border-color:var(--accent)}.tool :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool .slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem}.tool .slot{background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:.65rem .75rem;display:flex;flex-direction:column;gap:.25rem}.tool .slot .pos{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.tool .slot .cap{font-size:.95rem;font-weight:700}.tool .slot .res{font-size:.76rem;color:var(--text-soft)}.tool .slot.ok{border-color:var(--t-ok-line);background:var(--t-ok-bg)}.tool .slot.ok .res{color:var(--t-ok-fg);font-weight:700}.tool .slot.bad{border-color:var(--t-bad-line);background:var(--t-bad-bg)}.tool .slot.bad .res{color:var(--t-bad-fg);font-weight:700}.tool .verdict{border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--text-soft);padding:.7rem .9rem;font-size:.9rem}.tool .verdict.ok{border-color:var(--t-ok-line);background:var(--t-ok-bg);color:var(--t-ok-fg)}.tool .verdict.bad{border-color:var(--t-bad-line);background:var(--t-bad-bg);color:var(--t-bad-fg)}.tool .tbl-scroll{overflow-x:auto}.tool table{margin:0;font-size:.86rem}.tool td.y{color:var(--t-ok-fg);font-weight:700}.tool td.x{color:var(--t-bad-fg);font-weight:700}.tool .tool-foot{border-top:1px solid var(--border);padding-top:.9rem;color:var(--text-faint);font-size:.82rem}.tool .tool-foot p{margin:0 0 .4rem;max-width:var(--reading)}.tool .tool-foot b{color:var(--text-soft)}.tool .hidden{display:none!important}@media(max-width:640px){.tool .readout{gap:1.2rem}.tool .metric .n{font-size:1.5rem}}