.sidebar-container[data-v-0c07c59a]{display:flex;flex-direction:column;height:100%}.tab-bar[data-v-0c07c59a]{display:flex;border-bottom:1px solid #e0e0e0}.tab-item[data-v-0c07c59a]{flex:1;padding:12px;text-align:center;cursor:pointer;font-size:14px;color:#666;transition:all .2s}.tab-item.active[data-v-0c07c59a]{color:#4a90d9;border-bottom:2px solid #4a90d9;font-weight:700}.search-area[data-v-0c07c59a]{padding:16px;border-bottom:1px solid #e0e0e0}.search-input[data-v-0c07c59a]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;margin-bottom:10px}.search-input[data-v-0c07c59a]:focus{border-color:#4a90d9}.checkbox-label[data-v-0c07c59a]{display:flex;align-items:center;gap:6px;font-size:13px;color:#666;margin-bottom:10px;cursor:pointer}.search-btn[data-v-0c07c59a]{width:100%;padding:10px;background:#4a90d9;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.search-btn[data-v-0c07c59a]:hover{background:#357abd}.result-list[data-v-0c07c59a]{flex:1;overflow-y:auto;padding:12px}.char-group[data-v-0c07c59a]{margin-bottom:16px}.group-header[data-v-0c07c59a]{font-size:18px;font-weight:700;color:#333;padding:8px 0;border-bottom:2px solid #4a90d9;margin-bottom:10px}.group-items[data-v-0c07c59a]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.result-item[data-v-0c07c59a]{display:flex;flex-direction:column;align-items:center;padding:6px;border-radius:6px;cursor:pointer;transition:background .2s}.result-item[data-v-0c07c59a]:hover{background:#f5f5f5}.result-item img[data-v-0c07c59a]{width:50px;height:50px;object-fit:contain;background:#fff;border-radius:4px}.item-label[data-v-0c07c59a]{margin-top:4px;font-size:12px;color:#333;text-align:center;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-tip[data-v-0c07c59a]{text-align:center;color:#999;padding:20px}@media (max-width: 768px){.search-area[data-v-0c07c59a]{padding:12px}.search-input[data-v-0c07c59a]{padding:12px;font-size:16px;margin-bottom:8px}.checkbox-label[data-v-0c07c59a]{font-size:14px;margin-bottom:8px}.search-btn[data-v-0c07c59a]{padding:12px;font-size:16px}.result-list[data-v-0c07c59a]{padding:8px}.group-header[data-v-0c07c59a]{font-size:20px}.group-items[data-v-0c07c59a]{grid-template-columns:repeat(4,1fr);gap:10px}.result-item[data-v-0c07c59a]{padding:8px}.result-item img[data-v-0c07c59a]{width:60px;height:60px}}.canvas-wrapper[data-v-6ccfcf54]{flex:1;padding:20px;overflow:auto;display:flex;justify-content:center;align-items:flex-start}.canvas-container[data-v-6ccfcf54]{position:relative;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #0000001a}.canvas-item[data-v-6ccfcf54]{position:absolute;cursor:move;user-select:none;-webkit-user-select:none;touch-action:none}.canvas-item img[data-v-6ccfcf54]{width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none}.canvas-item.selected[data-v-6ccfcf54]{outline:2px solid #4a90d9;outline-offset:2px}.resize-handle[data-v-6ccfcf54]{position:absolute;width:12px;height:12px;background:#4a90d9;border:2px solid #fff;border-radius:2px;touch-action:none;-webkit-touch-callout:none;pointer-events:auto;margin:-6px 0 0 -6px;z-index:100}.resize-handle.nw[data-v-6ccfcf54]{top:0;left:0;cursor:nw-resize}.resize-handle.ne[data-v-6ccfcf54]{top:0;right:0;cursor:ne-resize}.resize-handle.sw[data-v-6ccfcf54]{bottom:0;left:0;cursor:sw-resize}.resize-handle.se[data-v-6ccfcf54]{bottom:0;right:0;cursor:se-resize}.rotate-handle[data-v-6ccfcf54]{position:absolute;top:-30px;left:50%;transform:translate(-50%);width:16px;height:16px;background:#e74c3c;border:2px solid #fff;border-radius:50%;cursor:grab;touch-action:none;-webkit-touch-callout:none;pointer-events:auto;margin-left:-8px;z-index:100}.rotate-handle[data-v-6ccfcf54]:active{cursor:grabbing}.context-menu[data-v-6ccfcf54]{position:fixed;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;overflow:hidden;min-width:120px;transform:translate(-50%,-50%)}.menu-item[data-v-6ccfcf54]{padding:12px 20px;cursor:pointer;font-size:14px;color:#333;text-align:center}.menu-item[data-v-6ccfcf54]:first-child{border-bottom:1px solid #eee}.menu-item[data-v-6ccfcf54]:hover{background:#f5f5f5}.menu-item[data-v-6ccfcf54]:active{background:#e0e0e0}@media (max-width: 768px){.canvas-wrapper[data-v-6ccfcf54]{padding:10px;overflow:auto;-webkit-overflow-scrolling:touch}.canvas-container[data-v-6ccfcf54]{transform-origin:top left}.resize-handle[data-v-6ccfcf54]{width:32px;height:32px;margin:-16px 0 0 -16px}.resize-handle.nw[data-v-6ccfcf54]{top:0;left:0}.resize-handle.ne[data-v-6ccfcf54]{top:0;right:0}.resize-handle.sw[data-v-6ccfcf54]{bottom:0;left:0}.resize-handle.se[data-v-6ccfcf54]{bottom:0;right:0}.rotate-handle[data-v-6ccfcf54]{top:-44px;width:32px;height:32px;margin-left:-16px}.context-menu[data-v-6ccfcf54]{max-width:90vw}}.app-container[data-v-eddda78c]{display:flex;height:100vh;overflow:hidden}.sidebar[data-v-eddda78c]{width:280px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;transition:transform .3s ease}.main-content[data-v-eddda78c]{flex:1;display:flex;flex-direction:column;background:#f0f0f0}.toolbar[data-v-eddda78c]{padding:12px 20px;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:flex-end;align-items:center;gap:16px;flex-wrap:wrap}.menu-btn[data-v-eddda78c]{display:none;padding:8px 16px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px}.undo-redo[data-v-eddda78c]{display:flex;gap:8px;margin-right:auto}.tool-btn[data-v-eddda78c]{padding:6px 12px;background:#f5f5f5;color:#333;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.tool-btn[data-v-eddda78c]:hover:not(:disabled){background:#e0e0e0}.tool-btn[data-v-eddda78c]:disabled{opacity:.5;cursor:not-allowed}.resolution-label[data-v-eddda78c]{display:flex;align-items:center;gap:8px;font-size:14px;color:#333}.resolution-input[data-v-eddda78c]{width:70px;padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.resolution-select[data-v-eddda78c]{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px;cursor:pointer}.checkbox-label[data-v-eddda78c]{display:flex;align-items:center;gap:6px;font-size:14px;color:#333;cursor:pointer}.export-btn[data-v-eddda78c]{padding:8px 24px;background:#4a90d9;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.export-btn[data-v-eddda78c]:hover{background:#357abd}@media (max-width: 768px){.app-container[data-v-eddda78c]{flex-direction:column}.sidebar[data-v-eddda78c]{width:100%;height:40%;max-height:40vh;border-right:none;border-bottom:1px solid #e0e0e0;flex-shrink:0}.sidebar.mobile-hidden[data-v-eddda78c]{display:none}.main-content[data-v-eddda78c]{flex:1;min-height:0}.toolbar[data-v-eddda78c]{padding:8px 12px;gap:6px}.menu-btn[data-v-eddda78c]{display:block;padding:6px 10px;font-size:12px}.undo-redo[data-v-eddda78c]{margin-right:0}.tool-btn[data-v-eddda78c]{padding:6px 8px;font-size:12px}.resolution-label[data-v-eddda78c]{font-size:11px;gap:4px}.resolution-input[data-v-eddda78c]{width:40px;padding:4px 6px;font-size:11px}.checkbox-label[data-v-eddda78c]{font-size:11px}.export-btn[data-v-eddda78c]{padding:6px 12px;font-size:12px}}