.mode-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.mode-btn{padding:.6rem 1.25rem;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-weight:500;cursor:pointer;transition:all .2s}.mode-btn:hover{border-color:var(--primary)}.mode-btn.active{border-color:var(--primary);background:var(--primary);color:#fff}.swap-btn{width:40px;height:40px;border:2px solid var(--border);border-radius:50%;background:var(--surface);cursor:pointer;font-size:1rem;transition:all .2s}.swap-btn:hover{border-color:var(--primary);background:var(--surface-elevated);transform:rotate(180deg)}.converter-layout{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.converter-layout{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:start}}.input-section,.output-section{display:flex;flex-direction:column;gap:.5rem}.section-header{display:flex;justify-content:space-between;align-items:center}.section-header label{font-weight:500}.output-actions{display:flex;gap:.5rem}.action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;font-size:.9rem;transition:all .2s}.action-btn:hover{background:var(--surface-elevated);border-color:var(--primary)}.data-textarea{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-family:Courier New,monospace;font-size:.85rem;resize:vertical;min-height:200px}.data-textarea:focus{outline:none;border-color:var(--primary)}.data-textarea.output{background:var(--surface-elevated)}.convert-controls{display:flex;flex-direction:column;gap:.75rem;padding:.5rem}@media(min-width:768px){.convert-controls{justify-content:center;padding-top:2rem}}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;cursor:pointer}.checkbox-label input{width:16px;height:16px;accent-color:var(--primary)}.info-section{margin-top:1.5rem;padding:1rem;background:var(--surface-elevated);border-radius:var(--radius-md)}.info-section h4{margin:0 0 .5rem;font-size:.9rem}.info-section ul{margin:0;padding-left:1.25rem;font-size:.85rem;color:var(--text-secondary)}.info-section li{margin-bottom:.25rem}.privacy-note{margin-top:1.5rem;text-align:center;font-size:.85rem;color:var(--text-muted)}.error-message{background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger);padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1rem}