.palette-container[data-v-0f3ac6af]{--bg:#2c2c2c;--surface:#333;--border:#1a1a1a;--text:#eee;--muted:#999;--accent:var(--v0905bc80);color:var(--text);margin:40px auto;padding:0 20px;font-family:Montserrat,sans-serif}.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]{letter-spacing:.15em;color:var(--muted);text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;display:block}.controls[data-v-0f3ac6af]{flex-wrap:wrap;align-items:flex-start;gap:2rem;margin-bottom:3rem;display:flex}.base-color-control label[data-v-0f3ac6af]{letter-spacing:.1em;color:var(--text);text-transform:uppercase;margin-bottom:.75rem;font-size:.75rem;font-weight:700;display:block}.color-input-wrap[data-v-0f3ac6af]{background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.color-picker[data-v-0f3ac6af]{cursor:pointer;background:0 0;border:none;border-radius:50%;width:36px;height:36px;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]{letter-spacing:.05em;color:var(--text);font-size:1rem;font-weight:500}.color-preview[data-v-0f3ac6af]{border:2px solid #ffffff1a;border-radius:50%;width:24px;height:24px;transition:background .3s}.mode-selector[data-v-0f3ac6af]{flex-wrap:wrap;gap:.5rem;display:flex}.mode-btn[data-v-0f3ac6af]{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#1a1a1a;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:Montserrat,sans-serif;font-size:.85rem;transition:all .2s;display:flex}.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]{border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(5,1fr);gap:1px;display:grid;overflow:hidden}@media (width<=700px){.swatches[data-v-0f3ac6af]{grid-template-columns:1fr 1fr}}.swatch[data-v-0f3ac6af]{cursor:pointer;aspect-ratio:3/4;animation:.4s both swatchIn-0f3ac6af;animation-delay:var(--delay);flex-direction:column;display:flex;position:relative;overflow:hidden}.swatch-fill[data-v-0f3ac6af]{transition:transform .3s;position:absolute;inset:0}.swatch:hover .swatch-fill[data-v-0f3ac6af]{transform:scale(1.04)}.swatch-info[data-v-0f3ac6af]{background:linear-gradient(#0000 0%,#0009 100%);flex-direction:column;gap:.15rem;padding:1rem .75rem .75rem;display:flex;position:absolute;bottom:0;left:0;right:0}.swatch-hex[data-v-0f3ac6af]{color:#fff;letter-spacing:.05em;text-shadow:0 1px 4px #00000080;font-size:.85rem;font-weight:500}.swatch-role[data-v-0f3ac6af]{color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 1px 3px #00000080;font-size:.65rem}.swatch-copy[data-v-0f3ac6af]{color:#ffffff80;text-shadow:0 1px 3px #00000080;margin-top:.1rem;font-size:.6rem}.swatch:hover .swatch-copy[data-v-0f3ac6af]{color:#ffffffe6}.mode-description[data-v-0f3ac6af]{color:var(--muted);border-left:3px solid var(--accent);margin-top:2rem;padding-left:1.5rem;font-size:.9rem;line-height:1.6;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}.swatch-leave-active[data-v-0f3ac6af]{transition:all .2s}.swatch-enter-from[data-v-0f3ac6af],.swatch-leave-to[data-v-0f3ac6af]{opacity:0;transform:scale(.95)}