.tool-panel{border:1px solid var(--color-ink-900);background:var(--color-paper)}.tool-panel__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-ink-900);background:var(--color-paper-raised)}.tool-label{display:block;font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-500);margin-bottom:.35rem}.tool-input,.tool-select{width:100%;min-height:2.5rem;padding:.45rem .6rem;border:1px solid var(--color-ink-300);background:var(--color-paper-raised);color:var(--color-ink-900);font-family:var(--font-mono);font-size:.95rem;border-radius:0}.tool-input:focus,.tool-select:focus{border-color:var(--color-ink-900);outline:2px solid var(--color-accent-500);outline-offset:0}.tool-input--big{font-size:1.6rem;font-weight:600;min-height:3.25rem}.tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.5rem;padding:.45rem .9rem;border:1px solid var(--color-ink-900);background:var(--color-paper-raised);color:var(--color-ink-900);font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .15s,color .15s;user-select:none}.tool-btn:hover{background:var(--color-ink-100)}.tool-btn:disabled{opacity:.45;cursor:not-allowed}.tool-btn--primary{background:var(--color-accent-600);border-color:var(--color-accent-600);color:var(--color-paper)}.tool-btn--primary:hover{background:var(--color-accent-700)}.tool-btn--dark{background:var(--color-ink-900);color:var(--color-paper)}.tool-btn--dark:hover{background:var(--color-ink-700)}.tool-seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--color-ink-900)}.tool-seg>button,.tool-seg>label{padding:.4rem .75rem;font-family:var(--font-mono);font-size:.75rem;font-weight:500;background:var(--color-paper-raised);color:var(--color-ink-700);cursor:pointer;border-right:1px solid var(--color-ink-300)}.tool-seg>:last-child{border-right:0}.tool-seg>[aria-pressed=true],.tool-seg>label:has(input:checked){background:var(--color-ink-900);color:var(--color-paper)}.tool-seg input{position:absolute;opacity:0;pointer-events:none}.tool-table{width:100%;border-collapse:collapse;font-size:.875rem}.tool-table th{text-align:left;font-family:var(--font-mono);font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-500);padding:.5rem .6rem;border-bottom:1px solid var(--color-ink-900);white-space:nowrap}.tool-table td,.tool-table tbody th{padding:.5rem .6rem;border-bottom:1px solid var(--color-ink-200);vertical-align:top}.tool-table tbody th{font-family:inherit;font-size:inherit;font-weight:500;letter-spacing:normal;text-transform:none;color:var(--color-ink-800);white-space:normal}.tool-choices{display:grid;grid-template-columns:repeat(var(--cols, 3),minmax(0,1fr));border:1px solid var(--color-ink-900)}.tool-choices>label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;min-height:3rem;padding:.4rem .3rem;text-align:center;font-family:var(--font-mono);font-size:.75rem;background:var(--color-paper-raised);color:var(--color-ink-700);cursor:pointer;border-right:1px solid var(--color-ink-300)}.tool-choices>label:last-child{border-right:0}.tool-choices>label:has(input:checked){background:var(--color-ink-900);color:var(--color-paper)}.tool-choices>label:has(input:focus-visible){outline:2px solid var(--color-accent-500);outline-offset:-3px}.tool-choices input{position:absolute;opacity:0;pointer-events:none}.tool-table td.num,.tool-table th.num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tool-table tbody tr:hover{background:var(--color-paper-raised)}.tool-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.tool-stat{border:1px solid var(--color-ink-200);background:var(--color-paper-raised);padding:.75rem .9rem}.tool-stat__value{display:block;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:600;color:var(--color-ink-900);line-height:1.15}.tool-stat__label{display:block;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-500);margin-top:.3rem}.tool-copy{cursor:copy}.tool-copy[data-copied=true]:after{content:" copied";font-family:var(--font-mono);font-size:.6875rem;color:var(--color-verdict-pro)}.tool-notice{border-left:3px solid var(--color-accent-500);background:var(--color-accent-50);padding:.75rem 1rem;font-size:.9rem;color:var(--color-ink-800)}.tool-notice--ok{border-left-color:var(--color-verdict-pro);background:var(--color-verdict-pro-soft)}.tool-drop{border:2px dashed var(--color-ink-300);background:var(--color-paper-raised);padding:2rem 1rem;text-align:center;cursor:pointer;transition:border-color .15s,background-color .15s}.tool-drop:hover,.tool-drop[data-over=true]{border-color:var(--color-accent-600);background:var(--color-accent-50)}.tool-keys rect[data-key]{cursor:pointer}.tool-keys .key-white{fill:var(--color-paper-raised);stroke:var(--color-ink-400)}.tool-keys .key-black{fill:var(--color-ink-900)}.tool-keys .key-mark.key-white{fill:var(--color-ink-200)}.tool-keys .key-mark.key-black{fill:var(--color-ink-500)}.tool-keys .key-on.key-white{fill:var(--color-accent-300)}.tool-keys .key-on.key-black{fill:var(--color-accent-600)}@media print{.tool-noprint{display:none!important}}.tool-panel .grid>*,.tool-guide-grid>*{min-width:0}.tool-guide table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}