.upload-area[data-v-8e8dd44a] .n-upload-dragger{width:100%}.upload-hint[data-v-8e8dd44a]{padding:40px 0;text-align:center}.toolbar-row[data-v-8e8dd44a]{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.toolbar-info[data-v-8e8dd44a]{display:flex;flex-direction:column;gap:4px}.toolbar-actions[data-v-8e8dd44a]{display:flex;flex-wrap:wrap;gap:12px}.file-list[data-v-8e8dd44a]{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:20px}.file-chip[data-v-8e8dd44a]{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:10px;justify-content:space-between;padding:12px;text-align:left;transition:all .2s ease}.file-chip[data-v-8e8dd44a]:hover{border-color:#18a058;box-shadow:0 4px 14px #18a0581a}.file-chip.active[data-v-8e8dd44a]{background:#f3fbf6;border-color:#18a058}.file-chip-main[data-v-8e8dd44a]{cursor:pointer;display:block;flex:1;min-width:0;padding:0;text-align:left}.file-chip-main[data-v-8e8dd44a]:focus-visible{border-radius:6px;outline:2px solid rgba(24,160,88,.35);outline-offset:4px}.file-chip-name[data-v-8e8dd44a]{color:#111827;display:block;font-size:13px;font-weight:600;word-break:break-all}.file-chip-meta[data-v-8e8dd44a]{color:#6b7280;display:block;font-size:12px;margin-top:6px}.file-chip-delete[data-v-8e8dd44a]{flex-shrink:0}.layout[data-v-8e8dd44a]{align-items:flex-start;display:flex;gap:24px}.preview-area[data-v-8e8dd44a]{flex:1}.preview-header[data-v-8e8dd44a]{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.preview-area .label[data-v-8e8dd44a]{display:block;font-size:14px;font-weight:600}.preview-meta[data-v-8e8dd44a]{font-size:12px}.canvas-wrap[data-v-8e8dd44a]{background:#fafafa;border:1px solid #eee;border-radius:8px;display:flex;justify-content:center;overflow:hidden}canvas[data-v-8e8dd44a]{max-height:360px;max-width:100%}.control-panel[data-v-8e8dd44a]{max-width:340px;min-width:300px;padding-right:30px}@media (max-width:640px){.layout[data-v-8e8dd44a]{flex-direction:column}.layout[data-v-8e8dd44a] .n-divider{display:none}.control-panel[data-v-8e8dd44a]{max-width:100%;min-width:0;padding-right:0}.toolbar-row[data-v-8e8dd44a]{align-items:flex-start}.toolbar-actions[data-v-8e8dd44a]{width:100%}.toolbar-actions[data-v-8e8dd44a] .n-button{flex:1}}