.canvas-container[data-v-628fe32a]{width:100vw;height:100vh;overflow:hidden;background-color:#f0f2f5;position:relative}.canvas-content[data-v-628fe32a]{width:100%;height:100%;transform-origin:0 0;position:relative}.infinite-grid[data-v-628fe32a]{position:absolute;top:-50000px;left:-50000px;width:100000px;height:100000px;z-index:-1;background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 0);background-size:40px 40px}.vdr-container{position:absolute;border:1px solid transparent;box-sizing:border-box}.vdr-container.active{border-color:#000;border-style:dashed}.vdr-container.dragging{border-color:#000;border-style:solid}.vdr-handle{box-sizing:border-box;position:absolute;width:7px;height:7px;background:#f0f0f0;border:1px solid #333}.vdr-handle-tl{top:-4px;left:-4px;cursor:nw-resize}.vdr-handle-tm{top:-4px;left:50%;margin-left:-3px;cursor:n-resize}.vdr-handle-tr{top:-4px;right:-4px;cursor:ne-resize}.vdr-handle-ml{top:50%;margin-top:-3px;left:-4px;cursor:w-resize}.vdr-handle-mr{top:50%;margin-top:-3px;right:-4px;cursor:e-resize}.vdr-handle-bl{bottom:-4px;left:-4px;cursor:sw-resize}.vdr-handle-bm{bottom:-4px;left:50%;margin-left:-4px;cursor:s-resize}.vdr-handle-br{bottom:-4px;right:-4px;cursor:se-resize}#app,body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden}.toolbar{position:fixed;top:0;left:0;width:100%;height:56px;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;padding:0 24px;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.06)}.toolbar-center,.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:12px}.logo{font-weight:800;font-size:18px;color:#333;letter-spacing:-.5px}.divider{color:#e0e0e0;font-weight:300}.project-title-box{font-weight:500;font-size:15px;color:#333;display:flex;align-items:center}.title-text{cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.title-text:hover{background:#f5f5f5}.title-input{font-size:15px;font-weight:500;padding:4px 8px;border:1px solid #3b82f6;border-radius:4px;outline:none}.tool-btn{height:32px;padding:0 12px;border-radius:6px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.tool-btn:hover{background:#f9fafb;border-color:#9ca3af}.tool-btn.primary{background:#2563eb;color:#fff;border:none}.tool-btn.primary:hover{background:#1d4ed8}.tool-btn.secondary{background:#f3f4f6;border:none}.scale-display{font-variant-numeric:tabular-nums;width:40px;text-align:right;color:#666;font-size:13px}.canvas-item{border:1px solid transparent;transition:box-shadow .1s}.vdr-container.active{border:1px solid #3b82f6!important;z-index:10;box-shadow:0 0 0 1px rgba(59,130,246,.2)}.canvas-item.active:has(.is-editing){border:1px dashed #9ca3af!important;cursor:text;box-shadow:none}.content-text{width:100%;height:100%;padding:12px;box-sizing:border-box;outline:none;white-space:pre-wrap;cursor:default;font-size:16px;line-height:1.6;color:#1f2937}.content-text.is-editing{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.content-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;display:block}.delete-btn{position:absolute;top:-10px;right:-10px;width:22px;height:22px;background:#ef4444;color:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.15);font-size:14px}.delete-btn,.modal-overlay{display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:999}.modal-content{background:#fff;padding:24px;border-radius:12px;width:400px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 25px rgba(0,0,0,.2)}.modal-content h3{margin-top:0;margin-bottom:20px;font-size:18px}.project-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.project-item{padding:12px;border:1px solid #eee;border-radius:8px;cursor:pointer;transition:background .2s}.project-item:hover{background:#f9fafb;border-color:#3b82f6}.p-name{font-weight:700;font-size:15px;color:#333}.p-time{font-size:12px;color:#888;margin-top:4px}.empty-tip{text-align:center;color:#999;padding:20px}.close-btn{width:100%;padding:10px;border:none;background:#eee;border-radius:6px;cursor:pointer}.close-btn:hover{background:#e5e5e5}h3[data-v-5141a303]{margin:40px 0 0}ul[data-v-5141a303]{list-style-type:none;padding:0}li[data-v-5141a303]{display:inline-block;margin:0 10px}a[data-v-5141a303]{color:#42b983}