.generator-layout[data-astro-cid-fitkoih7]{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1400px;margin:0 auto}.controls-panel[data-astro-cid-fitkoih7]{display:flex;flex-direction:column;gap:1rem}.control-group[data-astro-cid-fitkoih7]{display:flex;flex-direction:column;gap:.5rem}.control-group[data-astro-cid-fitkoih7] label[data-astro-cid-fitkoih7]{display:flex;justify-content:space-between;font-weight:500}.value-display[data-astro-cid-fitkoih7]{color:#6366f1;font-weight:600}.color-row[data-astro-cid-fitkoih7]{display:flex;align-items:center;gap:.75rem}.color-value[data-astro-cid-fitkoih7]{font-family:monospace;font-size:.875rem;color:#6b7280}input[data-astro-cid-fitkoih7][type=color]{width:40px;height:40px;border:none;border-radius:8px;cursor:pointer}input[data-astro-cid-fitkoih7][type=range]{width:100%}input[data-astro-cid-fitkoih7][type=text]{padding:.5rem;border:1px solid #e5e7eb;border-radius:8px;font-size:1rem}.type-buttons[data-astro-cid-fitkoih7],.animation-buttons[data-astro-cid-fitkoih7]{display:flex;flex-wrap:wrap;gap:.5rem}.type-btn[data-astro-cid-fitkoih7],.anim-btn[data-astro-cid-fitkoih7]{padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;font-size:.875rem}.type-btn[data-astro-cid-fitkoih7].active,.anim-btn[data-astro-cid-fitkoih7].active{background:#6366f1;color:#fff;border-color:#6366f1}.toggle-label[data-astro-cid-fitkoih7]{display:flex;align-items:center;gap:.5rem;cursor:pointer}.toggle-label[data-astro-cid-fitkoih7] input[data-astro-cid-fitkoih7]{display:none}.toggle-slider[data-astro-cid-fitkoih7]{width:44px;height:24px;background:#e5e7eb;border-radius:12px;position:relative;transition:.3s}.toggle-slider[data-astro-cid-fitkoih7]:after{content:"";width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:.3s}.toggle-label[data-astro-cid-fitkoih7] input[data-astro-cid-fitkoih7]:checked+.toggle-slider[data-astro-cid-fitkoih7]{background:#6366f1}.toggle-label[data-astro-cid-fitkoih7] input[data-astro-cid-fitkoih7]:checked+.toggle-slider[data-astro-cid-fitkoih7]:after{left:22px}.code-panel[data-astro-cid-fitkoih7]{background:#1e1e2e;border-radius:12px;overflow:hidden}.code-header[data-astro-cid-fitkoih7]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#2a2a3e;color:#fff;font-size:.875rem}.copy-btn[data-astro-cid-fitkoih7]{padding:.25rem .75rem;border:1px solid #6366f1;border-radius:6px;background:transparent;color:#6366f1;cursor:pointer;font-size:.75rem}.copy-btn[data-astro-cid-fitkoih7]:hover{background:#6366f1;color:#fff}pre[data-astro-cid-fitkoih7]{padding:1rem;overflow-x:auto;color:#a6accd;font-size:.75rem;line-height:1.5;margin:0}.preview-panel[data-astro-cid-fitkoih7]{background:#f8fafc;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;min-height:400px}.preview-label[data-astro-cid-fitkoih7]{font-weight:600;color:#374151}.preview-area[data-astro-cid-fitkoih7]{display:flex;align-items:center;justify-content:center;min-height:200px}.progress-wrapper[data-astro-cid-fitkoih7]{display:flex;align-items:center;justify-content:center}.progress-circle[data-astro-cid-fitkoih7]{position:relative;display:inline-flex;align-items:center;justify-content:center}.progress-circle-text[data-astro-cid-fitkoih7]{position:absolute;font-weight:700}.tool-about[data-astro-cid-fitkoih7],.tool-features[data-astro-cid-fitkoih7],.tool-faq[data-astro-cid-fitkoih7]{max-width:800px;margin:2rem auto}.tool-about[data-astro-cid-fitkoih7] h2[data-astro-cid-fitkoih7],.tool-features[data-astro-cid-fitkoih7] h2[data-astro-cid-fitkoih7],.tool-faq[data-astro-cid-fitkoih7] h2[data-astro-cid-fitkoih7]{font-size:1.5rem;margin-bottom:1rem}.tool-features[data-astro-cid-fitkoih7] ul[data-astro-cid-fitkoih7]{list-style:disc;padding-left:1.5rem}.tool-features[data-astro-cid-fitkoih7] li[data-astro-cid-fitkoih7]{margin-bottom:.5rem}.faq-item[data-astro-cid-fitkoih7]{margin-bottom:1.5rem}.faq-item[data-astro-cid-fitkoih7] h3[data-astro-cid-fitkoih7]{font-size:1.1rem;margin-bottom:.5rem}.faq-item[data-astro-cid-fitkoih7] p[data-astro-cid-fitkoih7]{color:#6b7280}@media(max-width:768px){.generator-layout[data-astro-cid-fitkoih7]{grid-template-columns:1fr}}@keyframes progress-stripes{0%{background-position:40px 0}to{background-position:0 0}}