.base64-image_root__wHcZa{min-height:100vh;background-color:#f9fafb;color:#111827;display:flex;flex-direction:column}.base64-image_header__wFQ2Q{display:flex;flex-direction:column;border-bottom:1px solid #e5e7eb;background:#ffffff}.base64-image_headerAd__ILbof{min-height:90px;padding:.5rem 1.5rem;background:#f3f4f6;border-bottom:1px solid #e5e7eb}.base64-image_headerTop__IkWyg{display:flex;align-items:center;gap:1.25rem;padding:1rem 1.5rem;flex-wrap:wrap}.base64-image_title__8tczD{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.base64-image_statusOk__GT4y9{padding:.375rem 1.5rem;background:#f0fdf4;border-top:1px solid #86efac;color:#16a34a;font-size:.875rem}.base64-image_statusError__NBz2k{padding:.375rem 1.5rem;background:#fef2f2;border-top:1px solid #fca5a5;color:#dc2626;font-size:.875rem}.base64-image_body__3WbBS{flex:1 1;display:flex;gap:0;width:100%;box-sizing:border-box;overflow:hidden}.base64-image_sideAd___4Rih{width:15%;min-width:160px;max-width:300px;display:flex;align-items:flex-start;justify-content:center;padding:1rem 0;background-color:#f3f4f6}.base64-image_sideAd___4Rih:first-child{border-right:1px solid #e5e7eb}.base64-image_sideAd___4Rih:last-child{border-left:1px solid #e5e7eb}@media (max-width:1100px){.base64-image_sideAd___4Rih{display:none}}.base64-image_main__EFFSP{flex:1 1;min-width:0;display:flex;flex-direction:column;padding:1.25rem;overflow:auto}.base64-image_panels__kSz4G{display:flex;flex:1 1;gap:1rem;min-height:480px}@media (max-width:768px){.base64-image_panels__kSz4G{flex-direction:column}}.base64-image_panel__cBJij{display:flex;flex-direction:column;flex:1 1;min-width:0;border:1px solid #e5e7eb;border-radius:.5rem;background:#ffffff;overflow:hidden}.base64-image_panelHeader__6ph_q{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.base64-image_panelLabel__1eCo8{font-size:.875rem;font-weight:600;color:#374151}.base64-image_panelActions__Fgn2G{display:flex;gap:.5rem}.base64-image_actionBtn__weBmq{padding:.25rem .625rem;font-size:.8125rem;font-weight:500;color:#374151;background:#ffffff;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;transition:background .1s}.base64-image_actionBtn__weBmq:hover:not(:disabled){background:#f3f4f6}.base64-image_actionBtn__weBmq:disabled{opacity:.4;cursor:default}.base64-image_textarea__JvB4b{flex:1 1;resize:none;border:none;outline:none;font-family:Fira Mono,Cascadia Code,Consolas,monospace;font-size:.875rem;line-height:1.5;padding:.75rem;color:#111827;background:#ffffff}.base64-image_textarea__JvB4b::placeholder{color:#9ca3af}.base64-image_panelFooter__nxoze{display:flex;gap:1rem;padding:.375rem .75rem;border-top:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.base64-image_meta__qQrYF{font-size:.8125rem;color:#6b7280}.base64-image_previewArea__IuJ0V{flex:1 1;display:flex;align-items:center;justify-content:center;overflow:auto;padding:1rem;background:repeating-conic-gradient(#e5e7eb 0 25%,#f9fafb 0 50%) 0 0 /20px 20px}.base64-image_previewImg__tZvyx{max-width:100%;max-height:100%;object-fit:contain;display:block;border-radius:.25rem;box-shadow:0 1px 4px rgba(0,0,0,.12)}.base64-image_previewEmpty__CcMaM,.base64-image_previewError__z6F88{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;text-align:center}.base64-image_previewEmptyIcon__b5nLP{font-size:2.5rem;line-height:1}.base64-image_previewEmptyText__xGHQu{font-size:.9375rem;color:#6b7280;max-width:280px}.base64-image_explainer__oqC4G{background:#ffffff;border-top:1px solid #e5e7eb;padding:2.5rem 1.5rem}.base64-image_explainerInner__nj1kN{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:1.75rem}.base64-image_explainerTitle__2xXzv{font-size:1rem;font-weight:700;color:#111827;margin:0 0 .5rem}.base64-image_explainerBody__rZ0jd{font-size:.9375rem;color:#374151;line-height:1.65;margin:0}.base64-image_explainerList__fwACp{font-size:.9375rem;color:#374151;line-height:1.65;padding-left:1.25rem;margin:0 0 .5rem}.base64-image_explainerList__fwACp li{margin-bottom:.25rem}.base64-image_code__WxZKr{font-family:Fira Mono,Cascadia Code,Consolas,monospace;font-size:.875em;background:#f3f4f6;padding:.1em .35em;border-radius:.25rem;color:#4f46e5}