.b64-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:28px}.b64-tab{font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;padding:12px 28px;cursor:pointer;border:none;background:transparent;color:var(--text-dim);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s,border-color .2s}.b64-tab:hover{color:var(--text)}.b64-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.b64-panel{display:none}.b64-panel.active{display:block}.b64-drop-zone{border:2px dashed var(--line-strong);border-radius:var(--radius-m);padding:48px 24px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;position:relative}.b64-drop-zone:hover,.b64-drop-zone.drag-over{border-color:var(--accent);background:var(--accent-soft)}.b64-drop-zone-icon{font-size:40px;margin-bottom:12px;opacity:.6}.b64-drop-zone-text{font-family:var(--font-mono);font-size:14px;color:var(--text-dim);line-height:1.7}.b64-drop-zone-text strong{color:var(--accent)}.b64-file-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.b64-file-info{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-s);margin-top:16px;font-family:var(--font-mono);font-size:13px;color:var(--text-dim)}.b64-file-info-icon{font-size:20px}.b64-file-info-name{color:var(--text);font-weight:500}.b64-file-info-size{color:var(--text-faint);margin-left:auto}.b64-file-info-remove{background:none;border:none;color:var(--text-faint);cursor:pointer;font-size:16px;padding:2px 6px;border-radius:var(--radius-s);transition:color .2s,background .2s}.b64-file-info-remove:hover{color:var(--bad);background:#f871711a}.b64-decode-settings{display:grid;gap:10px;margin-bottom:12px}.b64-preview-box{margin-top:16px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-m);padding:16px;text-align:center}.b64-preview-label{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.b64-preview-img{max-width:100%;max-height:360px;border-radius:var(--radius-s);background:repeating-conic-gradient(var(--bg-3) 0% 25%,var(--bg) 0% 50%) 50% / 16px 16px}.copy-btn-inline{background:none;border:1px solid var(--line-strong);color:var(--text-dim);font-family:var(--font-mono);font-size:12px;padding:4px 10px;border-radius:var(--radius-s);cursor:pointer;transition:color .2s,border-color .2s,background .2s;line-height:1}.copy-btn-inline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}@media(max-width:900px){.b64-drop-zone{padding:32px 16px}}