.palette-container[data-v-0f3ac6af]{margin:40px auto;padding:0 20px;--bg: #2C2C2C;--surface: #333333;--border: #1A1A1A;--text: #EEEEEE;--muted: #999999;--accent: var(--v0905bc80);font-family:Montserrat,sans-serif;color:var(--text)}.palette-card[data-v-0f3ac6af]{background:var(--surface);border-radius:12px;padding:24px;box-shadow:0 4px 12px #0003}.muted[data-v-0f3ac6af]{color:var(--muted)}.title-label[data-v-0f3ac6af]{font-size:.75rem;letter-spacing:.15em;color:var(--muted);text-transform:uppercase;display:block;margin-bottom:.5rem}.controls[data-v-0f3ac6af]{display:flex;flex-wrap:wrap;gap:2rem;align-items:flex-start;margin-bottom:3rem}.base-color-control label[data-v-0f3ac6af]{display:block;font-size:.75rem;font-weight:700;letter-spacing:.1em;color:var(--text);text-transform:uppercase;margin-bottom:.75rem}.color-input-wrap[data-v-0f3ac6af]{display:flex;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.5rem 1rem}.color-picker[data-v-0f3ac6af]{width:36px;height:36px;border:none;background:none;cursor:pointer;border-radius:50%;padding:0}.color-picker[data-v-0f3ac6af]::-webkit-color-swatch-wrapper{padding:0}.color-picker[data-v-0f3ac6af]::-webkit-color-swatch{border:2px solid var(--border);border-radius:50%}.color-hex[data-v-0f3ac6af]{font-size:1rem;font-weight:500;letter-spacing:.05em;color:var(--text)}.color-preview[data-v-0f3ac6af]{width:24px;height:24px;border-radius:50%;transition:background .3s;border:2px solid rgba(255,255,255,.1)}.mode-selector[data-v-0f3ac6af]{display:flex;flex-wrap:wrap;gap:.5rem}.mode-btn[data-v-0f3ac6af]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#1a1a1a;border:1px solid var(--border);border-radius:6px;color:var(--muted);font-family:Montserrat,sans-serif;font-size:.85rem;cursor:pointer;transition:all .2s}.mode-btn[data-v-0f3ac6af]:hover{border-color:var(--text);color:var(--text)}.mode-btn.active[data-v-0f3ac6af]{background:var(--accent);border-color:var(--accent);color:#1a1a1a;font-weight:700}.mode-icon[data-v-0f3ac6af]{font-size:1rem;line-height:1}.swatches[data-v-0f3ac6af]{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;border:1px solid var(--border);border-radius:12px;overflow:hidden}@media (max-width: 700px){.swatches[data-v-0f3ac6af]{grid-template-columns:1fr 1fr}}.swatch[data-v-0f3ac6af]{cursor:pointer;position:relative;overflow:hidden;aspect-ratio:3/4;display:flex;flex-direction:column;animation:swatchIn-0f3ac6af .4s both;animation-delay:var(--delay)}.swatch-fill[data-v-0f3ac6af]{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .3s ease}.swatch:hover .swatch-fill[data-v-0f3ac6af]{transform:scale(1.04)}.swatch-info[data-v-0f3ac6af]{position:absolute;bottom:0;left:0;right:0;padding:1rem .75rem .75rem;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 100%);display:flex;flex-direction:column;gap:.15rem}.swatch-hex[data-v-0f3ac6af]{font-size:.85rem;font-weight:500;color:#fff;letter-spacing:.05em;text-shadow:0 1px 4px rgba(0,0,0,.5)}.swatch-role[data-v-0f3ac6af]{font-size:.65rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 1px 3px rgba(0,0,0,.5)}.swatch-copy[data-v-0f3ac6af]{font-size:.6rem;color:#ffffff80;margin-top:.1rem;text-shadow:0 1px 3px rgba(0,0,0,.5)}.swatch:hover .swatch-copy[data-v-0f3ac6af]{color:#ffffffe6}.mode-description[data-v-0f3ac6af]{margin-top:2rem;font-size:.9rem;color:var(--muted);line-height:1.6;border-left:3px solid var(--accent);padding-left:1.5rem;transition:border-color .4s}.mode-description strong[data-v-0f3ac6af]{color:var(--text)}@keyframes swatchIn-0f3ac6af{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.swatch-enter-active[data-v-0f3ac6af]{transition:all .35s ease}.swatch-leave-active[data-v-0f3ac6af]{transition:all .2s ease}.swatch-enter-from[data-v-0f3ac6af],.swatch-leave-to[data-v-0f3ac6af]{opacity:0;transform:scale(.95)}