.converter-control-bar{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.75rem 1.25rem;display:flex}.control-bar-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);white-space:nowrap;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;display:flex}.control-bar-group{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.control-bar-group--right{justify-content:flex-end}.control-bar-cta{flex-shrink:0;align-items:center;gap:.75rem;padding:0 .5rem;display:flex}.convert-btn{letter-spacing:.02em;padding:.7rem 1.6rem;font-size:.95rem}.convert-arrow{opacity:.8;margin-left:4px;font-size:.8em}.btn-icon-only{flex-shrink:0;padding:.65rem .9rem}.sync-scroll-container{border:1px solid var(--border);border-radius:var(--radius);flex:1;min-height:380px;position:relative;overflow-y:auto}.sync-scroll-container>.editor-container{border:none;border-radius:0}.converter-output-footer{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.75rem}.lint-controls{align-items:center;gap:.75rem;display:flex}.lint-badge{border-radius:20px;align-items:center;gap:6px;padding:.35rem .75rem;font-size:.82rem;font-weight:600;animation:.25s ease-out popIn;display:inline-flex}.lint-badge.success{color:#20b2aa;background-color:#20b2aa1f;border:1px solid #20b2aa}.lint-badge.error{color:#ff4d4d;background-color:#ff4d4d1f;border:1px solid #ff4d4d}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.header-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.tab-input{background:var(--bg-color,#1e1e1e);color:var(--text-color,#fff);border:1px solid var(--accent,#007bff);border-radius:4px;outline:none;width:120px;padding:2px 6px;font-size:.9rem}.btn-danger{color:#ff4d4d;background-color:#ff4d4d14;border:1px solid #ff4d4d80}.btn-danger:hover{color:#fff;background-color:#ff4d4d;border-color:#ff4d4d}@media (max-width:1100px){.converter-control-bar{gap:.75rem;padding:.65rem 1rem}.control-bar-group{flex:unset}}@media (max-width:960px){.converter-control-bar{flex-direction:column;align-items:stretch;gap:.75rem}.control-bar-group,.control-bar-group--right{flex-wrap:wrap;justify-content:flex-start}.control-bar-cta{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;padding:.5rem 0}.convert-btn{flex:1;justify-content:center}}@media (max-width:768px){.converter-grid{flex-direction:column}.panel-header-row{flex-direction:column;align-items:flex-start;gap:.75rem}.header-actions{width:100%}.header-actions button{flex:1;justify-content:center}.converter-output-footer{flex-direction:column;align-items:flex-start;gap:.75rem}}