.tool-content[data-astro-cid-n6qzr72c]{padding:60px 0;background:var(--bg-primary)}.tool-header[data-astro-cid-n6qzr72c]{text-align:center;margin-bottom:60px;color:var(--text-primary)}.tool-header[data-astro-cid-n6qzr72c] .tool-icon[data-astro-cid-n6qzr72c]{font-size:80px;margin-bottom:20px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tool-header[data-astro-cid-n6qzr72c] h1[data-astro-cid-n6qzr72c]{font-size:48px;font-weight:700;margin-bottom:20px;color:var(--text-primary)}.tool-header[data-astro-cid-n6qzr72c] p[data-astro-cid-n6qzr72c]{font-size:20px;color:var(--text-secondary);max-width:600px;margin:0 auto}.generator-container[data-astro-cid-n6qzr72c]{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:40px}.controls-section[data-astro-cid-n6qzr72c]{background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:20px;padding:30px;display:flex;gap:30px;justify-content:center;flex-wrap:wrap}.control-group[data-astro-cid-n6qzr72c]{display:flex;flex-direction:column;gap:8px;min-width:150px}.control-group[data-astro-cid-n6qzr72c] label[data-astro-cid-n6qzr72c]{font-size:14px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.control-group[data-astro-cid-n6qzr72c] select[data-astro-cid-n6qzr72c]{padding:12px 16px;border:1.5px solid var(--border-color);border-radius:12px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.control-group[data-astro-cid-n6qzr72c] select[data-astro-cid-n6qzr72c]:focus{outline:none;border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 8px 20px #6b9bd226}.generate-section[data-astro-cid-n6qzr72c]{display:flex;justify-content:center}.generate-btn[data-astro-cid-n6qzr72c]{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;border:none;border-radius:50px;padding:18px 40px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;box-shadow:0 8px 20px #ff6b6b4d}.generate-btn[data-astro-cid-n6qzr72c]:hover{transform:translateY(-3px);box-shadow:0 12px 30px #ff6b6b66}.generate-btn[data-astro-cid-n6qzr72c]:active{transform:translateY(-1px)}.btn-icon[data-astro-cid-n6qzr72c]{font-size:20px;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}}.palette-section[data-astro-cid-n6qzr72c]{background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:20px;padding:40px;min-height:300px}.palette-container[data-astro-cid-n6qzr72c]{display:flex;gap:20px;justify-content:center;align-items:stretch;flex-wrap:nowrap;min-height:200px}.color-card[data-astro-cid-n6qzr72c]{background:var(--card-bg);border:1.5px solid var(--border-color);border-radius:16px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;position:relative;overflow:hidden;min-width:140px;flex:1;max-width:200px}.color-card[data-astro-cid-n6qzr72c]:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 20px 40px #6b9bd233;border-color:var(--accent-color)}.color-preview[data-astro-cid-n6qzr72c]{width:100%;height:100px;border-radius:8px;margin-bottom:15px;transition:all .3s ease;position:relative;z-index:2;border:2px solid var(--border-color);box-shadow:0 2px 8px #0000001a;background-color:#f0f0f0}.color-card[data-astro-cid-n6qzr72c]:hover .color-preview[data-astro-cid-n6qzr72c]{height:120px;border-radius:12px;box-shadow:0 4px 16px #0003}.color-hex[data-astro-cid-n6qzr72c]{font-family:Courier New,monospace;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px;position:relative;z-index:2}.color-rgb[data-astro-cid-n6qzr72c]{font-size:12px;color:var(--text-secondary);margin-bottom:12px;position:relative;z-index:2}.color-swatch[data-astro-cid-n6qzr72c]{width:120px!important;height:120px!important;border:4px solid #000000!important;border-radius:12px!important;margin:0 auto 15px!important;box-shadow:0 4px 16px #0000004d!important;display:block!important;background-color:red!important}.copy-btn[data-astro-cid-n6qzr72c]{background:var(--accent-bg);color:var(--text-primary);border:1.5px solid var(--accent-border);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;z-index:2}.copy-btn[data-astro-cid-n6qzr72c]:hover{background:var(--accent-color);color:#fff;transform:scale(1.05)}.copy-btn[data-astro-cid-n6qzr72c].copied{background:#4caf50;color:#fff}.palette-info[data-astro-cid-n6qzr72c]{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.info-item[data-astro-cid-n6qzr72c]{display:flex;flex-direction:column;align-items:center;gap:4px}.info-label[data-astro-cid-n6qzr72c]{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.info-value[data-astro-cid-n6qzr72c]{font-size:16px;font-weight:600;color:var(--text-primary)}.palette-container[data-astro-cid-n6qzr72c].generating .color-card[data-astro-cid-n6qzr72c]{animation:generatePalette .6s ease-out forwards}@keyframes generatePalette{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.tool-header[data-astro-cid-n6qzr72c] h1[data-astro-cid-n6qzr72c]{font-size:36px}.tool-header[data-astro-cid-n6qzr72c] p[data-astro-cid-n6qzr72c]{font-size:16px}.controls-section[data-astro-cid-n6qzr72c]{flex-direction:column;align-items:center}.control-group[data-astro-cid-n6qzr72c]{min-width:200px}.palette-container[data-astro-cid-n6qzr72c]{flex-direction:row;overflow-x:auto;padding-bottom:10px}.color-card[data-astro-cid-n6qzr72c]{min-width:120px;max-width:140px;flex-shrink:0}.palette-info[data-astro-cid-n6qzr72c]{flex-direction:column;gap:20px}}@media(max-width:480px){.tool-header[data-astro-cid-n6qzr72c] .tool-icon[data-astro-cid-n6qzr72c]{font-size:60px}.tool-header[data-astro-cid-n6qzr72c] h1[data-astro-cid-n6qzr72c]{font-size:28px}.generate-btn[data-astro-cid-n6qzr72c]{padding:16px 32px;font-size:16px}.palette-section[data-astro-cid-n6qzr72c]{padding:20px}}