@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.topbar[data-v-f8c3e7c6]{height:var(--topbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:0 12px;display:flex}.topbar-left[data-v-f8c3e7c6],.topbar-right[data-v-f8c3e7c6]{flex:1;align-items:center;gap:4px;display:flex}.topbar-right[data-v-f8c3e7c6]{justify-content:flex-end}.topbar-center[data-v-f8c3e7c6]{flex:none;justify-content:center;min-width:180px;display:flex}.project-title[data-v-f8c3e7c6]{color:var(--color-text);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast);text-overflow:ellipsis;white-space:nowrap;max-width:240px;padding:4px 10px;font-size:14px;font-weight:600;overflow:hidden}.project-title[data-v-f8c3e7c6]:hover{background:var(--color-surface-3)}.title-input[data-v-f8c3e7c6]{width:200px}.topbar-divider[data-v-f8c3e7c6]{background:var(--color-border);width:1px;height:24px;margin:0 6px}.preview-stage-switcher[data-v-f8c3e7c6]{align-items:center;gap:2px;padding:3px;display:flex}.preview-switcher[data-v-f8c3e7c6]{background:var(--color-bg-2);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:2px;padding:3px;display:flex}.preview-btn[data-v-f8c3e7c6]{border-radius:calc(var(--radius-md) - 2px);color:var(--color-text-2);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:flex}.preview-btn[data-v-f8c3e7c6]:hover{color:var(--color-text);background:var(--color-surface-3)}.preview-btn.active[data-v-f8c3e7c6]{background:var(--color-accent);color:#fff;font-weight:600}.bottom-bar[data-v-c4582b28]{height:var(--bottombar-height);background:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-text-3);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:0 16px;font-size:11px;display:flex}.copyright-link[data-v-c4582b28]{color:var(--color-text-3);font-weight:700;text-decoration:none}.left-content[data-v-c4582b28]{align-items:center;gap:8px;display:flex}.divider[data-v-c4582b28]{color:var(--color-border-2)}.right-content[data-v-c4582b28]{align-items:center;display:flex}.github-btn[data-v-c4582b28]{color:var(--color-text-3);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.github-btn[data-v-c4582b28]:hover{color:var(--color-text)}.layer-panel[data-v-262ec04f]{padding:8px}.empty-hint[data-v-262ec04f]{padding:24px 0}.layer-list[data-v-262ec04f]{flex-direction:column;gap:4px;display:flex}.layer-item[data-v-262ec04f]{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;align-items:center;gap:8px;padding:6px 8px;display:flex;position:relative}.layer-item[data-v-262ec04f]:hover{background:var(--color-surface-2)}.layer-item.selected[data-v-262ec04f]{background:var(--color-accent-dim);border-color:var(--color-accent)}.layer-item.dragging[data-v-262ec04f]{opacity:.4}.layer-item.drop-above[data-v-262ec04f]:before,.layer-item.drop-below[data-v-262ec04f]:after{content:"";background:var(--color-accent);pointer-events:none;border-radius:1px;height:2px;position:absolute;left:4px;right:4px}.layer-item.drop-above[data-v-262ec04f]:before{top:-3px}.layer-item.drop-below[data-v-262ec04f]:after{bottom:-3px}.drag-handle[data-v-262ec04f]{width:16px;color:var(--color-text-3);cursor:grab;opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.layer-item:hover .drag-handle[data-v-262ec04f],.layer-item.selected .drag-handle[data-v-262ec04f]{opacity:1}.drag-handle[data-v-262ec04f]:active{cursor:grabbing}.layer-thumb[data-v-262ec04f]{border-radius:var(--radius-sm);background:var(--color-surface-3);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.layer-thumb img[data-v-262ec04f]{object-fit:contain;width:100%;height:100%}.thumb-placeholder[data-v-262ec04f]{color:var(--color-text-3);font-size:10px}.layer-info[data-v-262ec04f]{flex:1;min-width:0}.layer-name[data-v-262ec04f]{color:var(--color-text);font-size:12px;font-weight:500}.layer-asset[data-v-262ec04f]{color:var(--color-text-3);font-size:10px}.layer-actions[data-v-262ec04f]{opacity:0;transition:opacity var(--transition-fast);gap:2px;display:flex}.layer-item:hover .layer-actions[data-v-262ec04f],.layer-item.selected .layer-actions[data-v-262ec04f]{opacity:1}.icon-btn.sm[data-v-262ec04f]{width:24px;height:24px}.icon-btn.sm.disabled[data-v-262ec04f]{opacity:.3;cursor:not-allowed}.icon-btn.sm.disabled[data-v-262ec04f]:hover{color:inherit;background:0 0}.icon-btn.danger[data-v-262ec04f]:hover{color:var(--color-danger);background:#ff4d4f1f}.import-dialog[data-v-0e910187]{gap:24px;display:flex}.import-settings[data-v-0e910187]{flex-direction:column;flex:1;gap:12px;display:flex}.import-preview[data-v-0e910187]{flex-direction:column;flex:0 0 220px;align-items:center;gap:8px;display:flex}.preview-label[data-v-0e910187]{color:var(--color-text-2);text-transform:uppercase;font-size:11px;font-weight:600}.preview-frame[data-v-0e910187]{border-radius:var(--radius-md);border:1px solid var(--color-border);background:repeating-conic-gradient(#2a3550 0% 25%,#1e2a45 0% 50%) 0 0/16px 16px;justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative;overflow:hidden}.preview-canvas[data-v-0e910187]{object-fit:contain;width:100%;height:100%}.preview-empty[data-v-0e910187]{color:var(--color-text-3);text-align:center;justify-content:center;align-items:center;padding:16px;font-size:12px;display:flex;position:absolute;inset:0}.preview-ctrl[data-v-0e910187]{align-items:center;gap:8px;display:flex}.frame-info[data-v-0e910187]{color:var(--color-text-2);font-variant-numeric:tabular-nums;font-size:11px}.mt8[data-v-0e910187]{margin-top:4px}.field[data-v-0e910187]{flex-direction:column;gap:6px;display:flex}.field-label[data-v-0e910187]{color:var(--color-text-2);align-items:center;gap:6px;font-size:11px;display:flex}.slider-val[data-v-0e910187]{color:var(--color-text-3);font-size:11px}.loop-btns[data-v-0e910187]{gap:4px;display:flex}.loop-btn[data-v-0e910187]{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-2);cursor:pointer;transition:all var(--transition-fast);flex:1;padding:5px 0;font-size:12px}.loop-btn[data-v-0e910187]:hover{background:var(--color-surface-3);color:var(--color-text)}.loop-btn.active[data-v-0e910187]{background:var(--color-accent-dim);border-color:var(--color-accent);color:var(--color-accent);font-weight:600}.loop-desc[data-v-0e910187]{color:var(--color-text-3);background:var(--color-bg-2);border-radius:var(--radius-sm);padding:6px 8px;font-size:11px;line-height:1.6}.dialog-footer[data-v-0e910187]{justify-content:flex-end;gap:8px;display:flex}.edit-form[data-v-2df1362f]{flex-direction:column;gap:14px;display:flex}.field[data-v-2df1362f]{flex-direction:column;gap:5px;display:flex}.field-label[data-v-2df1362f]{color:var(--color-text-2);font-size:11px}.hint[data-v-2df1362f]{color:var(--color-text-3);font-size:10px}.loop-btns[data-v-2df1362f]{gap:4px;display:flex}.loop-btn[data-v-2df1362f]{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-2);cursor:pointer;transition:all var(--transition-fast);flex:1;padding:5px 0;font-size:12px}.loop-btn[data-v-2df1362f]:hover{background:var(--color-surface-3);color:var(--color-text)}.loop-btn.active[data-v-2df1362f]{background:var(--color-accent-dim);border-color:var(--color-accent);color:var(--color-accent);font-weight:600}.loop-desc[data-v-2df1362f]{color:var(--color-text-3);background:var(--color-bg-2);border-radius:var(--radius-sm);padding:6px 8px;font-size:11px;line-height:1.6}.footer[data-v-2df1362f]{justify-content:flex-end;gap:8px;display:flex}.asset-panel[data-v-bd2fd167]{flex-direction:column;gap:8px;height:100%;padding:8px;display:flex}.panel-toolbar[data-v-bd2fd167]{flex-shrink:0}.empty[data-v-bd2fd167]{padding:24px 0}.asset-grid[data-v-bd2fd167]{flex-direction:column;flex:1;gap:6px;display:flex;overflow-y:auto}.asset-card[data-v-bd2fd167]{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-2);cursor:grab;transition:all var(--transition-fast);align-items:center;gap:8px;padding:6px 8px;display:flex;position:relative}.asset-card[data-v-bd2fd167]:hover{border-color:var(--color-accent);background:var(--color-surface-3)}.asset-card[data-v-bd2fd167]:active{cursor:grabbing}.asset-thumb[data-v-bd2fd167]{border-radius:var(--radius-sm);background:var(--color-surface-3);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.asset-thumb img[data-v-bd2fd167]{object-fit:contain;width:100%;height:100%}.asset-body[data-v-bd2fd167]{flex:1;min-width:0}.asset-name[data-v-bd2fd167]{color:var(--color-text);margin-bottom:4px;font-size:12px;font-weight:500}.asset-meta[data-v-bd2fd167]{flex-wrap:wrap;gap:4px;display:flex}.asset-menu[data-v-bd2fd167]{opacity:0;width:24px;height:24px;transition:opacity var(--transition-fast);flex-shrink:0}.asset-card:hover .asset-menu[data-v-bd2fd167]{opacity:1}.icon-btn.sm[data-v-bd2fd167]{width:24px;height:24px}.emote-panel[data-v-8beff235]{flex-direction:column;height:100%;display:flex}.panel-actions[data-v-8beff235]{border-bottom:1px solid var(--color-border);justify-content:flex-end;padding:8px 12px;display:flex}.emote-list[data-v-8beff235]{flex-direction:column;flex:1;gap:4px;padding:8px;display:flex;overflow-y:auto}.emote-item[data-v-8beff235]{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:8px;padding:6px 8px;display:flex}.emote-item[data-v-8beff235]:hover{background:var(--color-surface-2)}.emote-item.active[data-v-8beff235]{background:var(--color-accent-dim);border-color:var(--color-accent);color:var(--color-accent)}.item-thumb[data-v-8beff235]{border-radius:var(--radius-sm);background:var(--color-surface-3);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative;overflow:hidden}.mini-canvas[data-v-8beff235]{pointer-events:none}.mini-canvas img[data-v-8beff235]{object-fit:fill;max-width:none;position:absolute}.thumb-placeholder[data-v-8beff235]{color:var(--color-text-3);font-size:10px}.item-label[data-v-8beff235]{flex:1;min-width:0;font-size:13px}.item-rename-input[data-v-8beff235]{flex:1}.item-actions[data-v-8beff235]{opacity:0;transition:opacity var(--transition-fast);gap:2px;display:flex}.emote-item:hover .item-actions[data-v-8beff235],.emote-item.active .item-actions[data-v-8beff235]{opacity:1}.icon-btn.sm[data-v-8beff235]{width:24px;height:24px}.icon-btn.sm.disabled[data-v-8beff235]{opacity:.3;cursor:not-allowed}.icon-btn.sm.disabled[data-v-8beff235]:hover{color:inherit;background:0 0}.icon-btn.danger[data-v-8beff235]:hover{color:var(--color-danger);background:#ff4d4f1f}.left-drawer[data-v-2a30da1f]{background:var(--color-surface);border-right:1px solid var(--color-border);height:100%;transition:width var(--transition-med);width:calc(var(--drawer-collapsed-width) + var(--drawer-width));flex-direction:row;display:flex;overflow:hidden}.left-drawer.collapsed[data-v-2a30da1f]{width:var(--drawer-collapsed-width)}.drawer-icons[data-v-2a30da1f]{flex:0 0 var(--drawer-collapsed-width);border-right:1px solid var(--color-border);background:var(--color-bg-2);flex-direction:column;align-items:center;gap:4px;padding:8px 0;display:flex}.drawer-icon-btn[data-v-2a30da1f]{width:36px;height:36px}.drawer-spacer[data-v-2a30da1f]{flex:1}.drawer-content[data-v-2a30da1f]{min-width:0;width:var(--drawer-width);flex-direction:column;flex:1;display:flex;overflow:hidden}.panel-header[data-v-2a30da1f]{border-bottom:1px solid var(--color-border);flex-shrink:0;padding:10px 14px 8px}.panel-title[data-v-2a30da1f]{color:var(--color-text-2);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:600}.panel-body[data-v-2a30da1f]{flex:1;overflow:hidden auto}.right-panel[data-v-d0fed5c7]{background:var(--color-surface);border-left:1px solid var(--color-border);flex-direction:column;gap:10px;height:100%;padding:12px;display:flex;overflow-y:auto}.section-title[data-v-d0fed5c7]{color:var(--color-text-2);text-transform:uppercase;letter-spacing:.08em;padding-bottom:4px;font-size:11px;font-weight:600}.section-title.small[data-v-d0fed5c7]{font-size:10px}.prop-group[data-v-d0fed5c7]{flex-direction:column;gap:4px;display:flex}.prop-group.inline[data-v-d0fed5c7]{flex-direction:row;justify-content:space-between;align-items:center}.prop-group.half[data-v-d0fed5c7]{flex:1}.prop-row[data-v-d0fed5c7]{gap:8px;display:flex}.prop-label[data-v-d0fed5c7]{color:var(--color-text-2);font-size:11px}.prop-hint[data-v-d0fed5c7]{color:var(--color-text-3);padding:0 2px;font-size:10px}.asset-info[data-v-d0fed5c7]{flex-direction:column;gap:6px;display:flex}.info-row[data-v-d0fed5c7]{justify-content:space-between;font-size:11px;display:flex}.info-row span[data-v-d0fed5c7]:first-child{color:var(--color-text-2);min-width:2.2rem}.info-row span[data-v-d0fed5c7]:last-child{color:var(--color-text);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-area[data-v-57141fab]{background:var(--color-bg-2);width:100%;height:100%;position:relative;overflow:hidden}.canvas-bg[data-v-57141fab]{opacity:.5;background-image:linear-gradient(45deg,#252a3a 25%,#0000 25%),linear-gradient(-45deg,#252a3a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#252a3a 75%),linear-gradient(-45deg,#0000 75%,#252a3a 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;position:absolute;inset:0}.konva-container[data-v-57141fab]{position:absolute;inset:0}.loading-overlay[data-v-57141fab]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#1e2230cc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.app-layout[data-v-df6ad57f]{background:var(--color-bg);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.app-topbar[data-v-df6ad57f]{flex:0 0 var(--topbar-height);z-index:100}.app-body[data-v-df6ad57f]{flex:1;min-height:0;display:flex;overflow:hidden}.app-drawer[data-v-df6ad57f]{z-index:50;flex:none}.app-canvas-area[data-v-df6ad57f]{flex:1;min-width:0;overflow:hidden}.app-right-panel[data-v-df6ad57f]{flex:0 0 var(--right-panel-width);z-index:50;overflow-y:auto}.app-bottombar[data-v-df6ad57f]{flex:0 0 var(--bottombar-height);z-index:100}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#1a1a2e;--color-bg-2:#16213e;--color-bg-3:#0f3460;--color-surface:#1e2a45;--color-surface-2:#243050;--color-surface-3:#2d3a5e;--color-border:#2e3d6a;--color-border-2:#394875;--color-accent:#4f8ef7;--color-accent-hover:#6fa5ff;--color-accent-dim:#4f8ef726;--color-success:#52c41a;--color-warning:#faad14;--color-danger:#ff4d4f;--color-text:#e2e8f0;--color-text-2:#a0aec0;--color-text-3:#718096;--color-text-inverse:#1a202c;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--topbar-height:52px;--bottombar-height:28px;--drawer-width:280px;--drawer-collapsed-width:52px;--right-panel-width:260px;--transition-fast:.15s ease;--transition-med:.25s ease}html,body,#app{width:100%;height:100%;font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);font-size:14px;line-height:1.5;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.n-config-provider{width:100%;height:100%}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.icon-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-2);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--color-surface-3);color:var(--color-text)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn.active{color:var(--color-accent);background:var(--color-accent-dim)}