/* paleta-kolorow: style tylko tego narzędzia (wspólne w narzedzia.css) */
.lnz-pal-plotno canvas,.lnz-pal-plotno canvas:active{cursor:crosshair}
.lnz-pal-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:10px;margin:14px 0 0;padding:0;list-style:none}
.lnz-pal-lista>li{display:flex;align-items:center;gap:12px;margin:0;padding:10px;border:1px solid var(--l-line);border-radius:12px;background:var(--l-card2)}
.lnz-pal-lista>li>div{min-width:0}
.lnz-pal-pr{flex-shrink:0;display:block;width:48px;height:48px;border:1px solid rgba(255,255,255,.18);border-radius:10px}
.lnz button.lnz-pal-hex{display:inline-flex;align-items:center;min-height:32px;margin:0;padding:0 8px 0 0;border:0;background:none;color:#fff;font:inherit;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;text-transform:uppercase;cursor:pointer}
.lnz button.lnz-pal-hex:hover{text-decoration:underline}
.lnz button.lnz-pal-hex.ok{color:var(--l-ok);text-transform:none}
.lnz-pal-lista small{display:block;color:var(--l-mu);font-size:12.5px;line-height:1.4;overflow-wrap:anywhere}
.lnz-pal-kol{display:flex;align-items:flex-start;gap:14px;margin-top:14px;padding:12px;border:1px solid var(--l-line);border-radius:12px;background:var(--l-card2)}
.lnz-pal-kol .lnz-pal-pr{width:64px;height:64px}
.lnz-pal-kol dl{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 12px;flex:1;min-width:0;margin:0}
.lnz-pal-kol dt{color:var(--l-mu);font-size:13px;font-weight:600}
.lnz-pal-kol dd{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;min-width:0}
.lnz-pal-kol dd b{color:#fff;font-size:15px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.lnz textarea#lnz-pal-css{min-height:120px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px}
@media (max-width:480px){
.lnz-pal-kol{flex-direction:column}
}