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