.pal{--accent:#c95fb0}.pal-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.pal-basecol{width:88px}.pal-controls .grow{flex:1;min-width:150px}.pal-color{width:100%;height:46px;padding:3px;cursor:pointer;border-radius:10px;border:1px solid rgba(140,160,235,.28);background:rgba(8,11,22,.6)}.pal-color::-webkit-color-swatch{border:none;border-radius:7px}.pal-color::-webkit-color-swatch-wrapper{padding:0}.pal-schemes{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.pal-count{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}.pal-count label{font:600 12px/1 Inter,Segoe UI,system-ui,sans-serif;color:var(--dim);display:flex;gap:6px}.pal-count input[type=range]{accent-color:var(--accent);width:160px}.pal-strip{display:flex;gap:0;border-radius:14px;overflow:hidden;min-height:180px;box-shadow:0 20px 50px -30px #000;border:1px solid rgba(140,160,235,.2)}.pal-cell{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:14px 6px;cursor:pointer;position:relative;transition:flex .25s;min-height:180px}.pal-cell:hover{flex:1.4}.pal-cell .hex{font:800 13px/1 JetBrains Mono,monospace;padding:6px 8px;border-radius:7px;background:rgba(0,0,0,.28);backdrop-filter:blur(3px);white-space:nowrap}.pal-cell .cc{position:absolute;top:10px;left:50%;transform:translate(-50%);opacity:0;font-size:13px;transition:opacity .14s}.pal-cell:hover .cc{opacity:.7}@media (max-width:560px){.pal-strip{flex-direction:column}.pal-cell{min-height:56px;flex-direction:row;justify-content:space-between;padding:12px 16px}.pal-cell:hover{flex:1}}.pal-export{justify-content:center;margin-top:14px}