.harmony-tabs[data-v-f6ad2d17]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.wheel-container[data-v-f6ad2d17]{display:flex;justify-content:center;margin-bottom:1.5rem}.color-wheel[data-v-f6ad2d17]{width:300px;height:300px;cursor:crosshair;border-radius:50%}.selected-panel[data-v-f6ad2d17]{padding:.75rem;background:#0003;border:1px solid var(--glass-border);border-radius:var(--radius-sm);margin-bottom:1rem}.panel-header[data-v-f6ad2d17]{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.swatch-preview[data-v-f6ad2d17]{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);flex-shrink:0}.panel-title[data-v-f6ad2d17]{font-size:.85rem;font-weight:600;color:var(--text-muted)}.color-values[data-v-f6ad2d17]{display:flex;flex-direction:column;gap:.5rem}.color-value-row[data-v-f6ad2d17]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.value-label[data-v-f6ad2d17]{font-size:.75rem;font-weight:600;font-family:monospace;color:var(--text-muted);min-width:2.5rem}.value-code[data-v-f6ad2d17]{flex:1;font-family:monospace;font-size:.85rem;color:var(--text-primary);word-break:break-all}.palette-section[data-v-f6ad2d17]{padding:.75rem;background:#0003;border:1px solid var(--glass-border);border-radius:var(--radius-sm)}.palette-header[data-v-f6ad2d17]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.palette-swatches[data-v-f6ad2d17]{display:flex;gap:.75rem;flex-wrap:wrap}.palette-swatch[data-v-f6ad2d17]{flex:1;min-width:60px;height:64px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.25rem;transition:transform var(--transition-fast);position:relative;overflow:hidden}.palette-swatch[data-v-f6ad2d17]:hover{transform:scale(1.05)}.swatch-hex[data-v-f6ad2d17]{font-family:monospace;font-size:.65rem;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.8);background:#0000004d;padding:.1rem .3rem;border-radius:2px}