.tool-nav{display:flex;align-items:center;justify-content:center;gap:25px;margin:25px 0 0;font-size:11px;color:var(--muted)}
.tool-nav a{padding:5px 0;transition:color .15s}
.tool-nav a:hover,.tool-nav a[aria-current=page]{color:var(--green)}
.tool-nav a[aria-current=page]{box-shadow:0 1px 0 #73977d55}
body.tools-page{--tool-surface:#161d18;--tool-field:#19211b;--tool-ink:#cbdacf;--tool-meta:#829a89;--tool-border:#344137;--tool-focus:#698b71;--tool-action:#88ab91;--tool-action-ink:#14221a;--tool-action-hover:#9cbea4;--tool-warning:#b4a777;--tool-error:#c4977e}
:root[data-theme=light] body.tools-page{--tool-surface:#fff;--tool-field:#fff;--tool-ink:#344e3e;--tool-meta:#768e7c;--tool-border:#d6e0d7;--tool-focus:#7ba086;--tool-action:#397c58;--tool-action-ink:#fff;--tool-action-hover:#2f6b4b;--tool-warning:#987e43;--tool-error:#a57259}
body.tools-page .tools-workspace{width:min(1050px,calc(100% - 48px));padding:clamp(32px,6vh,56px) 0 36px}
body.tools-page .submit-workspace{width:min(760px,calc(100% - 48px))}
body.tools-page .brand-row{margin-bottom:16px}
body.tools-page h1{margin-bottom:10px;font-size:29px}
body.tools-page .tool-nav{margin:0 0 24px}
body.tools-page form.tools-form,body.tools-page form.tools-form:focus-within{display:block;min-height:0;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.tools-options{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.algorithm-field{display:flex;align-items:center;gap:12px;min-width:0;color:var(--tool-meta);font-size:12px}
.algorithm-field select{max-width:min(480px,65vw);min-width:200px;height:36px;padding:0 30px 0 10px;border:1px solid var(--tool-border);border-radius:6px;background:var(--tool-field);color:var(--tool-ink);font-family:var(--mono);font-size:12px}
.algorithm-field select:focus-visible{outline:2px solid var(--tool-focus);outline-offset:2px}
.unique-option{display:flex;align-items:center;flex-shrink:0;gap:7px;color:var(--tool-meta);font-size:12px;cursor:pointer}
body.tools-page input[type=checkbox]{flex:none;width:14px;height:14px;min-width:14px;margin:0;padding:0;accent-color:var(--tool-action);cursor:pointer}
.tools-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:21px}
.tools-pane{min-width:0}
.pane-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:25px;margin-bottom:9px;color:var(--tool-meta);font-size:12px}
.pane-heading label{font-weight:500}
.line-count{font-family:var(--mono);font-size:10px;font-variant-numeric:tabular-nums;color:var(--tool-meta)}
.line-count[data-invalid=true]{color:var(--tool-warning)}
body.tools-page textarea.tools-textarea{display:block;width:100%;height:clamp(240px,36vh,360px);min-height:240px;margin:0;padding:16px;border:1px solid var(--tool-border);border-radius:7px;outline:0;background:var(--tool-field);color:var(--tool-ink);font-family:var(--mono);font-size:13px;line-height:1.8;resize:vertical;tab-size:4}
body.tools-page textarea.tools-textarea:focus{border-color:var(--tool-focus);box-shadow:0 0 0 2px #729a7c0a}
body.tools-page textarea.tools-textarea:disabled{opacity:.65}
body.tools-page textarea.result-area{background:var(--tool-surface)}
.result-actions{display:flex;align-items:center;gap:15px}
.result-actions button{padding:2px 0;border:0;background:transparent;color:var(--tool-meta);font-size:11px}
.result-actions button:not(:disabled):hover{color:var(--tool-action)}
.result-actions button:disabled{opacity:.4}
.tools-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px}
.tools-hint{margin:0;color:var(--tool-meta);font-size:11px;line-height:1.8}
.tools-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;gap:8px;min-width:111px;min-height:41px;padding:0 23px;border:1px solid var(--tool-action);border-radius:5px;background:var(--tool-action);color:var(--tool-action-ink);font-size:13px;font-weight:550;letter-spacing:1px}
.tools-button:not(:disabled):hover{background:var(--tool-action-hover);border-color:var(--tool-action-hover)}
.tools-button:disabled{opacity:.65}
.tool-feedback{margin-top:18px;padding-top:15px;border-top:1px solid var(--tool-border);color:var(--tool-meta);font-size:12px;line-height:1.9}
.tool-feedback p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.tool-feedback[data-state=success]{color:var(--tool-action)}
.tool-feedback[data-state=warning]{color:var(--tool-warning)}
.tool-feedback[data-state=error]{color:var(--tool-error)}
#tool-counts{margin-top:4px;font-family:var(--mono);font-size:11px;color:var(--tool-meta)}
@media(max-width:680px){
  body.tools-page .tools-workspace,body.tools-page .submit-workspace{width:calc(100% - 36px);padding-top:45px}
  body.tools-page .brand-row{margin-bottom:20px}
  body.tools-page h1{font-size:26px}
  body.tools-page .tool-nav{margin-bottom:27px}
  .tools-grid{grid-template-columns:minmax(0,1fr);gap:23px}
  .tools-options{gap:10px;margin-bottom:18px}
  .algorithm-field{gap:9px}
  .algorithm-field select{min-width:0;width:calc(100vw - 145px);max-width:350px;font-size:11px}
  body.tools-page textarea.tools-textarea{height:290px;min-height:200px;padding:13px;font-size:12px}
  .tools-actions{gap:12px;margin-top:17px}
  .tools-button{min-width:96px;min-height:40px;padding:0 17px}
  .tools-hint{font-size:10px}
  .tool-nav{gap:23px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.tool-nav a{transition:none}}