.tool-input{width:100%;padding:9px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:'Fira Code',monospace;}.tool-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px rgba(52,152,219,0.1);}.color-format-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-secondary,#f8f9fa);border-radius:6px;border:1px solid var(--border-color,#e0e0e0);}.color-format-label{font-size:11px;font-weight:700;color:var(--text-muted,#888);text-transform:uppercase;letter-spacing:0.5px;min-width:42px;}.color-format-value{flex:1;font-size:13px;font-family:'Fira Code',monospace;background:transparent;color:var(--text-primary,#2c3e50);border:none;padding:0;}.color-swatch{width:22px;height:22px;border-radius:3px;cursor:pointer;border:2px solid transparent;transition:transform 0.15s,border-color 0.15s;}.color-swatch:hover{transform:scale(1.2);border-color:#2c3e50;}#color-swatches{max-height:130px;overflow-y:auto;}