.color-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.color-catalog-card{display:flex;align-items:center;gap:12px;text-align:left;padding:16px;border:1px solid #e4e7eb;border-radius:12px;background:white;cursor:pointer}.color-catalog-card>span:nth-child(2){flex:1;min-width:0}.color-catalog-card b,.color-catalog-card small,.color-catalog-card em{display:block}.color-catalog-card small{font-size:11px;color:#7c8794;margin-top:4px}.color-catalog-card em{font-size:11px;color:#936a32;font-style:normal;margin-top:5px}.color-catalog-card>span:last-child{font-size:12px;color:#6c7885}.catalog-swatch{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #0002;border-radius:50%;background:var(--swatch);font-style:normal}.catalog-swatch.pending{background:repeating-linear-gradient(135deg,#f3f1ed 0 5px,#e6e3de 5px 10px)}.catalog-swatch.pattern{background:repeating-linear-gradient(45deg,var(--swatch) 0 6px,var(--secondary) 6px 12px)}#colors .toolbar{flex-wrap:wrap;gap:12px}#colors .toolbar label{display:flex;align-items:center;gap:7px;font-size:13px}#colors .toolbar input[type=checkbox]{width:18px;min-height:18px}.color-editor{border:1px solid #e4e7eb;border-radius:18px;padding:24px;width:min(480px,92vw);max-height:90vh}.color-editor::backdrop{background:#14243a88}.color-editor label{display:grid;gap:6px;margin:14px 0;font-size:13px}.color-editor input,.color-editor select{min-height:44px;border:1px solid #dfe3e8;border-radius:8px;padding:9px;font:inherit}.color-pickers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-editor input[type=color]{width:100%;height:48px;padding:4px}.color-editor p{font-size:12px;line-height:1.6;color:#728092}.color-editor button[type=submit]{width:100%;min-height:44px;background:#14243a;color:white;border:0;border-radius:9px;font-weight:700}.color-editor .color-error{color:#ad3543}