.refactor-options{background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;display:flex}.refactor-options-header{color:var(--text-primary);align-items:center;font-size:1rem;font-weight:600;display:flex}.refactor-options-header i{color:var(--accent);margin-right:.5rem}.mode-selector-group{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.refactor-mode-btn{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;padding:.5rem;transition:all .2s ease-in-out;display:flex}.refactor-mode-btn:hover{border-color:var(--accent);box-shadow:var(--shadow-subtle);transform:translateY(-2px)}.refactor-mode-btn.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#38bdf80d}.refactor-mode-title{color:var(--text-primary);align-items:center;width:100%;font-weight:600;display:flex}.refactor-mode-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.suggested-badge{background:var(--accent);color:var(--bg-primary);text-transform:uppercase;letter-spacing:.5px;border-radius:12px;margin-left:auto;padding:.25rem .6rem;font-size:.65rem;font-weight:700}.status-banner{border-radius:var(--radius);align-items:center;margin-bottom:1.5rem;padding:1rem;font-size:.95rem;font-weight:500;display:flex}.status-banner i{margin-right:.75rem;font-size:1.1rem}.status-banner.error{color:var(--danger);border:1px solid var(--danger);background-color:#ff4d4d1a}.status-banner.warning{color:orange;background-color:#ffa5001a;border:1px solid orange}.diff-container{-webkit-overflow-scrolling:touch;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-primary);width:100%;margin-bottom:1.5rem;position:relative;overflow-x:auto}.diff-container table{min-width:600px}.lang-selector{flex-direction:row;align-items:center;gap:5px;height:50px;display:flex}@media (max-width:1024px){.mode-selector-group{grid-template-columns:1fr 1fr}}@media (max-width:768px){.converter-grid,.mode-selector-group{grid-template-columns:1fr}.editor-toolbar{flex-direction:column;align-items:flex-start;gap:1rem}.editor-toolbar-group{justify-content:space-between;width:100%}.editor-toolbar-group select{flex-grow:1;margin-left:1rem}.view-toggle{width:100%;display:flex}.view-toggle-btn{flex:1;justify-content:center}.diff-container table{min-width:500px}}