.custom-colors-editor{padding:4px 0}
.custom-enabled{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:600}
.custom-color-controls{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:10px;align-items:center;margin:20px 0}
.custom-color-controls select{width:100%;padding:10px;border:1px solid var(--border);background:var(--bg-2);color:var(--fg);border-radius:8px;font:inherit;font-size:16px}
.custom-color-row{display:grid;grid-template-columns:minmax(80px,1fr) 44px 130px auto;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--border)}
.custom-color-row input[type=color]{width:44px;height:44px;padding:3px;border:1px solid var(--border);border-radius:9px;background:var(--bg)}
.custom-color-row input[type=text]{width:100%;font:14px ui-monospace,monospace;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--bg-2);color:var(--fg)}
#customColorsHint,#customContrastStatus{font-size:13px;line-height:1.6;color:var(--fg-2)}
#customColorSample{padding:20px;margin-top:20px;border:1px solid var(--border);border-radius:12px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
#customColorSample p{flex:1;font-size:14px}#customColorSample button{border-radius:8px;padding:8px 16px;font-size:16px;pointer-events:none}
#customRestoreAll{margin:12px 0;min-height:44px}
html[data-custom-colors] .composer,html[data-custom-colors] .form-row input:not([type=color]),html[data-custom-colors] .form-row textarea,html[data-custom-colors] .form-row select{background:var(--bg-2)!important;border-color:var(--border)!important;color:var(--fg)!important}
@media(max-width:600px){.custom-color-controls{grid-template-columns:80px 1fr}.custom-color-row{grid-template-columns:minmax(60px,1fr) 44px 108px auto;gap:6px;font-size:13px}.custom-color-row input[type=text]{font-size:16px;padding:8px}.custom-color-row .btn{padding:8px;min-height:44px}}
/* Keep the editor readable even while trying deliberately low-contrast colors. */
.custom-colors-editor{--bg:#fff;--bg-2:#f4f4f5;--fg:#202123;--fg-2:#55585e;--border:#c6c8cc;background:var(--bg);color:var(--fg);padding:16px;border-radius:12px}
html[data-theme=dark] .custom-colors-editor{--bg:#252629;--bg-2:#303136;--fg:#ededee;--fg-2:#bfc1c7;--border:#63666d}