.convert-input textarea{min-height:120px;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);resize:vertical}.result-textarea{min-height:120px;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);resize:vertical;background:var(--color-bg-secondary)}.option-checkboxes{display:flex;flex-wrap:wrap;gap:var(--space-3)}.checkbox-label{display:flex;align-items:center;gap:var(--space-1);cursor:pointer;font-size:var(--text-sm);color:var(--color-text)}.checkbox-label input[type=checkbox]{accent-color:var(--color-accent);width:18px;height:18px;cursor:pointer}.direction-toggle{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.direction-btn{flex:1;padding:var(--space-2) var(--space-3);border:none;background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-normal) var(--ease-default);text-align:center}.direction-btn.active{background:var(--color-accent);color:var(--color-accent-text)}.direction-btn:hover:not(.active){background:var(--color-surface-hover)}.info-card{margin-top:var(--space-4)}.info-note{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}