:root{--primary-color: #ff6b6b;--secondary-color: #4ecdc4;--accent-color: #f39c12;--neutral-color: #95a5a6;--dark-color: #2c3e50;--primary-gradient-end: #ee5a6f}.card[data-astro-cid-ug2m5jyh] h2[data-astro-cid-ug2m5jyh]{transition:color .3s ease,border-color .3s ease}.color-picker-grid[data-astro-cid-ug2m5jyh]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px}.color-picker-item[data-astro-cid-ug2m5jyh]{display:flex;flex-direction:column;gap:10px}.color-picker-item[data-astro-cid-ug2m5jyh] label[data-astro-cid-ug2m5jyh]{font-size:.9rem;margin-bottom:5px}.color-input-wrapper[data-astro-cid-ug2m5jyh]{display:flex;gap:10px;align-items:center}.color-picker[data-astro-cid-ug2m5jyh]{width:60px;height:60px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;flex-shrink:0}.color-input[data-astro-cid-ug2m5jyh]{flex:1;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;font-family:Courier New,monospace}button[data-astro-cid-ug2m5jyh]{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-gradient-end) 100%);width:100%}.palette-display[data-astro-cid-ug2m5jyh]{margin-top:30px}.palette-section[data-astro-cid-ug2m5jyh]{margin-bottom:30px}.palette-section[data-astro-cid-ug2m5jyh] h3[data-astro-cid-ug2m5jyh]{color:var(--primary-color);margin-bottom:15px;font-size:1.3rem;transition:color .3s ease}.palette-grid[data-astro-cid-ug2m5jyh]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.color-card[data-astro-cid-ug2m5jyh]{background:#fff;border:2px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s;cursor:pointer}.color-card[data-astro-cid-ug2m5jyh]:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.color-swatch[data-astro-cid-ug2m5jyh]{width:100%;height:120px;position:relative}.color-info[data-astro-cid-ug2m5jyh]{padding:15px}.color-name[data-astro-cid-ug2m5jyh]{font-weight:600;margin-bottom:8px;color:#333}.color-code[data-astro-cid-ug2m5jyh]{font-family:Courier New,monospace;font-size:.9rem;color:#666;margin-bottom:5px}.color-actions[data-astro-cid-ug2m5jyh]{display:flex;gap:5px;margin-top:10px}.color-actions[data-astro-cid-ug2m5jyh] button[data-astro-cid-ug2m5jyh]{flex:1;padding:6px 10px;font-size:.85rem;margin:0}.generate-btn[data-astro-cid-ug2m5jyh]{background:var(--accent-color);color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s,background .3s ease;margin-top:8px;width:100%}.generate-btn[data-astro-cid-ug2m5jyh]:hover{opacity:.9;transform:translateY(-1px)}.generate-all-btn[data-astro-cid-ug2m5jyh]{background:var(--secondary-color);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s,background .3s ease;margin-top:15px;width:100%}.generate-all-btn[data-astro-cid-ug2m5jyh]:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.preset-btn[data-astro-cid-ug2m5jyh]{background:#f8f9fa;color:var(--primary-color);border:2px solid #e0e0e0;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.preset-btn[data-astro-cid-ug2m5jyh]:hover{border-color:var(--primary-color);background:var(--primary-color);color:#fff}input[data-astro-cid-ug2m5jyh][type=range]{height:8px;border-radius:5px;background:#e0e0e0;outline:none;-webkit-appearance:none;appearance:none}input[data-astro-cid-ug2m5jyh][type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary-color);cursor:pointer;box-shadow:0 2px 5px #0003}input[data-astro-cid-ug2m5jyh][type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:none;box-shadow:0 2px 5px #0003}.export-actions[data-astro-cid-ug2m5jyh]{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.export-actions[data-astro-cid-ug2m5jyh] button[data-astro-cid-ug2m5jyh]{flex:1;min-width:150px}@media(max-width:768px){.color-picker-grid[data-astro-cid-ug2m5jyh],.palette-grid[data-astro-cid-ug2m5jyh]{grid-template-columns:1fr}.export-actions[data-astro-cid-ug2m5jyh]{flex-direction:column}.export-actions[data-astro-cid-ug2m5jyh] button[data-astro-cid-ug2m5jyh]{width:100%}}