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