/* tools.css — new tool panels, light theme */
.io-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
@media(max-width:580px){.io-grid{grid-template-columns:1fr}}
.result-box{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:11px 13px;font-family:monospace;font-size:13px;word-break:break-all;white-space:pre-wrap;color:var(--text);min-height:42px}
.ic-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:13px}
.ic-box{background:#fff;border:1.5px solid var(--border);border-radius:var(--r-lg);overflow:hidden}
.ic-box img{width:100%;height:150px;object-fit:cover;display:block}
.ic-meta{padding:7px 11px;font-size:12px;display:flex;justify-content:space-between;border-top:1px solid var(--border);color:var(--muted)}
.ic-saving{color:var(--green);font-weight:700}
.wc-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:8px;margin-top:13px}
.wc-stat{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:10px;text-align:center}
.wc-stat-val{font-size:20px;font-weight:800;color:var(--blue);display:block;font-variant-numeric:tabular-nums}
.wc-stat-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}
.kw-chip{display:inline-flex;align-items:center;gap:4px;background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:2px 8px;font-size:12px;color:var(--muted);margin:2px}
.kw-chip strong{color:var(--blue)}
.md-toolbar{display:flex;gap:3px;flex-wrap:wrap;padding:6px;background:var(--bg);border:1.5px solid var(--border);border-bottom:none;border-radius:var(--r-sm) var(--r-sm) 0 0}
.md-toolbar button{background:#fff;border:1px solid var(--border);color:var(--text2);border-radius:4px;padding:3px 8px;font-size:12px;cursor:pointer;transition:all var(--transition)}
.md-toolbar button:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-lt)}
.md-editor-area{display:grid;grid-template-columns:1fr 1fr}
@media(max-width:600px){.md-editor-area{grid-template-columns:1fr}}
#md-input{border-radius:0 0 0 var(--r-sm);border-right:none;min-height:240px;font-family:monospace;font-size:13px;resize:vertical}
#md-preview{background:var(--bg);border:1.5px solid var(--border);border-radius:0 0 var(--r-sm) 0;padding:11px 14px;min-height:240px;font-size:14px;overflow-y:auto;line-height:1.7}
#md-preview h1,#md-preview h2,#md-preview h3{font-weight:700;margin:8px 0 4px}
#md-preview code{background:var(--bg);border:1px solid var(--border);border-radius:3px;padding:1px 4px;font-size:12px}
#md-preview pre{background:var(--bg);border:1px solid var(--border);border-radius:7px;padding:9px;overflow-x:auto}
#md-preview blockquote{border-left:3px solid var(--blue);margin:0;padding-left:11px;color:var(--muted)}
#md-preview a{color:var(--blue)}
#md-preview hr{border:none;border-top:1px solid var(--border);margin:11px 0}
.diff-result{font-family:monospace;font-size:12.5px;border-radius:var(--r);overflow:hidden;border:1.5px solid var(--border);margin-top:11px}
.diff-same{padding:2px 12px;color:var(--muted)}
.diff-add{padding:2px 12px;background:var(--green-lt);color:#065f46;border-left:3px solid var(--green)}
.diff-del{padding:2px 12px;background:var(--red-lt);color:#991b1b;border-left:3px solid var(--red)}
#rx-output{font-family:monospace;font-size:13.5px;line-height:1.8;white-space:pre-wrap;word-break:break-all}
.rx-match{background:rgba(217,119,6,.2);border-radius:3px;padding:0 2px;color:#92400e}
.rx-match-item{display:flex;align-items:baseline;gap:8px;padding:5px 0;border-bottom:1px solid var(--border);font-size:12.5px}
.rx-match-num{font-size:10px;background:var(--blue);color:#fff;border-radius:10px;padding:1px 6px;flex-shrink:0}
.pw-strength-bars{display:flex;gap:4px;margin-top:7px}
.pw-strength-bar{height:4px;flex:1;border-radius:2px;background:var(--border);transition:background .3s}
.pw-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:3px}
.amort-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:9px}
.amort-table th{text-align:left;padding:5px 8px;background:var(--bg);border-bottom:1.5px solid var(--border);color:var(--muted);font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.05em}
.amort-table td{padding:4px 8px;border-bottom:1px solid var(--border);color:var(--text2)}
.amort-table tr:hover td{background:var(--blue-lt)}
.calc-result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:8px;margin-top:11px}
.calc-result-card{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:10px;text-align:center}
.calc-result-card .val{font-size:17px;font-weight:800;color:var(--blue);display:block;word-break:break-word;font-variant-numeric:tabular-nums}
.calc-result-card .lbl{font-size:10px;color:var(--muted);margin-top:2px;text-transform:uppercase;letter-spacing:.04em}
#gg-preview{height:120px;border-radius:var(--r-lg);background:linear-gradient(135deg,#2563eb,#059669);margin-bottom:11px;border:1.5px solid var(--border)}
#gg-code{font-family:monospace;font-size:13px;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:9px 12px;color:var(--blue);word-break:break-all;cursor:pointer}
#gg-code:hover{border-color:var(--blue);background:var(--blue-lt)}
.cron-presets{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}
.cron-line{padding:5px 0;font-size:13px;border-bottom:1px solid var(--border);color:var(--text2)}
.cron-line:last-child{border:none}
.unit-result{font-size:18px;font-weight:800;color:var(--green);padding:13px;background:var(--green-lt);border:1.5px solid var(--green-brd);border-radius:var(--r-lg);text-align:center;margin-top:9px}
.pct-section{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:13px;margin-bottom:9px}
.pct-section h4{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:8px;text-transform:uppercase;letter-spacing:.04em}
.pct-result{font-weight:700;color:var(--green);margin-top:5px;font-size:13.5px;display:none;padding:7px 11px;background:var(--green-lt);border-radius:var(--r-sm)}
#json-output{min-height:160px;overflow:auto;font-family:monospace;font-size:12.5px}
#json-error{color:var(--red);font-size:12.5px;margin-top:5px;padding:7px 11px;background:var(--red-lt);border-radius:var(--r-sm);display:none}
#cp-palette{display:none;flex-wrap:wrap;gap:7px;margin-top:13px}
.cp-swatch{flex:1;min-width:50px;height:66px;border-radius:9px;cursor:pointer;position:relative;transition:transform var(--transition);border:1.5px solid rgba(0,0,0,.07)}
.cp-swatch:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.cp-hex{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);font-family:monospace}