.convert-main{max-width:1200px;margin:0 auto;padding:32px 24px 64px}h1{font-size:26px;margin:0 0 8px}.intro{color:#5c6678}.convert-main .panel{margin-top:24px}.convert-controls{display:flex;flex-wrap:wrap;align-items:end;gap:16px 24px}.convert-controls>div{display:flex;flex-direction:column;gap:6px}.convert-controls>a{padding-bottom:8px}.convert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.editor-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:12px}.editor-heading h2{margin:0}.convert-grid textarea{min-height:280px;font-family:ui-monospace,monospace;line-height:1.7}#output-text{background:#f5f7fa}.editor-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.convert-main [role=status]{font-size:12px;overflow-wrap:anywhere}[data-state=error]{color:#a00}#form-error{overflow-wrap:anywhere}@media(max-width:700px){.convert-main{padding:24px 12px 40px}.convert-grid{grid-template-columns:minmax(0,1fr);gap:0}.convert-controls{align-items:stretch}.convert-controls>div{flex:1}.convert-controls>a{width:100%}.convert-grid textarea{min-height:200px}.editor-actions button{flex-grow:1}}