/* Restore the color controls independently of the preview stage styles. */
.color-palette{min-width:0;padding:20px;background:#f5f7f5;border-radius:12px}
.palette-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.palette-heading strong{font-size:16px}.palette-specials button{background:#fff;border:1px solid #dce2dd;border-radius:20px;padding:8px 12px;font-size:12px;font-weight:700}.palette-specials button[aria-pressed=true]{background:#151c19;color:#fff;border-color:#151c19}
.palette-plane{height:140px;position:relative;touch-action:none;cursor:crosshair;border-radius:8px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),hsl(var(--hue) 100% 50%);overflow:hidden}.palette-plane:focus-visible{outline:3px solid #ffc400;outline-offset:3px}.palette-plane>i{position:absolute;width:17px;height:17px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0008,0 2px 5px #0005;transform:translate(-50%,-50%);pointer-events:none}
.palette-controls{display:grid;grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:18px;margin-top:14px}.palette-hue{display:block;min-width:0}.palette-hue input[type=range]{width:100%;height:16px;min-height:16px;border:0;border-radius:20px;padding:0;margin:0;appearance:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer}.palette-hue input::-webkit-slider-thumb{appearance:none;background:#fff;border:2px solid #151c19;width:21px;height:21px;border-radius:50%;box-shadow:0 1px 4px #0002}.palette-hex{position:relative;min-width:0}.palette-hex>i{position:absolute;width:17px;height:17px;border-radius:50%;left:12px;top:15px;border:1px solid #151c1920;z-index:1}.palette-hex input[type=text]{width:100%;padding:12px 10px 12px 38px;background:#fff;font-family:monospace;font-weight:700;font-size:14px;min-height:48px}
.palette-upload-note{display:block;color:#747c77;font-size:12px;line-height:1.6;margin-top:14px}.color-palette[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.color-palette{padding:16px}}