.mode-select{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.mode-button{font:inherit;border-radius:var(--radius);cursor:pointer;background:#fff;border:1px solid #ccc;padding:.6rem 1rem;font-size:.9rem;transition:background .15s,border-color .15s,color .15s}.mode-button:hover{background:#f0f0f0;border-color:#999}.mode-button.is-active{color:#fff;background:#222;border-color:#222}.option-toggle{color:#444;cursor:pointer;align-items:flex-start;gap:.5rem;margin-bottom:1rem;font-size:.9rem;display:flex}.option-toggle[hidden]{display:none}.option-toggle input{flex-shrink:0;margin-top:.2rem}.reverse-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.text-panel{flex-direction:column;display:flex}.text-panel label{margin-bottom:.5rem;font-weight:600}.text-panel textarea{width:100%;min-height:240px;font:inherit;border-radius:var(--radius);resize:vertical;border:1px solid #ccc;padding:1rem;line-height:1.6}.text-panel textarea[readonly]{background:#fafafa}.panel-meta{color:#666;margin-top:.4rem;font-size:.85rem}.tool-actions{flex-wrap:wrap;justify-content:flex-start;gap:1rem;margin-top:1.25rem;display:flex}.action-group{flex-wrap:wrap;gap:.5rem;display:flex}.tool-actions button{font:inherit;border-radius:var(--radius);cursor:pointer;background:#fff;border:1px solid #ccc;padding:.6rem 1rem;font-size:.9rem;transition:background .15s,border-color .15s}.tool-actions button:hover{background:#f0f0f0;border-color:#999}.danger-button{color:#c62828;border-color:#ef9a9a!important}.danger-button:hover{background:#ffebee!important}.info-section{width:min(100%, var(--content-width));padding:var(--space-xl) 0;border-top:1px solid #eee;margin-inline:auto}.info-section h2{margin:var(--space-lg) 0 .75rem}.info-section h2:first-child{margin-top:0}.info-section p{margin:0 0 1rem}.info-list{margin:0 0 1rem;padding-left:1.25rem}.info-list li{margin-bottom:.5rem}.faq-item{margin-bottom:1.25rem}.faq-item h3{margin:0 0 .35rem;font-size:1rem}.faq-item p{margin:0}@media (width<=700px){.reverse-panels{grid-template-columns:1fr}.text-panel textarea{min-height:200px}.tool-actions{flex-direction:column;align-items:stretch}}