[data-v-5ccef80c]:root{--el-color-primary: var(--gdt-primary, #F59E0B);--el-color-primary-light-3: var(--gdt-primary-light, #FBBF24);--el-color-primary-light-5: color-mix(in srgb, var(--gdt-primary, #F59E0B) 50%, transparent);--el-color-primary-dark-2: var(--gdt-primary-dark, #D97706);--el-color-success: var(--gdt-success, #06D6A0);--el-color-warning: var(--gdt-warning, #FBBF24);--el-color-danger: var(--gdt-danger, #EF4444);--el-color-info: var(--gdt-info, #64748B);--el-bg-color: var(--gdt-bg-surface, #1C1917);--el-bg-color-page: var(--gdt-bg-dark, #1C1917);--el-bg-color-overlay: var(--gdt-bg-elevated, #292524);--el-text-color-primary: var(--gdt-text-primary, #FEF3C7);--el-text-color-regular: var(--gdt-text-secondary, #D6D3D1);--el-text-color-secondary: var(--gdt-text-secondary, #D6D3D1);--el-text-color-placeholder: var(--gdt-text-disabled, #78716C);--el-text-color-disabled: var(--gdt-text-disabled, #78716C);--el-border-color: var(--gdt-border-color, #44403C);--el-border-color-light: var(--gdt-border-color, #44403C);--el-border-color-lighter: color-mix(in srgb, var(--gdt-border-color, #44403C) 50%, transparent);--el-fill-color: var(--gdt-bg-surface, #1C1917);--el-fill-color-light: var(--gdt-bg-hover, #44403C);--el-fill-color-blank: var(--gdt-bg-base, #0C0A09);--el-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--el-shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--el-shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--el-radio-button-bg-color: var(--gdt-bg-surface, #1C1917);--el-radio-button-text-color: var(--gdt-text-secondary, #D6D3D1);--el-radio-button-border-color: var(--gdt-border-color, #44403C);--el-radio-button-hover-bg-color: var(--gdt-bg-hover, #44403C);--el-radio-button-hover-text-color: var(--gdt-text-primary, #FEF3C7);--el-tag-bg-color: var(--gdt-bg-surface, #1C1917);--el-tag-border-color: var(--gdt-border-color, #44403C);--el-tag-text-color: var(--gdt-text-primary, #FEF3C7);--el-select-dropdown-bg-color: var(--gdt-bg-elevated, #292524);--el-select-dropdown-border-color: var(--gdt-border-color, #44403C);--el-input-bg-color: var(--gdt-bg-base, #0C0A09);--el-input-border-color: var(--gdt-border-color, #44403C);--el-input-text-color: var(--gdt-text-primary, #FEF3C7);--el-table-bg-color: var(--gdt-bg-surface, #1C1917);--el-table-row-hover-bg-color: var(--gdt-bg-hover, #44403C);--el-table-border-color: var(--gdt-border-color, #44403C);--el-pagination-bg-color: var(--gdt-bg-surface, #1C1917);--el-pagination-border-color: var(--gdt-border-color, #44403C);--el-pagination-text-color: var(--gdt-text-secondary, #D6D3D1);--el-card-bg-color: var(--gdt-bg-surface, #1C1917);--el-card-border-color: var(--gdt-border-color, #44403C);--el-dialog-bg-color: var(--gdt-bg-elevated, #292524);--el-dialog-border-color: var(--gdt-border-color, #44403C);--el-menu-bg-color: transparent;--el-menu-hover-bg-color: var(--gdt-bg-hover, #44403C);--el-menu-active-color: var(--gdt-primary, #F59E0B);--el-menu-text-color: var(--gdt-text-secondary, #D6D3D1);--el-button-bg-color: var(--gdt-bg-surface, #1C1917);--el-button-border-color: var(--gdt-border-color, #44403C);--el-button-text-color: var(--gdt-text-secondary, #D6D3D1)}.frame-pack-atlas[data-v-5ccef80c]{height:100%;display:flex;flex-direction:column}.fpa-header[data-v-5ccef80c]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.fpa-header h2[data-v-5ccef80c]{margin:0;font-size:22px;color:var(--gdt-text-primary)}.fpa-header .fpa-header-actions[data-v-5ccef80c]{display:flex;gap:8px}.fpa-body[data-v-5ccef80c]{flex:1;min-height:0}.fpa-sprite-panel[data-v-5ccef80c],.fpa-preview-panel[data-v-5ccef80c],.fpa-settings-panel[data-v-5ccef80c]{background:var(--gdt-bg-surface);border:1px solid var(--gdt-border-color);border-radius:12px;padding:16px;height:calc(100vh - 200px);display:flex;flex-direction:column}.panel-title[data-v-5ccef80c]{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:var(--gdt-text-primary);margin-bottom:12px}.fpa-drop-zone[data-v-5ccef80c]{border:2px dashed var(--gdt-border-color);border-radius:8px;padding:16px;text-align:center;cursor:pointer;transition:all .25s;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--gdt-text-secondary);font-size:13px}.fpa-drop-zone .drop-hint[data-v-5ccef80c]{font-size:11px;color:var(--gdt-text-disabled)}.fpa-drop-zone[data-v-5ccef80c]:hover,.fpa-drop-zone.is-dragover[data-v-5ccef80c]{border-color:var(--gdt-primary);background:var(--gdt-bg-icon);color:var(--gdt-primary)}.fpa-sprite-list[data-v-5ccef80c]{flex:1;overflow-y:auto;margin-top:8px}.fpa-sprite-list[data-v-5ccef80c]::-webkit-scrollbar{width:4px}.fpa-sprite-list[data-v-5ccef80c]::-webkit-scrollbar-thumb{background:var(--gdt-border-color);border-radius:2px}.sprite-item[data-v-5ccef80c]{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background .15s}.sprite-item[data-v-5ccef80c]:hover{background:var(--gdt-bg-hover)}.sprite-item.selected[data-v-5ccef80c]{background:var(--gdt-active-bg);border-left:3px solid var(--gdt-primary)}.sprite-item .sprite-thumb[data-v-5ccef80c]{width:36px;height:36px;border-radius:4px;overflow:hidden;background:var(--gdt-bg-elevated);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sprite-item .sprite-thumb img[data-v-5ccef80c]{max-width:100%;max-height:100%;object-fit:contain}.sprite-item .sprite-info[data-v-5ccef80c]{flex:1;min-width:0;display:flex;flex-direction:column}.sprite-item .sprite-info .sprite-name[data-v-5ccef80c]{font-size:12px;color:var(--gdt-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sprite-item .sprite-info .sprite-size[data-v-5ccef80c]{font-size:11px;color:var(--gdt-text-disabled)}.sprite-item .sprite-remove[data-v-5ccef80c]{color:var(--gdt-text-disabled);cursor:pointer;flex-shrink:0;transition:color .15s}.sprite-item .sprite-remove[data-v-5ccef80c]:hover{color:var(--gdt-danger)}.fpa-preview-panel .preview-toolbar[data-v-5ccef80c]{display:flex;align-items:center;gap:12px}.fpa-canvas-wrapper[data-v-5ccef80c]{flex:1;overflow:hidden;border-radius:8px;background:var(--gdt-bg-dark);position:relative}.fpa-empty-canvas[data-v-5ccef80c]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--gdt-text-disabled);font-size:14px}.fpa-canvas-scroll[data-v-5ccef80c]{position:absolute;inset:0;overflow:auto;padding:10px}.fpa-canvas-scroll[data-v-5ccef80c]::-webkit-scrollbar{width:6px;height:6px}.fpa-canvas-scroll[data-v-5ccef80c]::-webkit-scrollbar-thumb{background:var(--gdt-border-color);border-radius:3px}.fpa-canvas-scroll canvas[data-v-5ccef80c]{image-rendering:pixelated}.fpa-stats-bar[data-v-5ccef80c]{display:flex;gap:20px;padding-top:10px;font-size:12px;color:var(--gdt-text-secondary)}.fpa-stats-bar b[data-v-5ccef80c]{color:var(--gdt-text-primary)}.fpa-stats-bar .util-rate.util-excellent[data-v-5ccef80c]{color:var(--gdt-success)}.fpa-stats-bar .util-rate.util-good[data-v-5ccef80c]{color:var(--gdt-info)}.fpa-stats-bar .util-rate.util-ok[data-v-5ccef80c]{color:var(--gdt-warning)}.fpa-stats-bar .util-rate.util-poor[data-v-5ccef80c]{color:var(--gdt-danger)}.fpa-settings-panel[data-v-5ccef80c]{overflow-y:auto}.fpa-settings-panel[data-v-5ccef80c]::-webkit-scrollbar{width:4px}.fpa-settings-panel[data-v-5ccef80c]::-webkit-scrollbar-thumb{background:var(--gdt-border-color);border-radius:2px}.fpa-settings-panel[data-v-5ccef80c] .el-form-item{margin-bottom:14px}.fpa-settings-panel[data-v-5ccef80c] .el-form-item__label{font-size:12px;color:var(--gdt-text-secondary);padding-bottom:4px}.fpa-settings-panel[data-v-5ccef80c] .el-slider{margin-top:4px}.fpa-settings-panel[data-v-5ccef80c] .el-divider{margin:8px 0 14px;border-color:var(--gdt-border-color)}.fpa-anim-preview .anim-canvas-wrap[data-v-5ccef80c]{background:var(--gdt-bg-dark);border-radius:8px;padding:8px;display:flex;justify-content:center;align-items:center;min-height:120px;margin-bottom:8px}.fpa-anim-preview .anim-canvas[data-v-5ccef80c]{image-rendering:pixelated;max-width:100%;max-height:200px}.fpa-anim-preview .anim-controls[data-v-5ccef80c]{display:flex;align-items:center;gap:8px;margin-bottom:4px}.fpa-anim-preview .anim-controls .anim-info[data-v-5ccef80c]{font-size:12px;color:var(--gdt-text-secondary);margin-left:auto}.fpa-action-buttons[data-v-5ccef80c]{margin-top:auto;padding-top:16px;display:flex;flex-direction:column;gap:8px}.fpa-action-buttons .el-button[data-v-5ccef80c]{width:100%}