.tool-header[data-astro-cid-pla5os7x]{text-align:center;margin-bottom:2rem}.tool-header[data-astro-cid-pla5os7x] h1[data-astro-cid-pla5os7x]{font-size:1.8rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text)}.tool-header[data-astro-cid-pla5os7x] p[data-astro-cid-pla5os7x]{color:var(--color-text-secondary);font-size:1rem}.generator-layout[data-astro-cid-pla5os7x]{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}@media(max-width:768px){.generator-layout[data-astro-cid-pla5os7x]{grid-template-columns:1fr}}.controls-panel[data-astro-cid-pla5os7x]{background:var(--color-surface);border-radius:1rem;padding:1.5rem}.control-group[data-astro-cid-pla5os7x]{margin-bottom:1rem}.control-label[data-astro-cid-pla5os7x]{display:block;font-weight:600;margin-bottom:.5rem;color:var(--color-text);font-size:.9rem}.control-row[data-astro-cid-pla5os7x]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.control-row[data-astro-cid-pla5os7x] .control-group[data-astro-cid-pla5os7x]{margin-bottom:.5rem}.control-select[data-astro-cid-pla5os7x],.control-input[data-astro-cid-pla5os7x],.control-textarea[data-astro-cid-pla5os7x]{width:100%;padding:.5rem;border-radius:.5rem;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:.9rem}.color-input[data-astro-cid-pla5os7x]{width:100%;height:2.5rem;border:none;border-radius:.5rem;cursor:pointer;background:none}.style-options[data-astro-cid-pla5os7x]{display:flex;flex-wrap:wrap;gap:.5rem}.style-btn[data-astro-cid-pla5os7x]{padding:.4rem .8rem;border-radius:.5rem;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:.85rem;transition:all .2s}.style-btn[data-astro-cid-pla5os7x]:hover{border-color:var(--color-primary)}.style-btn[data-astro-cid-pla5os7x].active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.checkbox-group[data-astro-cid-pla5os7x]{display:flex;align-items:center}.checkbox-label[data-astro-cid-pla5os7x]{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--color-text)}.checkbox-label[data-astro-cid-pla5os7x] input[data-astro-cid-pla5os7x]{width:1rem;height:1rem}.preview-panel[data-astro-cid-pla5os7x]{background:var(--color-surface);border-radius:1rem;padding:1.5rem}.preview-header[data-astro-cid-pla5os7x]{text-align:center;margin-bottom:1rem}.preview-header[data-astro-cid-pla5os7x] h3[data-astro-cid-pla5os7x]{font-size:1.1rem;color:var(--color-text);margin-bottom:.25rem}.preview-hint[data-astro-cid-pla5os7x]{font-size:.8rem;color:var(--color-text-secondary)}.preview-area[data-astro-cid-pla5os7x]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;position:relative}.open-modal-btn[data-astro-cid-pla5os7x]{padding:.75rem 1.5rem;border-radius:.5rem;border:none;background:var(--color-primary);color:#fff;font-size:1rem;cursor:pointer;transition:all .2s}.open-modal-btn[data-astro-cid-pla5os7x]:hover{opacity:.9;transform:translateY(-1px)}.modal-overlay[data-astro-cid-pla5os7x]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000}.modal-overlay[data-astro-cid-pla5os7x].active{opacity:1;visibility:visible}.modal-dialog[data-astro-cid-pla5os7x]{background:#fff;border-radius:.75rem;width:90%;max-width:500px;max-height:90vh;overflow:auto;box-shadow:0 25px 50px -12px #00000040;transform:scale(.95);transition:all .3s ease}.modal-overlay[data-astro-cid-pla5os7x].active .modal-dialog[data-astro-cid-pla5os7x]{transform:scale(1)}.modal-header[data-astro-cid-pla5os7x]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal-title[data-astro-cid-pla5os7x]{font-size:1.25rem;font-weight:600;margin:0;color:#1f2937}.modal-close[data-astro-cid-pla5os7x]{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s}.modal-close[data-astro-cid-pla5os7x]:hover{background:#f3f4f6;color:#1f2937}.modal-body[data-astro-cid-pla5os7x]{padding:1.5rem;color:#4b5563;line-height:1.6}.modal-footer[data-astro-cid-pla5os7x]{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb}.btn-cancel[data-astro-cid-pla5os7x],.btn-confirm[data-astro-cid-pla5os7x]{padding:.5rem 1rem;border-radius:.5rem;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-cancel[data-astro-cid-pla5os7x]:hover{background:#f9fafb}.btn-confirm[data-astro-cid-pla5os7x]{background:#6366f1;color:#fff;border-color:#6366f1}.btn-confirm[data-astro-cid-pla5os7x]:hover{background:#4f46e5}.code-output[data-astro-cid-pla5os7x]{margin-top:1.5rem}.code-tabs[data-astro-cid-pla5os7x]{display:flex;gap:.5rem;margin-bottom:.5rem}.code-tab[data-astro-cid-pla5os7x]{padding:.4rem .8rem;border-radius:.5rem;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:.85rem;transition:all .2s}.code-tab[data-astro-cid-pla5os7x].active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.code-panel[data-astro-cid-pla5os7x]{background:var(--color-surface);border-radius:.75rem;overflow:hidden;border:1px solid var(--color-border)}.code-panel[data-astro-cid-pla5os7x].hidden{display:none}.code-header[data-astro-cid-pla5os7x]{display:flex;justify-content:flex-end;padding:.5rem 1rem;border-bottom:1px solid var(--color-border)}.copy-btn[data-astro-cid-pla5os7x]{padding:.3rem .7rem;border-radius:.375rem;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:.75rem;transition:all .2s}.copy-btn[data-astro-cid-pla5os7x]:hover{background:var(--color-primary);color:#fff}pre[data-astro-cid-pla5os7x]{margin:0;padding:1rem;overflow-x:auto;font-size:.8rem;line-height:1.5}pre[data-astro-cid-pla5os7x] code[data-astro-cid-pla5os7x]{font-family:Fira Code,monospace;color:var(--color-text)}.tool-info[data-astro-cid-pla5os7x]{margin-top:2rem}.tool-info[data-astro-cid-pla5os7x] h2[data-astro-cid-pla5os7x]{font-size:1.4rem;margin-bottom:1rem;color:var(--color-text)}.tool-info[data-astro-cid-pla5os7x] h3[data-astro-cid-pla5os7x]{font-size:1.2rem;margin:1.5rem 0 .75rem;color:var(--color-text)}.tool-info[data-astro-cid-pla5os7x] p[data-astro-cid-pla5os7x]{color:var(--color-text-secondary);line-height:1.7}.tool-info[data-astro-cid-pla5os7x] ul[data-astro-cid-pla5os7x]{list-style:none;padding:0}.tool-info[data-astro-cid-pla5os7x] li[data-astro-cid-pla5os7x]{padding:.4rem 0;color:var(--color-text-secondary);display:flex;align-items:flex-start;gap:.5rem}.tool-info[data-astro-cid-pla5os7x] li[data-astro-cid-pla5os7x]:before{content:"✓";color:var(--color-primary);font-weight:700}.faq-list[data-astro-cid-pla5os7x]{display:flex;flex-direction:column;gap:.75rem}.faq-item[data-astro-cid-pla5os7x]{background:var(--color-surface);border-radius:.75rem;padding:1rem 1.25rem}.faq-item[data-astro-cid-pla5os7x] h4[data-astro-cid-pla5os7x]{font-size:1rem;margin-bottom:.5rem;color:var(--color-text)}.faq-item[data-astro-cid-pla5os7x] p[data-astro-cid-pla5os7x]{margin:0;font-size:.9rem}