.palette-container[data-v-c03c0c78]{--bg-deep: var(--app-surface-alt);--bg-surface: var(--app-surface);--bg-card: var(--app-surface);--bg-input: var(--app-surface-alt);--text-primary: var(--app-text);--text-secondary: var(--app-text-muted);--text-muted: var(--app-text-muted);--border-subtle: var(--app-border);--border-strong: var(--app-border);--accent-cyan: var(--app-primary);--primary-color: var(--app-primary);--shadow: 0 8px 24px rgba(15, 23, 42, .08);background:var(--bg-deep);padding:20px;border-radius:16px}[data-theme=dark]{box-shadow:0 12px 28px #00000059}.palette-toolbar[data-v-c03c0c78]{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.palette-title[data-v-c03c0c78]{font-size:1.6rem;font-weight:700;color:var(--primary-color);margin-bottom:6px}.palette-subtitle[data-v-c03c0c78]{color:var(--text-secondary);font-size:.95rem}.palette-theme[data-v-c03c0c78]{padding:8px 16px;border:1px solid var(--border-subtle);border-radius:999px;background:var(--bg-card);color:var(--text-primary);cursor:pointer;font-size:.9rem}.palette-card[data-v-c03c0c78]{background:var(--bg-card);border-radius:16px;padding:24px;box-shadow:var(--shadow);margin-bottom:20px;border:1px solid var(--border-subtle)}.card-title[data-v-c03c0c78]{font-size:1rem;font-weight:600;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.card-title.spacing-top[data-v-c03c0c78]{margin-top:24px}.controls[data-v-c03c0c78]{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.control-item[data-v-c03c0c78]{display:flex;align-items:center;gap:12px;color:var(--text-primary)}.control-item label[data-v-c03c0c78]{font-size:14px;font-weight:500}input[type=color][data-v-c03c0c78]{width:60px;height:40px;border:none;border-radius:10px;cursor:pointer;background:none}input[type=text][data-v-c03c0c78]{width:120px;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:8px;font-size:14px;background:var(--bg-input);color:var(--text-primary);font-family:JetBrains Mono,Courier New,monospace}.preset-colors[data-v-c03c0c78]{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.preset-color[data-v-c03c0c78]{width:34px;height:34px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.preset-color[data-v-c03c0c78]:hover{transform:scale(1.08);border-color:var(--text-primary)}.harmony-modes[data-v-c03c0c78]{display:flex;gap:10px;flex-wrap:wrap}.mode-btn[data-v-c03c0c78]{padding:8px 16px;border:1px solid var(--border-subtle);border-radius:999px;background:transparent;color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s ease}.mode-btn[data-v-c03c0c78]:hover{border-color:var(--primary-color)}.mode-btn.active[data-v-c03c0c78]{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.palette-display[data-v-c03c0c78]{display:flex;border-radius:16px;overflow:hidden;margin-bottom:20px}.palette-color[data-v-c03c0c78]{flex:1;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease;border:none}.palette-color[data-v-c03c0c78]:hover{transform:scale(1.04);z-index:1}.palette-color .hex[data-v-c03c0c78]{font-family:JetBrains Mono,Courier New,monospace;font-weight:600;font-size:14px;padding:4px 8px;border-radius:6px;background:#0003}.palette-color.light[data-v-c03c0c78]{color:#1f1f26}.palette-color.light .hex[data-v-c03c0c78]{background:#ffffff8c}.palette-color.dark[data-v-c03c0c78]{color:#fff}.palette-color .name[data-v-c03c0c78]{font-size:11px;margin-top:6px;opacity:.8}.shades-grid[data-v-c03c0c78]{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.shade-item[data-v-c03c0c78]{aspect-ratio:1;border-radius:8px;cursor:pointer;transition:transform .2s ease;border:none}.shade-item[data-v-c03c0c78]:hover{transform:scale(1.08);z-index:1}.export-section[data-v-c03c0c78]{display:flex;gap:12px;flex-wrap:wrap}.code-block[data-v-c03c0c78]{background:var(--bg-input);border-radius:12px;padding:16px;font-family:JetBrains Mono,Courier New,monospace;font-size:13px;overflow-x:auto;white-space:pre;margin-top:16px;min-height:80px;color:var(--text-primary)}.color-value-row[data-v-c03c0c78]{background:var(--app-surface-alt);color:var(--app-text);border:1px solid var(--app-border);border-radius:6px}