.b64-textarea{width:100%;height:140px;padding:.75rem;background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--r-sm);color:var(--text-1);font-family:JetBrains Mono,monospace;font-size:.85rem;outline:none;resize:vertical;transition:border-color .2s}.b64-textarea:focus{border-color:var(--accent)}.b64-preview-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.b64-image-frame{width:100%;max-height:320px;min-height:180px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-md);border:1.5px dashed var(--border);background-image:radial-gradient(var(--surface-2) 1px,transparent 0);background-size:8px 8px;overflow:hidden;padding:.5rem}.b64-img{max-width:100%;max-height:300px;object-fit:contain;border-radius:4px;box-shadow:0 4px 20px #0000004d}