.base64-drop-area{border:2px dashed var(--gray-a7);border-radius:var(--radius-3);padding:2rem;text-align:center;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;background-color:var(--gray-a2)}.base64-drop-area:hover{background-color:var(--gray-a3);border-color:var(--gray-a8)}.base64-drop-area.drag-active{background-color:var(--gray-a4);border-color:var(--accent-9);border-style:solid}.encoding-option{margin-bottom:1rem}.options-section{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gray-4)}.result-wrapper{position:relative;overflow-x:auto;font-family:monospace;border:1px solid var(--gray-5);border-radius:4px;padding:1rem;max-height:300px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.result-controls{position:absolute;top:.5rem;right:.5rem;opacity:.7;transition:opacity .2s ease}.result-controls:hover{opacity:1}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}@media (max-width:640px){.action-buttons{flex-direction:column}}