/* Frame / Background: Solid and Gradient reference palettes. */
.shotso-palette-section{margin-top:17px}
.shotso-palette-title{font:500 14px/20px Inter,sans-serif!important;letter-spacing:-.15px;color:var(--fg)!important;text-transform:none!important;margin:0 0 7px!important}
.shotso-palette-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;align-items:start}
.shotso-palette-grid button{
 position:relative;display:block;min-width:0;aspect-ratio:1.1;padding:0;
 overflow:visible;border:0;border-radius:9px;background:transparent;cursor:pointer
}
.shotso-palette-swatch{display:block;width:100%;height:100%;border-radius:8px;border:1px solid var(--line);background-clip:padding-box}
.shotso-palette-grid button[aria-pressed=true] .shotso-palette-swatch{outline:1.5px solid var(--option-outline);outline-offset:2px}
.shotso-palette-grid button:hover .shotso-palette-swatch{filter:brightness(.94)}
.shotso-palette-more{overflow:hidden!important}
.shotso-palette-preview-pair{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;border-radius:8px;overflow:hidden}
.shotso-palette-preview-pair>span{height:100%;width:100%;opacity:.78}
.shotso-palette-arrow{position:absolute;inset:0;display:grid;place-items:center;color:var(--fg);background:color-mix(in srgb,var(--panel) 25%,transparent);border-radius:8px}
.shotso-palette-more:hover .shotso-palette-arrow,.shotso-palette-collapse:hover{background:var(--active)}
.shotso-palette-collapse{display:grid!important;place-items:center;background:var(--slider-track)!important;border-radius:8px!important;color:var(--fg)}
.shotso-palette-section.is-expanded .shotso-palette-grid{row-gap:6px}
@media(max-width:800px){
 .shotso-palette-grid{gap:7px}
 .shotso-palette-section{margin-top:14px}
}