.color-generator-layout[data-astro-cid-rejfz73m]{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}@media(max-width:768px){.color-generator-layout[data-astro-cid-rejfz73m]{grid-template-columns:1fr}}.controls-section[data-astro-cid-rejfz73m]{background:#f8fafc;padding:20px;border-radius:12px}.control-group[data-astro-cid-rejfz73m]{margin-bottom:20px}.control-group[data-astro-cid-rejfz73m]:last-child{margin-bottom:0}.control-label[data-astro-cid-rejfz73m]{display:block;font-weight:600;color:#334155;margin-bottom:8px}.color-input-group[data-astro-cid-rejfz73m]{display:flex;gap:12px;align-items:center}.color-picker[data-astro-cid-rejfz73m]{width:60px;height:48px;border:none;border-radius:8px;cursor:pointer;padding:0;background:none}.color-text-input[data-astro-cid-rejfz73m]{flex:1;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;font-family:SF Mono,Monaco,monospace;background:#fff;transition:border-color .2s}.color-text-input[data-astro-cid-rejfz73m]:focus{outline:none;border-color:#6366f1}.scheme-selector[data-astro-cid-rejfz73m]{display:flex;flex-wrap:wrap;gap:8px}.scheme-btn[data-astro-cid-rejfz73m]{flex:1;min-width:100px;padding:10px 12px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;font-size:12px;font-weight:500;color:#475569;transition:all .2s}.scheme-btn[data-astro-cid-rejfz73m]:hover{border-color:#6366f1;color:#6366f1}.scheme-btn[data-astro-cid-rejfz73m].active{background:#6366f1;border-color:#6366f1;color:#fff}.btn[data-astro-cid-rejfz73m]{width:100%;padding:12px 24px;background:#6366f1;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;margin-top:16px;transition:background .2s}.btn[data-astro-cid-rejfz73m]:hover{background:#4f46e5}.palette-section[data-astro-cid-rejfz73m]{display:flex;flex-direction:column;align-items:center;background:#f8fafc;padding:20px;border-radius:12px}.palette-label[data-astro-cid-rejfz73m]{font-weight:600;color:#334155;margin-bottom:16px}.palette-display[data-astro-cid-rejfz73m]{display:flex;width:100%;height:120px;border-radius:8px;overflow:hidden;margin-bottom:16px}.color-swatch[data-astro-cid-rejfz73m]{flex:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;transition:flex .3s;cursor:pointer}.color-swatch[data-astro-cid-rejfz73m]:hover{flex:1.5}.color-hex[data-astro-cid-rejfz73m]{background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-family:SF Mono,Monaco,monospace;font-weight:500}.btn-secondary[data-astro-cid-rejfz73m]{padding:10px 20px;background:#e2e8f0;color:#334155;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.btn-secondary[data-astro-cid-rejfz73m]:hover{background:#cbd5e1}.css-output-section[data-astro-cid-rejfz73m]{margin-top:24px}.output-label[data-astro-cid-rejfz73m]{display:block;font-weight:600;color:#334155;margin-bottom:8px}.code-display[data-astro-cid-rejfz73m]{display:flex;align-items:center;gap:12px;background:#1e293b;padding:16px;border-radius:8px}.code-display[data-astro-cid-rejfz73m] code[data-astro-cid-rejfz73m]{flex:1;font-family:SF Mono,Monaco,monospace;font-size:14px;color:#e2e8f0;line-height:1.6}.btn-copy[data-astro-cid-rejfz73m]{padding:8px 16px;background:#6366f1;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:background .2s}.btn-copy[data-astro-cid-rejfz73m]:hover{background:#4f46e5}.btn-copy[data-astro-cid-rejfz73m].copied{background:#10b981}