/* ── Tool Embed Internal Styles ── */
/* Yeh styles tool ke embed HTML ko style karti hain */

/* Common tool inputs */
.tool-input{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg);outline:none;transition:border-color var(--transition);resize:vertical;}
.tool-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(83,74,183,0.1);}
.tool-textarea{min-height:140px;font-family:var(--font-sans);}

/* Tool result box */
.tool-result{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;margin-top:16px;}
.tool-result__label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:8px;}
.tool-result__value{font-size:18px;font-weight:700;color:var(--brand);}
.tool-result__text{font-size:14px;color:var(--text-secondary);line-height:1.6;}

/* Tool stats row */
.tool-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-top:16px;}
.tool-stat{background:var(--brand-light);border-radius:var(--radius-md);padding:12px;text-align:center;}
.tool-stat__num{font-size:22px;font-weight:700;color:var(--brand);display:block;}
.tool-stat__label{font-size:11px;color:var(--text-muted);margin-top:2px;}

/* Tool action buttons row */
.tool-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap;}

/* Copy button */
.copy-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);background:var(--teal-light);color:var(--teal-dark);border:1px solid var(--teal);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition);}
.copy-btn:hover{background:var(--teal);color:#fff;}
.copy-btn.copied{background:var(--teal);color:#fff;}

/* Clear button */
.clear-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);font-size:13px;cursor:pointer;transition:all var(--transition);}
.clear-btn:hover{background:var(--bg-tertiary);}

/* Submit / Run button */
.run-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:var(--radius-md);background:var(--brand);color:#fff;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition);}
.run-btn:hover{background:var(--brand-dark);transform:translateY(-1px);}
.run-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none;}

/* Tool loading spinner */
.tool-spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin 0.7s linear infinite;margin:20px auto;}
@keyframes spin{to{transform:rotate(360deg);}}

/* Error message */
.tool-error{background:#FAECE7;border:1px solid #F5C6BC;border-radius:var(--radius-md);padding:12px 16px;color:#993C1D;font-size:14px;margin-top:12px;}

/* Success message */
.tool-success{background:var(--teal-light);border:1px solid #9FD4C4;border-radius:var(--radius-md);padding:12px 16px;color:var(--teal-dark);font-size:14px;margin-top:12px;}

/* Tool table output */
.tool-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:12px;}
.tool-table th{background:var(--brand);color:#fff;padding:10px 12px;text-align:left;font-weight:500;}
.tool-table td{padding:9px 12px;border-bottom:1px solid var(--border);color:var(--text-secondary);}
.tool-table tr:nth-child(even) td{background:var(--bg-secondary);}
.tool-table tr:hover td{background:var(--brand-light);}

/* Character/word counter highlight */
.highlight-word{background:#FFF3CD;border-radius:2px;}
.highlight-duplicate{background:#FAECE7;border-radius:2px;}

/* Color swatch */
.color-swatch{width:48px;height:48px;border-radius:var(--radius-md);border:2px solid var(--border);display:inline-block;}

/* Range slider */
.tool-range{width:100%;-webkit-appearance:none;height:4px;border-radius:2px;background:var(--border);outline:none;margin:8px 0;}
.tool-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--brand);cursor:pointer;}

/* Checkbox group */
.tool-checkbox-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;}
.tool-checkbox-item{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);}
.tool-checkbox-item input{accent-color:var(--brand);}
.tool-checkbox-item:has(input:checked){background:var(--brand-light);border-color:var(--brand);color:var(--brand);}

/* Tool label */
.tool-label{display:block;font-size:13px;font-weight:500;color:var(--text-primary);margin-bottom:6px;}

/* Tool grid 2-col */
.tool-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media(max-width:500px){.tool-grid-2{grid-template-columns:1fr;}}

/* Progress bar */
.tool-progress{height:8px;background:var(--border);border-radius:99px;overflow:hidden;margin-top:8px;}
.tool-progress__fill{height:100%;background:var(--brand);border-radius:99px;transition:width 0.3s;}