#colorPopover{max-height:calc(100dvh - 160px);overflow-y:auto}
.custom-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.custom-color{display:grid;gap:8px;min-width:0;padding:12px;border:1px solid #173f7326;border-radius:14px;background:#fffaf2}
.custom-color label{font-size:13px;font-weight:600}
.custom-color input[type=color]{display:block;width:100%;height:54px;min-height:44px;padding:3px;border:1px solid #173f7333;border-radius:10px;background:#fffdf8;cursor:pointer}
.custom-color input[type=color]::-webkit-color-swatch-wrapper{padding:3px}
.custom-color input[type=color]::-webkit-color-swatch{border:0;border-radius:6px}
.custom-color input[type=color]::-moz-color-swatch{border:0;border-radius:6px}
.custom-color input[type=text]{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:6px;border:1px solid #173f7326;border-radius:8px;background:#fffdf8;color:var(--ink,#173f73);font:16px ui-monospace,monospace;text-align:center}
#swapCustomColors{display:block;width:100%;min-height:44px;margin-top:10px;padding:8px;border:1px solid #173f7333;border-radius:10px;background:#f7edcc;color:var(--ink,#173f73);font:inherit;font-size:13px;cursor:pointer}
#colorFeedback{margin:8px 0 0;color:#944637;font-size:12px;line-height:1.5}
#colorFeedback:empty{display:none}
.palette-presets-label{font-size:12px;color:#68758a;margin:16px 0 8px}
html[data-mobile-studio=frame] .ms-sheet #colorPopover{max-height:none;overflow:visible}
.custom-color input:focus-visible,#swapCustomColors:focus-visible{outline:2px solid #579bd7;outline-offset:2px}