.image-tool-page[data-v-b0a39fcc]{width:100%;max-width:1200px;margin:0 auto;padding:1rem 1.5rem}.page-hero[data-v-b0a39fcc]{margin-bottom:1rem}.page-title[data-v-b0a39fcc]{font-size:1.5rem;line-height:1.2}.page-description[data-v-b0a39fcc]{max-width:820px;margin-top:.5rem;color:var(--text-secondary);font-size:.875rem}.workspace[data-v-b0a39fcc]{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--background);box-shadow:0 12px 30px #0f172a0f}.tool-panel[data-v-b0a39fcc]{display:flex;min-width:0;flex-direction:column;padding:1rem}.tool-panel+.tool-panel[data-v-b0a39fcc]{border-left:1px solid var(--border)}.panel-header[data-v-b0a39fcc]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.panel-header h2[data-v-b0a39fcc]{margin:0;color:var(--text-primary);font-size:.9375rem;font-weight:600}.panel-header p[data-v-b0a39fcc]{margin:.25rem 0 0;color:var(--text-secondary);font-size:.8125rem;line-height:1.5}.file-input[data-v-b0a39fcc]{display:none}.drop-zone[data-v-b0a39fcc],.preview-box[data-v-b0a39fcc],.empty-state[data-v-b0a39fcc]{display:flex;min-height:280px;align-items:center;justify-content:center;border:1px dashed var(--border);border-radius:8px;background:var(--background-secondary)}.drop-zone[data-v-b0a39fcc]{width:100%;flex-direction:column;gap:.55rem;color:var(--text-primary);cursor:pointer;text-align:center}.drop-zone[data-v-b0a39fcc]:hover{border-color:var(--el-color-primary);background:var(--background)}.drop-zone .el-icon[data-v-b0a39fcc]{color:var(--el-color-primary);font-size:2rem}.drop-zone span[data-v-b0a39fcc],.empty-state[data-v-b0a39fcc]{color:var(--text-secondary);font-size:.8125rem}.file-meta[data-v-b0a39fcc],.svg-meta[data-v-b0a39fcc]{display:flex;justify-content:space-between;gap:1rem;margin-top:.75rem;color:var(--text-secondary);font-size:.8125rem}.file-meta span[data-v-b0a39fcc]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta strong[data-v-b0a39fcc]{flex-shrink:0;color:var(--text-primary)}.control-grid[data-v-b0a39fcc]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}.control-grid label[data-v-b0a39fcc]{display:grid;gap:.35rem;min-width:0}.control-grid span[data-v-b0a39fcc]{color:var(--text-secondary);font-size:.75rem}.control-grid[data-v-b0a39fcc] .el-select,.control-grid[data-v-b0a39fcc] .el-input-number{width:100%}.panel-actions[data-v-b0a39fcc]{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin-top:.75rem}.panel-actions[data-v-b0a39fcc] .el-button+.el-button{margin-left:0}.preview-box[data-v-b0a39fcc]{overflow:auto;border-style:solid;padding:1rem}.preview-box img[data-v-b0a39fcc]{display:block;max-width:100%;max-height:min(58vh,560px);object-fit:contain}.result-card[data-v-b0a39fcc]{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.75rem}.result-card div[data-v-b0a39fcc]{min-width:0;border:1px solid var(--border);border-radius:8px;padding:.75rem;background:var(--background-secondary)}.result-card span[data-v-b0a39fcc]{display:block;color:var(--text-secondary);font-size:.75rem}.result-card strong[data-v-b0a39fcc]{display:block;margin-top:.25rem;color:var(--text-primary)}.exif-table[data-v-b0a39fcc]{max-height:520px;overflow:auto;border:1px solid var(--border);border-radius:8px}.exif-row[data-v-b0a39fcc]{display:grid;grid-template-columns:minmax(120px,.35fr) minmax(0,1fr);gap:1rem;padding:.625rem .75rem;border-bottom:1px solid var(--border)}.exif-row[data-v-b0a39fcc]:last-child{border-bottom:0}.exif-row span[data-v-b0a39fcc]{color:var(--text-secondary);font-size:.8125rem}.exif-row code[data-v-b0a39fcc]{color:var(--text-primary);overflow-wrap:anywhere}.svg-actions[data-v-b0a39fcc]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.svg-actions[data-v-b0a39fcc] .el-button+.el-button{margin-left:0}.code-textarea[data-v-b0a39fcc]{flex:1}.code-textarea[data-v-b0a39fcc] .el-textarea__inner{min-height:440px!important;border:0;border-radius:8px;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)}.svg-preview[data-v-b0a39fcc]{margin-top:.75rem}@media (max-width: 900px){.workspace[data-v-b0a39fcc]{grid-template-columns:1fr}.tool-panel+.tool-panel[data-v-b0a39fcc]{border-top:1px solid var(--border);border-left:0}.drop-zone[data-v-b0a39fcc],.preview-box[data-v-b0a39fcc],.empty-state[data-v-b0a39fcc]{min-height:240px}}@media (max-width: 768px){.image-tool-page[data-v-b0a39fcc]{padding:.75rem 1rem}.panel-header[data-v-b0a39fcc]{flex-direction:column;gap:.75rem}.control-grid[data-v-b0a39fcc],.result-card[data-v-b0a39fcc]{grid-template-columns:1fr}.panel-actions[data-v-b0a39fcc]{justify-content:stretch}.panel-actions .el-button[data-v-b0a39fcc]{flex:1;min-width:0}.exif-row[data-v-b0a39fcc]{grid-template-columns:1fr;gap:.25rem}}@media (max-width: 480px){.image-tool-page[data-v-b0a39fcc]{padding:.5rem}.tool-panel[data-v-b0a39fcc]{padding:.75rem}.drop-zone[data-v-b0a39fcc],.preview-box[data-v-b0a39fcc],.empty-state[data-v-b0a39fcc]{min-height:200px}}