/* Utility surfaces share the approved base.css tokens; no site navigation shell. */
body.tool-page { margin:0; min-width:0; min-height:100svh; background:var(--bg); color:var(--ink); overflow-x:visible; }
.tool-page :is(button,input,textarea) { font:inherit; }
.tool-page :is(button,input,textarea,summary,a):focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }
.tool-page [hidden] { display:none !important; }
.tool-identity,.tools-page,.cmd-tool-page,.tools-footer { width:min(1280px,calc(100% - 2 * var(--gutter))); margin-inline:auto; }
.tool-identity { padding-block:26px; border-bottom:1px solid var(--line); }
.tool-identity nav { display:flex; align-items:center; flex-wrap:wrap; gap:10px 16px; font:11px/1.6 var(--font-mono); letter-spacing:.09em; text-transform:uppercase; color:var(--muted); }
.tool-identity .tool-brand { color:var(--ink); font-weight:500; letter-spacing:.2em; }
.tool-identity [aria-current] { color:var(--ink-2); }
.tool-identity a:hover { color:var(--cyan); }
.tools-page,.cmd-tool-page { padding-block:36px 0; }
.tools-intro,.cmd-tool-hero { margin-bottom:30px; }
.tools-title,.cmd-tool-heading { margin:0; font-size:clamp(34px,4.3vw,60px); font-weight:600; letter-spacing:-.045em; line-height:1.05; text-transform:uppercase; }
.tools-description,.cmd-tool-intro { margin-top:14px; color:var(--ink-2); font-size:17px; line-height:1.55; }
.tool-local,.tools-local-note { color:var(--muted); font:10px/1.7 var(--font-mono); letter-spacing:.07em; }
.tool-local { margin-top:18px; }
.tools-local-note strong { display:block; font-weight:400; color:var(--cyan); }
.tools-local-note p { margin-top:3px; }
.tool-page :is(.tools-button,.tools-tab,.cmd-tool-filter,.cmd-tool-copy) { min-height:44px; border:1px solid var(--line); border-radius:0; background:var(--bg-2); color:var(--ink-2); padding:10px 15px; font-size:14px; font-weight:500; line-height:1.35; cursor:pointer; transition:background .15s,border-color .15s,color .15s; }
.tool-page :is(.tools-button,.tools-tab,.cmd-tool-filter,.cmd-tool-copy):hover:not(:disabled) { border-color:var(--crimson-2); background:#28151a; color:var(--ink); }
.tool-page :is(.tools-button--primary,.tools-tab[aria-selected=true],.cmd-tool-filter.is-active) { background:var(--crimson); border-color:var(--crimson); color:#fff; }
.tool-page button:disabled { opacity:.45; cursor:default; }
.tool-page .tools-button--danger { color:#ed9ca5; }
.tools-input,.tools-textarea,.cmd-tool-search { width:100%; min-width:0; border:1px solid var(--line); border-radius:0; background:#0b0b0d; color:var(--ink); padding:12px 14px; font:14px/1.6 var(--font-mono) !important; }
.tools-input,.cmd-tool-search { min-height:48px; }
.tool-page ::placeholder { color:var(--muted); opacity:.85; }
.tools-field-label,.cmd-tool-search-label { display:block; margin-bottom:10px; font:11px/1.5 var(--font-mono); letter-spacing:.1em; text-transform:uppercase; color:var(--ink-2); }
.tools-hint { color:var(--muted); font-size:13px; font-weight:400; }
.tools-status,#cmd-tool-status { min-height:22px; color:var(--cyan); font:12px/1.6 var(--font-mono); }
.tools-status[data-state=error],#cmd-tool-status[data-state=error] { color:#ed9ca5; }
.tools-footer { margin-top:44px; padding-block:20px 28px; border-top:1px solid var(--line); color:var(--muted); font:10px/1.6 var(--font-mono); letter-spacing:.08em; }
@media(max-width:600px) {
 .tool-identity { padding-block:20px; }
 .tool-identity nav { gap:8px 10px; font-size:10px; }
 .tools-page,.cmd-tool-page { padding-top:26px; }
 .tools-title,.cmd-tool-heading { font-size:34px; }
 .tools-description,.cmd-tool-intro { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) { .tool-page * { transition:none !important; scroll-behavior:auto !important; } }