.custom-palette-card{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}
#customPaletteOpen{width:100%;font-size:13px;white-space:normal}
#customPaletteOpen.active{border-color:var(--blue);background:#e9eeff}
#customPalettePreview{display:flex;flex-wrap:wrap;gap:3px;margin-top:10px}
#customPalettePreview span{width:17px;height:17px;border:1px solid #18203133}
.custom-palette-limit{display:block;text-align:left;font-size:13px}
.custom-palette-limit[hidden]{display:none}
#customPaletteDialog{width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--ink);padding:24px;box-shadow:8px 10px 0 #18203130}
#customPaletteDialog::backdrop{background:#182031aa}
#customPaletteDialog[open]{display:flex;flex-direction:column;height:min(760px,calc(100dvh - 32px))}
#customPaletteDialog> :not(.custom-palette-library){flex-shrink:0}
#customPaletteDialog .custom-palette-library{flex:1 1 310px;min-height:80px}
.custom-palette-heading,.custom-palette-selection,.custom-palette-exact,.custom-palette-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.custom-palette-heading,.custom-palette-selection{justify-content:space-between}
.custom-palette-heading h2{font:800 24px/1.2 Arial,sans-serif;margin:0}
.custom-palette-intro{font-size:14px;line-height:1.6;margin:14px 0 18px}
.custom-palette-selection{font-size:14px;margin-bottom:10px}
#customPaletteDialog button.secondary,#customPaletteDialog button.primary{font-size:14px;min-height:36px}
.custom-color-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px}
.custom-color-square{position:relative;padding:0;aspect-ratio:1;border:1px solid #18203155;border-radius:3px;cursor:pointer;color:white;font:900 22px/1 Arial,sans-serif;text-shadow:0 1px 2px black,0 -1px 2px black,1px 0 2px black,-1px 0 2px black}
.custom-color-square[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:1px;box-shadow:inset 0 0 0 2px white}
.custom-color-square:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
#customPaletteSelected{min-height:38px;padding:6px;margin:0 0 14px;background:#e9eeff;border-radius:6px;max-height:116px;overflow:auto}
.custom-palette-library{padding:5px;max-height:310px;overflow:auto;border:1px solid var(--line);border-radius:6px}
.custom-palette-exact{margin-top:18px}.custom-palette-exact label{font-size:14px;margin:0;letter-spacing:0;text-transform:none}.custom-palette-exact input{width:48px;height:38px;padding:2px}
#customPaletteMessage{font-size:13px;min-height:36px;line-height:1.5}
.custom-palette-actions{justify-content:flex-end;border-top:1px solid var(--line);padding-top:16px}
@media(max-width:480px){#customPaletteDialog{padding:16px}.custom-color-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.custom-palette-library{max-height:270px}.custom-palette-heading h2{font-size:21px}}