.tool-container[data-astro-cid-7eimnttb]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:900px}textarea[data-astro-cid-7eimnttb]{grid-column:1;min-height:300px;padding:1rem;font-family:monospace;resize:vertical}.output-wrapper[data-astro-cid-7eimnttb]{grid-column:2;display:flex;flex-direction:column;gap:1rem}.html-output[data-astro-cid-7eimnttb]{min-height:140px;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:.5rem;overflow-y:auto;animation:fadeIn .3s ease-out}#html-code[data-astro-cid-7eimnttb]{min-height:140px;padding:1rem;font-family:monospace;resize:vertical}.copy-btn[data-astro-cid-7eimnttb]{grid-column:1 / -1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.tool-container[data-astro-cid-7eimnttb]{grid-template-columns:1fr}textarea[data-astro-cid-7eimnttb],.output-wrapper[data-astro-cid-7eimnttb],.copy-btn[data-astro-cid-7eimnttb]{grid-column:auto}}.tutorial-container[data-astro-cid-7eimnttb]{max-width:720px;display:flex;flex-direction:column;gap:2.5rem;margin-top:3rem;padding-top:2.5rem;border-top:1px solid var(--border)}.tut-section[data-astro-cid-7eimnttb] h2[data-astro-cid-7eimnttb],.faq-section[data-astro-cid-7eimnttb] h2[data-astro-cid-7eimnttb]{font-size:1.35rem;font-weight:700;margin:0 0 .75rem;color:var(--text-primary)}.tut-section[data-astro-cid-7eimnttb]>p[data-astro-cid-7eimnttb]{margin:0 0 1.75rem;color:var(--text-secondary);font-size:.95rem;line-height:1.7}.steps[data-astro-cid-7eimnttb]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.step[data-astro-cid-7eimnttb]{display:flex;gap:1.25rem;padding:1.5rem 0;border-bottom:1px solid var(--border)}.step[data-astro-cid-7eimnttb]:first-child{padding-top:0}.step[data-astro-cid-7eimnttb]:last-child{border-bottom:none;padding-bottom:0}.step-num[data-astro-cid-7eimnttb]{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background:var(--accent);color:var(--accent-dark);font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;margin-top:.15rem}.step-body[data-astro-cid-7eimnttb] h3[data-astro-cid-7eimnttb]{font-size:1rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary)}.step-body[data-astro-cid-7eimnttb] p[data-astro-cid-7eimnttb]{margin:0!important;font-size:.9rem;color:var(--text-secondary);line-height:1.7}.step-body[data-astro-cid-7eimnttb] code[data-astro-cid-7eimnttb]{font-size:.82rem;padding:.1rem .35rem}.faq-section[data-astro-cid-7eimnttb]{display:flex;flex-direction:column;gap:0}.faq-section[data-astro-cid-7eimnttb] h2[data-astro-cid-7eimnttb]{margin-bottom:1rem}.faq-item[data-astro-cid-7eimnttb]{border-bottom:1px solid var(--border)}.faq-item[data-astro-cid-7eimnttb]:last-child{border-bottom:none}.faq-item[data-astro-cid-7eimnttb] summary[data-astro-cid-7eimnttb]{display:flex;align-items:center;gap:.75rem;padding:1rem 0;cursor:pointer;list-style:none;user-select:none}.faq-item[data-astro-cid-7eimnttb] summary[data-astro-cid-7eimnttb]::-webkit-details-marker{display:none}.faq-item[data-astro-cid-7eimnttb] summary[data-astro-cid-7eimnttb]:before{content:"+";flex-shrink:0;width:1.5rem;height:1.5rem;border:1px solid var(--border);border-radius:.3rem;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:var(--accent);transition:background .15s,color .15s;text-align:center;line-height:1.5rem}.faq-item[data-astro-cid-7eimnttb][open] summary[data-astro-cid-7eimnttb]:before{content:"−";background:var(--accent);color:var(--accent-dark);border-color:var(--accent)}.faq-item[data-astro-cid-7eimnttb] summary[data-astro-cid-7eimnttb] h3[data-astro-cid-7eimnttb]{font-size:.95rem;font-weight:600;margin:0;color:var(--text-primary)}.faq-item[data-astro-cid-7eimnttb]>p[data-astro-cid-7eimnttb]{margin:0 0 1.25rem 2.25rem!important;font-size:.9rem;color:var(--text-secondary);line-height:1.7}.faq-item[data-astro-cid-7eimnttb] a[data-astro-cid-7eimnttb]{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.faq-item[data-astro-cid-7eimnttb] code[data-astro-cid-7eimnttb]{font-size:.82rem;padding:.1rem .35rem}@media (max-width: 480px){.step[data-astro-cid-7eimnttb]{gap:.875rem}.tut-section[data-astro-cid-7eimnttb] h2[data-astro-cid-7eimnttb],.faq-section[data-astro-cid-7eimnttb] h2[data-astro-cid-7eimnttb]{font-size:1.15rem}}.related-tools[data-astro-cid-7eimnttb]{margin:0;font-size:.9rem;color:var(--text-secondary)}.related-tools[data-astro-cid-7eimnttb] a[data-astro-cid-7eimnttb]{color:var(--accent);text-decoration:underline;text-underline-offset:2px}