.tool-container[data-astro-cid-24ankuzg]{display:flex;flex-direction:column;gap:1rem;max-width:600px}.input-group[data-astro-cid-24ankuzg]{display:flex;flex-direction:column;gap:.5rem}.input-group[data-astro-cid-24ankuzg] label[data-astro-cid-24ankuzg]{font-weight:600;color:var(--text-primary)}.input-group[data-astro-cid-24ankuzg] input[data-astro-cid-24ankuzg]{padding:.75rem;font-family:monospace}.color-preview[data-astro-cid-24ankuzg]{width:100%;height:150px;border:2px solid var(--border);border-radius:.5rem;background:#000}.copy-btn[data-astro-cid-24ankuzg]{width:100%}.tutorial-container[data-astro-cid-24ankuzg]{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-24ankuzg] h2[data-astro-cid-24ankuzg],.faq-section[data-astro-cid-24ankuzg] h2[data-astro-cid-24ankuzg]{font-size:1.35rem;font-weight:700;margin:0 0 .75rem;color:var(--text-primary)}.tut-section[data-astro-cid-24ankuzg]>p[data-astro-cid-24ankuzg]{margin:0 0 1.75rem;color:var(--text-secondary);font-size:.95rem;line-height:1.7}.steps[data-astro-cid-24ankuzg]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.step[data-astro-cid-24ankuzg]{display:flex;gap:1.25rem;padding:1.5rem 0;border-bottom:1px solid var(--border)}.step[data-astro-cid-24ankuzg]:first-child{padding-top:0}.step[data-astro-cid-24ankuzg]:last-child{border-bottom:none;padding-bottom:0}.step-num[data-astro-cid-24ankuzg]{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-24ankuzg] h3[data-astro-cid-24ankuzg]{font-size:1rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary)}.step-body[data-astro-cid-24ankuzg] p[data-astro-cid-24ankuzg]{margin:0!important;font-size:.9rem;color:var(--text-secondary);line-height:1.7}.step-body[data-astro-cid-24ankuzg] code[data-astro-cid-24ankuzg]{font-size:.82rem;padding:.1rem .35rem}.faq-section[data-astro-cid-24ankuzg]{display:flex;flex-direction:column;gap:0}.faq-section[data-astro-cid-24ankuzg] h2[data-astro-cid-24ankuzg]{margin-bottom:1rem}.faq-item[data-astro-cid-24ankuzg]{border-bottom:1px solid var(--border)}.faq-item[data-astro-cid-24ankuzg]:last-child{border-bottom:none}.faq-item[data-astro-cid-24ankuzg] summary[data-astro-cid-24ankuzg]{display:flex;align-items:center;gap:.75rem;padding:1rem 0;cursor:pointer;list-style:none;user-select:none}.faq-item[data-astro-cid-24ankuzg] summary[data-astro-cid-24ankuzg]::-webkit-details-marker{display:none}.faq-item[data-astro-cid-24ankuzg] summary[data-astro-cid-24ankuzg]: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-24ankuzg][open] summary[data-astro-cid-24ankuzg]:before{content:"−";background:var(--accent);color:var(--accent-dark);border-color:var(--accent)}.faq-item[data-astro-cid-24ankuzg] summary[data-astro-cid-24ankuzg] h3[data-astro-cid-24ankuzg]{font-size:.95rem;font-weight:600;margin:0;color:var(--text-primary)}.faq-item[data-astro-cid-24ankuzg]>p[data-astro-cid-24ankuzg]{margin:0 0 1.25rem 2.25rem!important;font-size:.9rem;color:var(--text-secondary);line-height:1.7}.faq-item[data-astro-cid-24ankuzg] a[data-astro-cid-24ankuzg]{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.faq-item[data-astro-cid-24ankuzg] code[data-astro-cid-24ankuzg]{font-size:.82rem;padding:.1rem .35rem}@media (max-width: 480px){.step[data-astro-cid-24ankuzg]{gap:.875rem}.tut-section[data-astro-cid-24ankuzg] h2[data-astro-cid-24ankuzg],.faq-section[data-astro-cid-24ankuzg] h2[data-astro-cid-24ankuzg]{font-size:1.15rem}}.related-tools[data-astro-cid-24ankuzg]{margin:0;font-size:.9rem;color:var(--text-secondary)}.related-tools[data-astro-cid-24ankuzg] a[data-astro-cid-24ankuzg]{color:var(--accent);text-decoration:underline;text-underline-offset:2px}