.image-base64-page[data-v-b4a0fb39]{width:100%;max-width:1200px;margin:0 auto;padding:1rem 1.5rem}.page-hero[data-v-b4a0fb39]{margin-bottom:1rem}.page-title[data-v-b4a0fb39]{font-size:1.5rem;line-height:1.2}.page-description[data-v-b4a0fb39]{max-width:760px;margin-top:.5rem;color:var(--text-secondary);font-size:.875rem}.tool-tabs[data-v-b4a0fb39] .el-tabs__header{margin-bottom:1rem}.workspace[data-v-b4a0fb39]{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--background);box-shadow:0 12px 30px #0f172a0f}.tool-panel[data-v-b4a0fb39]{display:flex;min-width:0;flex-direction:column;padding:1rem}.tool-panel+.tool-panel[data-v-b4a0fb39]{border-left:1px solid var(--border)}.panel-header[data-v-b4a0fb39]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.panel-header h2[data-v-b4a0fb39]{margin:0;color:var(--text-primary);font-size:.9375rem;font-weight:600;line-height:1.4}.panel-header p[data-v-b4a0fb39]{margin:.25rem 0 0;color:var(--text-secondary);font-size:.8125rem;line-height:1.5}.file-input[data-v-b4a0fb39]{display:none}.drop-zone[data-v-b4a0fb39]{display:flex;min-height:260px;width:100%;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;border:1px dashed var(--border);border-radius:8px;background:var(--background-secondary);color:var(--text-primary);cursor:pointer;text-align:center;transition:border-color .2s ease,background .2s ease}.drop-zone[data-v-b4a0fb39]:hover{border-color:var(--el-color-primary);background:var(--background)}.drop-zone .el-icon[data-v-b4a0fb39]{color:var(--el-color-primary);font-size:2rem}.drop-zone strong[data-v-b4a0fb39]{font-size:.9375rem}.drop-zone span[data-v-b4a0fb39]{color:var(--text-secondary);font-size:.8125rem}.file-meta[data-v-b4a0fb39],.preview-meta[data-v-b4a0fb39]{display:flex;justify-content:space-between;gap:1rem;margin-top:.75rem;color:var(--text-secondary);font-size:.8125rem}.file-meta span[data-v-b4a0fb39],.file-meta strong[data-v-b4a0fb39]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta strong[data-v-b4a0fb39]{flex-shrink:0;color:var(--text-primary);font-weight:600}.code-textarea[data-v-b4a0fb39]{flex:1}.code-textarea[data-v-b4a0fb39] .el-textarea__inner{min-height:360px!important;border:0;border-radius:6px;background:var(--background-secondary);color:var(--text-primary);font-family:Courier New,Courier,monospace;font-size:.875rem;line-height:1.6;box-shadow:inset 0 0 0 1px var(--border)}.code-textarea[data-v-b4a0fb39] .el-textarea__inner:focus{box-shadow:inset 0 0 0 1px var(--el-color-primary)}.panel-actions[data-v-b4a0fb39]{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.75rem}.panel-actions .el-button[data-v-b4a0fb39]{min-width:108px}.mime-badge[data-v-b4a0fb39]{flex-shrink:0;padding:.25rem .5rem;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:.75rem}.image-preview[data-v-b4a0fb39],.empty-preview[data-v-b4a0fb39]{display:flex;min-height:360px;flex:1;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:var(--background-secondary)}.image-preview[data-v-b4a0fb39]{overflow:auto;padding:1rem}.image-preview img[data-v-b4a0fb39]{display:block;max-width:100%;max-height:min(58vh,560px);object-fit:contain}.empty-preview[data-v-b4a0fb39]{padding:1rem;color:var(--text-secondary);font-size:.875rem;text-align:center}@media (max-width: 900px){.workspace[data-v-b4a0fb39]{grid-template-columns:1fr}.tool-panel+.tool-panel[data-v-b4a0fb39]{border-top:1px solid var(--border);border-left:0}.drop-zone[data-v-b4a0fb39],.image-preview[data-v-b4a0fb39],.empty-preview[data-v-b4a0fb39]{min-height:240px}.code-textarea[data-v-b4a0fb39] .el-textarea__inner{min-height:260px!important}}@media (max-width: 768px){.image-base64-page[data-v-b4a0fb39]{padding:.75rem 1rem}.panel-header[data-v-b4a0fb39]{flex-direction:column;gap:.75rem}.panel-header .el-button[data-v-b4a0fb39],.panel-header .el-radio-group[data-v-b4a0fb39]{align-self:stretch}.panel-actions .el-button[data-v-b4a0fb39]{flex:1;min-width:0}}@media (max-width: 480px){.image-base64-page[data-v-b4a0fb39]{padding:.5rem}.tool-panel[data-v-b4a0fb39]{padding:.75rem}.drop-zone[data-v-b4a0fb39],.image-preview[data-v-b4a0fb39],.empty-preview[data-v-b4a0fb39]{min-height:200px}}