.input-panel, .output-panel flex: 1; min-width: 250px;
.hero h1 margin: 0 0 0.35rem 0; font-weight: 600; font-size: 1.9rem; letter-spacing: -0.3px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; Txt To M3u Online Converter
.footer padding: 1rem 2rem 1.5rem; border-top: 1px solid #e2edf2; font-size: 0.75rem; text-align: center; color: #5a6e7c; .output-panel flex: 1
<div class="actions"> <div class="btn-group"> <button id="convertBtn" class="primary">🔄 Convert to M3U</button> <button id="copyBtn">📋 Copy M3U</button> <button id="downloadBtn">💾 Download .m3u</button> <button id="resetBtn">🗑️ Clear all</button> </div> <div> <span id="globalMsg" class="status-msg">✓ Ready</span> </div> </div> .footer padding: 1rem 2rem 1.5rem
.two-columns display: flex; flex-wrap: wrap; gap: 1.8rem;