.tools-intro { display:flex; justify-content:space-between; align-items:end; gap:24px; }
.tools-workspace { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr); grid-template-areas:'stats stats' 'editor operations' 'editor find' 'output output'; border:1px solid var(--line); background:var(--bg-2); }
.tools-panel { min-width:0; padding:22px; }
.tools-panel--stats { grid-area:stats; display:flex; gap:30px; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); padding-block:18px; }
.tools-panel-heading h2 { font:11px/1.5 var(--font-mono); letter-spacing:.1em; text-transform:uppercase; }
.tools-panel-heading .tools-hint { display:block; margin-top:5px; }
.tools-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:36px; }
.tools-stat dt { color:var(--muted); font:10px/1.5 var(--font-mono); text-transform:uppercase; letter-spacing:.05em; }
.tools-stat dd { font:24px/1.25 var(--font-mono); margin-top:4px; }
.tools-editor { grid-area:editor; border-right:1px solid var(--line); display:flex; flex-direction:column; }
.tools-editor .tools-field-label { margin-bottom:2px; }
.tools-editor .tools-hint { margin-bottom:14px; }
.tools-textarea { display:block; min-height:330px; flex:1; resize:vertical; }
.tools-operations { grid-area:operations; }
.tools-operation-tabs { display:flex; margin-bottom:20px; }
.tools-tab { flex:1; min-width:0; padding-inline:8px !important; }
.tools-tab + .tools-tab { border-left:0; }
.tools-action-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.tools-action-grid .tools-button { font-size:13px; text-align:left; }
.tools-inline-help { margin-top:20px; color:var(--muted); font-size:13px; }
.tools-inline-help p { padding-top:10px; }
.tools-find { grid-area:find; border-top:1px solid var(--line); }
.tools-disclosure > summary { font-size:16px; font-weight:500; cursor:pointer; }
.tools-disclosure > summary .tools-hint { display:block; padding-left:17px; margin-top:5px; }
.tools-disclosure-content { padding-top:20px; }
.tools-two-fields { display:grid; gap:16px; }
.tools-button-row { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.tools-toggle { display:flex; align-items:center; min-height:44px; gap:8px; margin-right:10px; color:var(--ink-2); font-size:14px; }
.tools-toggle input { accent-color:var(--crimson-2); width:18px; height:18px; }
.tools-output { grid-area:output; border-top:1px solid var(--line); display:flex; flex-direction:row-reverse; align-items:center; justify-content:space-between; gap:20px; }
.tools-label-mobile { display:none; }
@media(max-width:850px) {
 .tools-workspace { grid-template-columns:minmax(0,1fr); grid-template-areas:'stats' 'editor' 'operations' 'find' 'output'; }
 .tools-editor { border-right:0; border-bottom:1px solid var(--line); }
 .tools-panel--stats { align-items:start; flex-direction:column; gap:16px; }
 .tools-stats { width:100%; gap:12px; }
 .tools-intro { display:block; }
 .tools-local-note { margin-top:16px; }
 .tools-output { flex-direction:column-reverse; align-items:stretch; gap:12px; }
 .tools-panel { padding:18px; }
 .tools-textarea { min-height:280px; }
}
@media(max-width:600px) {
 .tools-panel { padding:16px; }
 .tools-stats { gap:6px; }
 .tools-stat dd { font-size:22px; }
 .tools-label-mobile { display:inline; } .tools-label-desktop { display:none; }
 .tools-output .tools-button-row { display:grid; grid-template-columns:1fr 1fr; }
}