.palette-workspace .palette-count-label { display: flex; justify-content: space-between; align-items: center; margin: 18px 0 6px; color: #e6e4ed; }
.palette-workspace #palette-count { width: 100%; margin: 0; }
.palette-workspace .palette-count-label output { color: #bdbbc8; }
.palette-workspace .palette-heading { display: flex; justify-content: space-between; gap: 8px; align-items: baseline; margin: 18px 0 8px; }
.palette-workspace .palette-heading h2 { margin: 0; font-size: .85rem; font-weight: 600; }
.palette-workspace .palette-heading span, .palette-workspace .palette-empty { color: #a9a7b5; font-size: .8rem; }
.palette-workspace .palette-empty { margin: 0; padding: 12px 0; border-top: 2px solid var(--eyy-border, #101010); }
.palette-workspace .palette-colors { display: grid; gap: 5px; }
.palette-workspace .palette-row { display: flex; gap: 6px; min-width: 0; }
.tool-page .palette-workspace button.palette-color { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; min-height: 39px; padding: 4px 8px; border: 2px solid #303039; border-radius: 6px; background: #0c0c10; text-align: left; }
.tool-page .palette-workspace button.palette-color:hover { border-color: #6978b4; background: #17171d; }
.palette-workspace .palette-color-swatch { display: block; flex: none; width: 39px; height: 39px; padding: 3px; border: 2px solid #303039; border-radius: 6px; background: #0c0c10; cursor: pointer; }
.palette-color-code { color: #f4f2f8; font-variant-numeric: tabular-nums; }
.palette-color-share { margin-left: auto; color: #aaa8b5; }
.palette-workspace .palette-actions button { width: 100%; background: #24263a; border-color: #59699e; }
.palette-workspace .palette-actions button:disabled { opacity: .46; cursor: default; }