/* Scoped to the favicon generator: no shared styles or other tools change. */
#tool .tool-aside {background:#172033;color:#f1f5f9;padding:24px;border:1px solid #334155;box-shadow:0 12px 32px #0f172a12}
#tool .tool-aside::before {display:none}
#tool .aside-title,#tool .input-label,#tool .checkbox-group label,#tool .settings-header {color:#f1f5f9}
#tool .aside-sub,#tool .help-note,#tool .range-display {color:#cbd5e1;line-height:1.65}
#tool .help-note a {color:#a5d8ff;text-decoration:underline}
#tool .seg {background:#0f172a;border:1px solid #475569;padding:4px;gap:4px}
#tool .seg button {color:#e2e8f0;background:transparent;min-height:42px;border-radius:8px;white-space:normal}
#tool .seg button.active {color:#fff;background:#4338ca}
#tool .seg button:hover {background:#334155;color:#fff}
#tool .seg button.active:hover {background:#3730a3}
#tool .btn-secondary {background:#fff;color:#1e293b;border:1px solid #64748b}
#tool .btn-primary {background:#4338ca;color:#fff}
#tool button:disabled {opacity:1;background:#e2e8f0;color:#475569;border-color:#94a3b8;cursor:not-allowed;box-shadow:none;transform:none}
#tool .tool-aside button:disabled {background:#334155;color:#cbd5e1}
#tool button:focus-visible,#tool input:focus-visible,#tool [tabindex]:focus-visible {outline:3px solid #f59e0b;outline-offset:3px}
#tool input[type=color] {min-height:44px;min-width:64px;background:#fff;border:1px solid #94a3b8;border-radius:8px;margin:6px 0 12px}
#tool input[type=range],#tool input[type=checkbox] {accent-color:#818cf8}
#tool .swatches {display:flex;flex-wrap:wrap;gap:10px}
#tool .swatch {width:40px;height:40px;border:2px solid #f1f5f9;cursor:pointer}
#tool .stage-card {overflow:hidden;background:#fff;color:#172033}
#tool .stage-card-head {gap:12px;flex-wrap:wrap}
#tool .dim-pill {background:#e2e8f0;color:#334155;white-space:normal;line-height:1.5;max-width:100%}
#tool .color-original {display:flex;align-items:center;gap:10px;padding:0 16px 16px;color:#334155;line-height:1.5}
#tool .preview-container {min-height:280px;padding:20px;background:#e2e8f0}
#tool .preview-empty {color:#475569}
#tool .preview-canvas {max-width:100%;max-height:520px;width:auto;height:auto;object-fit:contain;border:1px solid #94a3b8;border-radius:8px}
#tool .action-buttons {display:flex;flex-wrap:wrap;gap:10px}
#tool [hidden] {display:none!important}
#tool .upload-zone {background:#f8fafc;border-color:#64748b;color:#172033}
#tool .upload-title {color:#172033}
#tool .upload-subtitle,#tool .upload-hint {color:#475569}
@media(max-width:700px) {#tool .tool-aside {padding:18px} #tool .action-buttons .btn {width:100%;white-space:normal} #tool .preview-container {min-height:220px;padding:12px} #tool .stage-card-head {align-items:flex-start}}


#tool input[type=text] {background:#0f172a;color:#f1f5f9;border:1px solid #64748b}
#tool .btn-success {background:#166534;color:#fff}
#tool #preview-stage {--text-mute:#475569;--text-dim:#334155;--panel-2:#fff;--line:#94a3b8}
#tool #output-head {font-size:18px;font-weight:700;color:#172033}
#tool .output-meta {color:#334155;overflow-wrap:anywhere}
#tool .output-link {color:#3730a3;text-decoration:underline}
#tool .copybox {background:#0f172a;color:#f1f5f9;padding-top:60px}
#tool #snippet {color:#f1f5f9;overflow:auto}