/* Wspólna baza narzędzi JS (narzędziownia) — .test-midi-tool zastępowany klasą narzędzia. Zmienne z x-tools.skin. */
.test-midi-tool .wt-tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}
.test-midi-tool .wt-tabs button{border:1px solid var(--c-border);background:var(--c-bg-subtle);color:var(--c-text-secondary);border-radius:999px;padding:.45rem .95rem;font-size:.85rem;font-weight:600;cursor:pointer}
.test-midi-tool .wt-tabs button.on{background:var(--c-primary);border-color:var(--c-primary);color:#fff}
.test-midi-tool .wt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem}
.test-midi-tool .wt-pole{display:flex;flex-direction:column;gap:.3rem;min-width:0}
.test-midi-tool .wt-pole .f-input,.test-midi-tool .wt-pole select{width:100%}
.test-midi-tool .wt-kafle{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;margin-top:1rem}
.test-midi-tool .wt-kafel{background:var(--c-bg-subtle);border:1px solid var(--c-border);border-radius:var(--r-md);padding:.8rem 1rem}
.test-midi-tool .wt-kafel span{display:block;font-size:.75rem;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.test-midi-tool .wt-kafel b{display:block;font-size:1.35rem;color:var(--c-text);margin-top:.15rem;overflow-wrap:anywhere}
.test-midi-tool .wt-kafel.glowny{background:var(--c-primary-ultra-light);border-color:var(--c-primary-light)}
.test-midi-tool .wt-kafel.glowny b{color:var(--c-primary);font-size:1.7rem}
.test-midi-tool .wt-tabela{width:100%;border-collapse:collapse;font-size:.9rem;margin-top:.8rem}
.test-midi-tool .wt-tabela th,.test-midi-tool .wt-tabela td{padding:.5rem .6rem;border-bottom:1px solid var(--c-border);text-align:left;vertical-align:top}
.test-midi-tool .wt-tabela th{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-muted)}
.test-midi-tool .wt-tabela td.num,.test-midi-tool .wt-tabela th.num{text-align:right;white-space:nowrap}
.test-midi-tool .wt-przewijana{overflow-x:auto}
.test-midi-tool .wt-akcje{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
.test-midi-tool .wt-uwaga{font-size:.82rem;color:var(--c-text-secondary);margin:.6rem 0 0}
.test-midi-tool .wt-blad{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:var(--r-md);padding:.6rem .8rem;font-size:.88rem;margin-top:.8rem}
.test-midi-tool .wt-ok{color:#047857;font-weight:700}
.test-midi-tool .wt-nie{color:#b91c1c;font-weight:700}
.test-midi-tool .wt-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88rem;overflow-wrap:anywhere}
.test-midi-tool .wt-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,14px);background:#1e1b4b;color:#fff;padding:.65rem 1rem;border-radius:10px;font-size:.88rem;opacity:0;visibility:hidden;transition:.25s;z-index:3000;max-width:90vw}
.test-midi-tool .wt-toast.on{opacity:1;visibility:visible;transform:translate(-50%,0)}
.test-midi-tool .wt-chk{display:inline-flex;align-items:center;gap:.4rem;font-size:.88rem;cursor:pointer}
.test-midi-tool .wt-mala{font-size:.8rem;color:var(--c-text-muted)}
@media (max-width:640px){.test-midi-tool .wt-kafel b{font-size:1.15rem}.test-midi-tool .wt-kafel.glowny b{font-size:1.4rem}}
.test-midi-tool .wt-klawiatura{position:relative;height:110px;margin-top:1rem;display:flex;user-select:none;overflow-x:auto}
.test-midi-tool .wt-klawiatura .b{flex:0 0 28px;height:110px;border:1px solid #cbd5e1;border-radius:0 0 5px 5px;background:#fff;position:relative;z-index:1}
.test-midi-tool .wt-klawiatura .c{position:absolute;width:18px;height:68px;background:#1e293b;border-radius:0 0 4px 4px;z-index:2;margin-left:-9px}
.test-midi-tool .wt-klawiatura .on{background:var(--c-primary)!important}
.test-midi-tool .wt-klawiatura .b small{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:.6rem;color:#94a3b8}
.test-midi-tool .wt-log{font-family:ui-monospace,Menlo,monospace;font-size:.8rem;background:#0f172a;color:#e2e8f0;border-radius:var(--r-md);padding:.7rem;height:220px;overflow:auto;white-space:pre}