[data-tools]{--tw-radius: 6px;--tw-shadow: color-mix(in srgb, var(--line) 34%, transparent);max-width:86rem;margin:0 auto;padding:2rem 1.5rem 5rem}[data-tools] .tool-toc{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem;position:sticky;top:.5rem;z-index:4}[data-tools] .tool-toc a{font-family:var(--font-mono);font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;padding:.5rem 1.05rem;border:2px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 78%,transparent);color:var(--text);text-decoration:none;backdrop-filter:blur(10px);transition:transform .2s var(--ease-out-expo),background .2s,color .2s,box-shadow .2s}[data-tools] .tool-toc a:hover{transform:translateY(-2px);box-shadow:0 4px 0 var(--tw-shadow)}[data-tools] .tool-toc a.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 40%,transparent)}[data-tools] .tools-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,25rem),1fr));align-items:start}[data-tools] .tool{position:relative;display:flex;flex-direction:column;border:2px solid var(--line);border-radius:var(--tw-radius);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 5%,var(--surface)) 0%,var(--surface) 38%);padding:1.7rem 1.5rem 1.6rem;overflow:hidden;box-shadow:6px 6px 0 var(--tw-shadow);transition:transform .25s var(--ease-out-expo),box-shadow .25s var(--ease-out-expo)}[data-tools] .tool:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--accent),var(--accent-2, var(--accent)))}[data-tools] .tool:hover{transform:translate(-3px,-3px);box-shadow:11px 11px 0 var(--tw-shadow)}[data-tools] .tool h3{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.01em;font-size:1.18rem;margin:.15rem 0 .45rem;color:var(--text)}[data-tools] .tool-desc{color:var(--text-dim);font-size:.86rem;margin:0 0 1.25rem;line-height:1.55}[data-tools] .tinput{width:100%;font-family:var(--font-mono);font-size:.9rem;padding:.72rem .85rem;border:2px solid color-mix(in srgb,var(--line) 65%,transparent);border-radius:5px;background:color-mix(in srgb,var(--bg) 82%,#000 4%);color:var(--text);transition:border-color .15s,box-shadow .15s,background .15s}[data-tools] .tinput::placeholder{color:color-mix(in srgb,var(--text-dim) 75%,transparent)}[data-tools] .tinput:focus{outline:none;border-color:var(--accent);background:var(--bg);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}[data-tools] .tarea{min-height:6.5rem;resize:vertical;margin-bottom:.8rem;line-height:1.5}[data-tools] .tflags,[data-tools] .tcount{max-width:6rem}[data-tools] select.tinput{cursor:pointer}[data-tools] .tool-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:.4rem 0 0}[data-tools] .tool-row .tinput{flex:1;min-width:8rem}[data-tools] .tbtn{font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;font-weight:700;padding:.66rem 1.05rem;border:2px solid var(--accent);border-radius:5px;background:var(--accent);color:var(--accent-contrast);cursor:pointer;white-space:nowrap;transition:transform .15s var(--ease-out-expo),box-shadow .15s,filter .15s}[data-tools] .tbtn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--tw-shadow);filter:brightness(1.06)}[data-tools] .tbtn:active{transform:translate(0);box-shadow:none}[data-tools] .tbtn:disabled{opacity:.5;cursor:wait;transform:none;box-shadow:none}[data-tools] .tool-out{margin-top:1.2rem;padding:1rem;border-radius:5px;border:1px solid color-mix(in srgb,var(--line) 26%,transparent);background:color-mix(in srgb,var(--bg) 55%,transparent)}[data-tools] .tool-out:empty{display:none}[data-tools] .tool-out--single{font-family:var(--font-mono);font-size:.9rem;word-break:break-word;line-height:1.5}[data-tools] .kv{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-top:1px solid color-mix(in srgb,var(--line) 20%,transparent);font-size:.85rem}[data-tools] .kv:first-child{border-top:none;padding-top:.1rem}[data-tools] .kv span{color:var(--text-dim);font-family:var(--font-mono);font-size:.76rem;text-transform:uppercase;letter-spacing:.03em}[data-tools] .kv code{font-family:var(--font-mono);text-align:right;word-break:break-all;color:var(--accent)}[data-tools] .tool-code{display:block;margin-top:.8rem;font-family:var(--font-mono);font-size:.82rem;word-break:break-all;color:var(--accent);min-height:1rem}[data-tools] pre{background:var(--bg);border:1px solid color-mix(in srgb,var(--line) 30%,transparent);padding:.9rem;overflow-x:auto;font-family:var(--font-mono);font-size:.8rem;margin:.6rem 0 .8rem;border-radius:5px;line-height:1.5}[data-tools] h4{font-family:var(--font-mono);font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin:1rem 0 .35rem}[data-tools] .tool-status{font-family:var(--font-mono);font-size:.78rem;color:var(--text-dim)}[data-tools] .tool-status.ok,[data-tools] .ok-txt{color:var(--accent)}[data-tools] .tool-status.bad,[data-tools] .err{color:var(--accent-2, #ff5a5a)}[data-tools] .err,[data-tools] .ok-txt{font-family:var(--font-mono);font-size:.82rem;margin:.4rem 0 0}[data-tools] .tool-range{display:block;font-family:var(--font-mono);font-size:.8rem;color:var(--text-dim);margin-bottom:.7rem}[data-tools] .tool-range b{color:var(--accent)}[data-tools] .tool-range input{width:100%;margin-top:.4rem;accent-color:var(--accent)}[data-tools] .tool-checks{display:flex;flex-wrap:wrap;gap:.85rem;margin-bottom:.85rem;font-family:var(--font-mono);font-size:.82rem}[data-tools] .tool-checks label{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer}[data-tools] .tool-checks input{accent-color:var(--accent);width:1rem;height:1rem}[data-tools] .color-swatch{width:56px;height:56px;flex-shrink:0;border:2px solid var(--line);border-radius:6px;background:#00d48c;box-shadow:inset 0 0 0 2px color-mix(in srgb,#fff 18%,transparent),3px 3px 0 var(--tw-shadow);transition:background .15s}[data-tools] .contrast-preview{margin:1rem 0 0;padding:1.4rem;border:2px solid var(--line);border-radius:6px;text-align:center;font-weight:700;font-size:1.05rem;color:#e9e9e9;background:#050b14}[data-tools] .tool-mini{flex:1;min-width:7rem;font-family:var(--font-mono);font-size:.74rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em}[data-tools] .tool-mini .tinput{margin-top:.4rem;text-transform:none}[data-tools] .shade-row{display:flex;flex-wrap:wrap;gap:3px;margin-top:.8rem;border-radius:5px;overflow:hidden}[data-tools] .shade{flex:1;min-width:2rem;height:3.6rem;border:none;cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 18%,transparent);transition:transform .12s var(--ease-out-expo)}[data-tools] .shade:hover{transform:scale(1.08);z-index:1;position:relative}[data-tools] .tool-note{text-align:center;font-family:var(--font-mono);font-size:.82rem;color:var(--text-dim);margin:3rem 0 0;padding:1.2rem;border-top:2px solid color-mix(in srgb,var(--line) 18%,transparent)}