.page_container__2Vq1E{max-width:1400px;margin:0 auto;padding:40px 24px;min-height:calc(100vh - 60px)}.page_header__7KqxI{margin-bottom:32px}.page_title__1rxlh{font-size:36px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.page_subtitle__A7BDE{color:var(--text-secondary);font-size:16px}.page_error__UzwNf{background:rgba(239,68,68,.1);border:1px solid var(--error);border-radius:8px;padding:12px 16px;margin-bottom:24px;color:var(--error);font-size:14px}.page_section__zI7ZF{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:24px}.page_sectionTitle__sMg9T{font-size:20px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.page_actions__V1Vq3{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.page_button__3rx0q{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.page_button__3rx0q:hover{background:var(--accent-hover);transform:translateY(-1px)}.page_button__3rx0q:active{transform:translateY(0)}.page_buttonSecondary__uw79z{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.page_buttonSecondary__uw79z:hover{background:var(--bg-tertiary)}.page_panels__AxBGI{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.page_panel__BEWBI{display:flex;flex-direction:column;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;overflow:hidden}.page_panelHeader__0n5NK{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border);font-size:14px;font-weight:500;color:var(--text-primary)}.page_panelInfo__a_Win{color:var(--text-secondary);font-size:12px;font-weight:400}.page_panelActions__dAl3w{display:flex;gap:8px}.page_copyButton__lzosx{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:4px 12px;font-size:12px;cursor:pointer;transition:all .2s ease}.page_copyButton__lzosx:hover{background:var(--accent-hover)}.page_textarea__eZ_rA{flex:1 1;min-height:300px;padding:16px;background:var(--bg-primary);color:var(--text-primary);border:none;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.6;resize:vertical}.page_textarea__eZ_rA:focus{outline:none}.page_textarea__eZ_rA::placeholder{color:var(--text-secondary)}.page_uploadSection__6zfqh{margin-bottom:24px}.page_uploadLabel__x9gUP{display:block;cursor:pointer}.page_fileInput__Gnh5I{display:none}.page_uploadBox__xa9eY{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 24px;background:var(--bg-primary);border:2px dashed var(--border);border-radius:8px;transition:all .2s ease}.page_uploadBox__xa9eY:hover{border-color:var(--accent);background:var(--bg-tertiary)}.page_uploadIcon__j4sAc{font-size:48px}.page_uploadHint__DiLCe{font-size:12px;color:var(--text-secondary)}.page_imageResult__PLnDM{display:grid;grid-template-columns:300px 1fr;grid-gap:24px;gap:24px}.page_imagePreviewSection__5f42W{display:flex;flex-direction:column}.page_resultTitle__pRmCR{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.page_imagePreview__4kwo6{background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:16px;display:flex;align-items:center;justify-content:center;min-height:200px}.page_imagePreview__4kwo6 img{max-width:100%;max-height:300px;border-radius:4px}.page_base64Section__x_13U{display:flex;flex-direction:column}.page_resultHeader__M_EBK{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.page_base64Output__52UH2{flex:1 1;min-height:200px;max-height:400px;padding:16px;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.6;resize:vertical;word-break:break-all}.page_base64Output__52UH2:focus{outline:none;border-color:var(--accent)}@media(max-width:1024px){.page_imageResult__PLnDM,.page_panels__AxBGI{grid-template-columns:1fr}.page_textarea__eZ_rA{min-height:250px}}@media(max-width:768px){.page_container__2Vq1E{padding:24px 16px}.page_title__1rxlh{font-size:28px}.page_actions__V1Vq3{flex-direction:column}.page_actions__V1Vq3 button{width:100%}}