.palette-wrapper[data-v-454df224]{-webkit-user-select:none;user-select:none;flex-wrap:wrap;align-items:flex-start;gap:1.5rem;display:flex}.palette-main[data-v-454df224]{flex-direction:column;gap:.75rem;display:flex}.palette-area[data-v-454df224]{cursor:crosshair;border-radius:8px}.palette-sliders[data-v-454df224]{flex-direction:column;gap:.5rem;display:flex}.palette-slider[data-v-454df224]{cursor:pointer;border-radius:4px}.palette-info[data-v-454df224]{flex-direction:column;gap:.75rem;min-width:220px;display:flex}.palette-preview[data-v-454df224]{background-image:linear-gradient(45deg,#ccc 25%,#0000 25%),linear-gradient(-45deg,#ccc 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ccc 75%),linear-gradient(-45deg,#0000 75%,#ccc 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #8884;border-radius:8px;width:100%;height:48px;position:relative;overflow:hidden}.palette-preview[data-v-454df224]:after{content:"";border-radius:8px;position:absolute;inset:0}.palette-values[data-v-454df224]{flex-direction:column;gap:.35rem;display:flex}.value-row[data-v-454df224]{align-items:center;gap:.5rem;display:flex}.value-label[data-v-454df224]{color:#888;text-transform:uppercase;letter-spacing:.05em;min-width:42px;font-size:.8rem;font-weight:600}.value-code[data-v-454df224]{word-break:break-all;background:#8881;border-radius:3px;padding:2px 6px;font-family:DM Mono,Fira Code,monospace;font-size:.82rem}.copy-btn[data-v-454df224]{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:color .15s,background .15s;display:inline-flex}.copy-btn[data-v-454df224]:hover{color:#666;background:#8882}.copy-btn.copied[data-v-454df224]{color:#22c55e}.palette-inputs[data-v-454df224]{gap:.5rem;display:flex}.input-group[data-v-454df224]{flex-direction:column;align-items:center;gap:2px;display:flex}.input-group label[data-v-454df224]{color:#999;text-transform:uppercase;font-size:.7rem;font-weight:700}.input-group input[data-v-454df224]{text-align:center;width:48px;color:inherit;background:0 0;border:1px solid #8884;border-radius:4px;outline:none;padding:3px 4px;font-family:DM Mono,Fira Code,monospace;font-size:.78rem;transition:border-color .15s}.input-group input[data-v-454df224]:focus{border-color:var(--c-accent,#617df2)}.palette-harmonies[data-v-454df224]{flex-direction:column;gap:.5rem;display:flex}.harmony-group[data-v-454df224]{align-items:center;gap:.5rem;display:flex}.harmony-label[data-v-454df224]{color:#888;min-width:42px;font-size:.72rem;font-weight:600}.harmony-swatches[data-v-454df224]{flex:1;gap:4px;display:flex}.harmony-swatch[data-v-454df224]{cursor:pointer;border:1.5px solid #8883;border-radius:6px;flex-shrink:0;width:28px;height:28px;padding:0;transition:transform .12s,border-color .12s;position:relative}.harmony-swatch[data-v-454df224]:hover{border-color:var(--c-accent,#617df2);z-index:1;transform:scale(1.3)}.harmony-swatch[data-v-454df224]:active{transform:scale(1.1)}