.tool-intro{flex-shrink:0;padding:10px 16px 8px;background:var(--bg-sidebar);border-bottom:1px solid var(--border)}.tool-intro h1{font-size:15px;font-weight:700;letter-spacing:-.01em;margin:0 0 3px}.tool-intro p{margin:0;font-size:12px;line-height:1.5;color:var(--text-muted);max-width:980px}.tool-intro code,.tool-notes code{padding:0 3px;border-radius:3px;background:var(--bg-card);color:var(--text-main);font-size:11px}.tool-notes{margin-top:6px;font-size:11.5px;color:var(--text-muted)}.tool-notes summary{cursor:pointer;color:var(--amber);font-weight:600;font-size:11.5px}.tool-notes ul{margin:6px 0 0;padding-left:18px;line-height:1.55;max-width:980px}.tool-notes li+li{margin-top:3px}.tool-main{min-height:0}.tool-pane{flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--bg-sidebar)}.tool-pane+.tool-pane{border-left:1px solid var(--border)}.tool-controls{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 16px}.tool-controls .control-row{flex:0 1 260px}.tool-controls .control-row.is-narrow{flex:0 0 auto}.tool-check{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);cursor:pointer;white-space:nowrap}.tool-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.tool-output-actions{display:flex;gap:12px}.tool-output-actions .btn-clear{color:var(--text-muted)}.tool-output-actions .btn-clear:hover{color:var(--amber)}.btn-clear.is-done,.tool-output-actions .btn-clear.is-done{color:#34d399}.tool-page #siteFooter{position:static;width:100%;justify-content:center;border-radius:0;border:none;border-top:1px solid var(--border);background:var(--bg-sidebar);flex-shrink:0}.tool-textarea{flex:1;width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;padding:10px;font-family:Fira Code,Menlo,Monaco,Consolas,monospace;font-size:11.5px;line-height:1.5;color:var(--text-main);resize:none;outline:none;tab-size:2;transition:border-color .15s}.tool-textarea:focus{border-color:#64748b}.tool-output{margin:0;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text}.tool-output:empty:before{content:attr(data-placeholder);color:var(--text-dim)}.tool-output:focus-visible{border-color:#64748b}.tok-keyword{color:#93c5fd;font-weight:600}.tok-type{color:#5eead4}.tok-string{color:#86efac}.tok-number{color:#fdba74}.tok-quoted{color:#c4b5fd}.tok-param{color:#f0abfc}.tok-comment{color:#64748b;font-style:italic}.tok-punct{color:#94a3b8}.tool-textarea.has-error,.tool-textarea.has-error:focus{border-color:#f87171}.tool-pane .status-bar{height:auto;min-height:32px;padding:6px 12px;gap:6px 16px;flex-wrap:wrap;justify-content:flex-start}.tool-pane .status-bar #statusMessage{margin-right:auto}.tool-pane .status-bar #statsInfo,.tool-pane .status-bar #timingInfo{white-space:nowrap;color:var(--text-dim)}.tool-detail{flex-shrink:0;margin:0;padding:0 12px 8px;max-height:96px;overflow:auto;font-size:11px;line-height:1.5;color:var(--text-muted);background:var(--bg-sidebar);white-space:pre-wrap;overflow-wrap:anywhere}.tool-detail:empty{display:none}.tool-detail code{padding:0 3px;border-radius:3px;background:var(--bg-card);color:var(--text-main)}@media(max-width:820px){.tool-main{flex-direction:column}.tool-pane+.tool-pane{border-left:none;border-top:1px solid var(--border)}.tool-controls .control-row{flex-basis:100%}.tool-actions{margin-left:0}.tool-textarea{font-size:16px}.tool-intro h1{font-size:14px}}