.color-card[data-v-7e4364cc]{overflow:hidden;transition:transform .2s,box-shadow .2s}[dir] .color-card[data-v-7e4364cc]{border:1px solid #dee2e6;border-radius:8px;background:#fff}[dir] .color-card[data-v-7e4364cc]:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.color-card .color-preview[data-v-7e4364cc]{height:120px;display:flex;align-items:center;justify-content:center;position:relative;transition:opacity .2s}[dir] .color-card .color-preview[data-v-7e4364cc]{cursor:pointer}.color-card .color-preview[data-v-7e4364cc]:hover{opacity:.9}.color-card .color-preview .color-value[data-v-7e4364cc]{font-weight:600;font-size:1.1rem;letter-spacing:.5px}[dir] .color-card .color-preview .color-value[data-v-7e4364cc]{text-shadow:0 1px 2px rgba(0,0,0,.2)}[dir] .color-card .color-info[data-v-7e4364cc]{padding:1rem}.color-card .color-info .color-name[data-v-7e4364cc]{font-weight:600;font-size:1rem;color:#2c2c2c}[dir] .color-card .color-info .color-name[data-v-7e4364cc]{margin-bottom:.5rem}.color-card .color-info .color-variables .variable-name[data-v-7e4364cc]{font-family:Courier New,monospace;font-size:.85rem;transition:color .2s}[dir] .color-card .color-info .color-variables .variable-name[data-v-7e4364cc]{padding:2px 0;cursor:pointer}.color-card .color-info .color-variables .variable-name[data-v-7e4364cc]:hover{color:#007bff!important;text-decoration:underline}.color-palette-page[data-v-41fd67ee]{max-width:1400px;min-height:100vh}[dir] .color-palette-page[data-v-41fd67ee]{padding:2rem;margin:0 auto;background:#f8f9fa}[dir] .page-header[data-v-41fd67ee]{text-align:center;margin-bottom:2rem}.page-header h1[data-v-41fd67ee]{font-size:2.5rem;font-weight:700;color:#2c2c2c}[dir] .page-header h1[data-v-41fd67ee]{margin-bottom:.5rem}.page-header .subtitle[data-v-41fd67ee]{font-size:1.1rem;color:#6c757d}[dir] .page-header .subtitle[data-v-41fd67ee]{margin-bottom:1rem}[dir] .page-header .current-whitelabel-badge[data-v-41fd67ee]{margin-top:1rem}.page-header .current-whitelabel-badge .badge-lg[data-v-41fd67ee]{font-size:1rem}[dir] .page-header .current-whitelabel-badge .badge-lg[data-v-41fd67ee]{padding:.75rem 1.5rem}.whitelabel-selector .btn-group[data-v-41fd67ee]{width:100%;display:flex}.whitelabel-selector .btn-group .btn[data-v-41fd67ee]{flex:1}[dir] .color-category[data-v-41fd67ee]{box-shadow:0 2px 4px rgba(0,0,0,.1)}[dir] .color-category .card-header[data-v-41fd67ee]{background:#fff;border-bottom:2px solid #e9ecef;padding:1.5rem}.color-category .card-header h3[data-v-41fd67ee]{font-size:1.5rem;font-weight:600}[dir] .color-category .card-header h3[data-v-41fd67ee]{margin:0 0 .5rem 0}.color-grid[data-v-41fd67ee]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.color-card[data-v-41fd67ee]{overflow:hidden;transition:transform .2s,box-shadow .2s}[dir] .color-card[data-v-41fd67ee]{border:1px solid #dee2e6;border-radius:8px;background:#fff}[dir] .color-card[data-v-41fd67ee]:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.color-card .color-preview[data-v-41fd67ee]{height:120px;display:flex;align-items:center;justify-content:center;position:relative;transition:opacity .2s}[dir] .color-card .color-preview[data-v-41fd67ee]{cursor:pointer}.color-card .color-preview[data-v-41fd67ee]:hover{opacity:.9}.color-card .color-preview .color-value[data-v-41fd67ee]{font-weight:600;font-size:1.1rem;letter-spacing:.5px}[dir] .color-card .color-preview .color-value[data-v-41fd67ee]{text-shadow:0 1px 2px rgba(0,0,0,.2)}[dir] .color-card .color-info[data-v-41fd67ee]{padding:1rem}.color-card .color-info .color-name[data-v-41fd67ee]{font-weight:600;font-size:1rem;color:#2c2c2c}[dir] .color-card .color-info .color-name[data-v-41fd67ee]{margin-bottom:.5rem}.color-card .color-info .color-variables small[data-v-41fd67ee]{font-family:Courier New,monospace;font-size:.85rem;transition:color .2s}[dir] .color-card .color-info .color-variables small[data-v-41fd67ee]{padding:2px 0}.color-card .color-info .color-variables small[data-v-41fd67ee]:hover{color:#007bff!important;text-decoration:underline}[dir] .export-section[data-v-41fd67ee]{margin-top:2rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.export-section .btn-group[data-v-41fd67ee]{display:flex;gap:.5rem;flex-wrap:wrap}@media(max-width:768px){[dir] .color-palette-page[data-v-41fd67ee]{padding:1rem}.color-grid[data-v-41fd67ee]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.whitelabel-selector .btn-group[data-v-41fd67ee]{flex-direction:column}}