.tool-page[data-astro-cid-5jplfbpi]{padding:2rem 0 4rem;background:#f9fafb;min-height:calc(100vh - 200px)}.container[data-astro-cid-5jplfbpi]{max-width:800px;margin:0 auto;padding:0 1.5rem}.breadcrumb[data-astro-cid-5jplfbpi]{font-size:.875rem;color:#6b7280;margin-bottom:1.5rem}.breadcrumb[data-astro-cid-5jplfbpi] a[data-astro-cid-5jplfbpi]{color:#004d40;text-decoration:none}.breadcrumb[data-astro-cid-5jplfbpi] a[data-astro-cid-5jplfbpi]:hover{text-decoration:underline}.tool-header[data-astro-cid-5jplfbpi]{text-align:center;margin-bottom:2rem}.tool-header[data-astro-cid-5jplfbpi] h1[data-astro-cid-5jplfbpi]{font-size:2rem;color:#111827;margin-bottom:.5rem}.tool-description[data-astro-cid-5jplfbpi]{color:#6b7280;font-size:1.125rem}.converter-container[data-astro-cid-5jplfbpi]{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 1px 3px #0000001a}.direction-selector[data-astro-cid-5jplfbpi]{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center}.direction-btn[data-astro-cid-5jplfbpi]{flex:1;max-width:250px;padding:1rem;border:2px solid #e5e7eb;background:#fff;border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.25rem;transition:all .2s}.direction-btn[data-astro-cid-5jplfbpi] .from[data-astro-cid-5jplfbpi]{font-size:.875rem;color:#6b7280}.direction-btn[data-astro-cid-5jplfbpi] .arrow[data-astro-cid-5jplfbpi]{font-size:1.25rem;color:#9ca3af}.direction-btn[data-astro-cid-5jplfbpi] .to[data-astro-cid-5jplfbpi]{font-weight:600;color:#111827}.direction-btn[data-astro-cid-5jplfbpi].active{background:#004d40;border-color:#004d40}.direction-btn[data-astro-cid-5jplfbpi].active .from[data-astro-cid-5jplfbpi],.direction-btn[data-astro-cid-5jplfbpi].active .to[data-astro-cid-5jplfbpi]{color:#fff}.direction-btn[data-astro-cid-5jplfbpi].active .arrow[data-astro-cid-5jplfbpi]{color:#ffffffb3}.direction-btn[data-astro-cid-5jplfbpi]:hover:not(.active){border-color:#004d40}.input-section[data-astro-cid-5jplfbpi]{margin-bottom:1.5rem}.input-section[data-astro-cid-5jplfbpi] label[data-astro-cid-5jplfbpi]{display:block;font-weight:600;color:#374151;margin-bottom:.5rem}.input-section[data-astro-cid-5jplfbpi] textarea[data-astro-cid-5jplfbpi]{width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:1rem;font-family:inherit;resize:vertical}.input-section[data-astro-cid-5jplfbpi] textarea[data-astro-cid-5jplfbpi]:focus{outline:none;border-color:#004d40}.convert-btn[data-astro-cid-5jplfbpi]{display:block;width:100%;margin-top:1rem;padding:1rem;background:#004d40;color:#fff;border:none;border-radius:.5rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:background .2s}.convert-btn[data-astro-cid-5jplfbpi]:hover{background:#00695c}.output-section[data-astro-cid-5jplfbpi]{margin-bottom:2rem}.output-section[data-astro-cid-5jplfbpi] label[data-astro-cid-5jplfbpi]{display:block;font-weight:600;color:#374151;margin-bottom:.5rem}.output-box[data-astro-cid-5jplfbpi]{padding:1rem;background:#ecfdf5;border:2px solid #004d40;border-radius:.5rem;font-size:1.125rem;color:#111827;min-height:60px}.explanation[data-astro-cid-5jplfbpi]{margin-top:.75rem;padding:.75rem;background:#f3f4f6;border-radius:.375rem;font-size:.875rem;color:#6b7280}.hidden[data-astro-cid-5jplfbpi]{display:none}.examples-section[data-astro-cid-5jplfbpi]{margin-top:2rem;padding-top:2rem;border-top:2px solid #e5e7eb}.examples-section[data-astro-cid-5jplfbpi] h3[data-astro-cid-5jplfbpi]{font-size:1.25rem;color:#111827;margin-bottom:1rem}.examples-grid[data-astro-cid-5jplfbpi]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.example-card[data-astro-cid-5jplfbpi]{padding:1rem;background:#f9fafb;border-radius:.5rem;text-align:center}.example-card[data-astro-cid-5jplfbpi] .br[data-astro-cid-5jplfbpi]{font-weight:600;color:#004d40}.example-card[data-astro-cid-5jplfbpi] .ep[data-astro-cid-5jplfbpi]{font-weight:600;color:#00695c}.example-card[data-astro-cid-5jplfbpi] .arrow[data-astro-cid-5jplfbpi]{color:#9ca3af;margin:.25rem 0}.example-card[data-astro-cid-5jplfbpi] .en[data-astro-cid-5jplfbpi]{font-size:.875rem;color:#6b7280;margin-top:.5rem;font-style:italic}.grammar-note[data-astro-cid-5jplfbpi]{margin-top:2rem;padding:1.5rem;background:#f0fdfa;border-radius:.5rem;border-left:4px solid #004d40}.grammar-note[data-astro-cid-5jplfbpi] h4[data-astro-cid-5jplfbpi]{font-size:1.125rem;color:#111827;margin-bottom:.75rem}.grammar-note[data-astro-cid-5jplfbpi] p[data-astro-cid-5jplfbpi]{color:#374151;margin-bottom:.5rem;line-height:1.6}.tool-navigation[data-astro-cid-5jplfbpi]{margin-top:2rem;text-align:center}.back-link[data-astro-cid-5jplfbpi]{color:#004d40;text-decoration:none;font-weight:500}.back-link[data-astro-cid-5jplfbpi]:hover{text-decoration:underline}@media(max-width:640px){.direction-selector[data-astro-cid-5jplfbpi]{flex-direction:column;align-items:center}.direction-btn[data-astro-cid-5jplfbpi]{width:100%;max-width:none}.examples-grid[data-astro-cid-5jplfbpi]{grid-template-columns:1fr}}