:root{--canvas-primary:#2563eb;--canvas-canvas-background:#f4f4f5}.canvas-root{overscroll-behavior:none;width:100%;height:100%;overflow:auto}.canvas-root body{background-color:var(--canvas-background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.canvas-container{overscroll-behavior:none;touch-action:none;background-color:#f4f4f5;background-size:20px 20px;width:100%;height:100%;position:relative;overflow:hidden}.canvas-viewport{transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.canvas-shape{-webkit-user-select:none;user-select:none;position:absolute}.canvas-shape:not(.selected){cursor:default}.canvas-shape.selected:not([data-type=custom-combination]){outline:1px solid var(--canvas-primary);outline-offset:0px;cursor:default}.canvas-shape.dragging{cursor:move}.canvas-shape.selected.edge-n,.canvas-shape.selected.edge-s{cursor:ns-resize}.canvas-shape.selected.edge-e,.canvas-shape.selected.edge-w{cursor:ew-resize}.canvas-shape.selected.corner-nw,.canvas-shape.selected.corner-ne,.canvas-shape.selected.corner-sw,.canvas-shape.selected.corner-se{cursor:crosshair}.canvas-shape[data-type=note]{background-color:#fef08a;border-radius:4px;min-width:150px;min-height:100px;padding:12px;box-shadow:0 1px 3px #0000001a}.canvas-shape[data-type=text]{white-space:pre-wrap;min-width:50px;padding:8px}.canvas-shape[data-type=rect]{background-color:#fff;border:1px solid #e4e4e7;border-radius:4px}.canvas-shape[data-type=circle]{background-color:#fff;border:1px solid #e4e4e7;border-radius:50%}.canvas-shape[data-type=image]{background-color:#e5e7eb;border:3px solid #fff;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.canvas-shape[data-type=image].has-image{box-shadow:none;background-color:#0000;border:none}.canvas-shape[data-type=image]>img{object-fit:cover;pointer-events:none;width:100%;height:100%}.canvas-shape[data-type=arrow]{pointer-events:none}.canvas-shape .resize-handle{border:1px solid var(--canvas-primary);z-index:10;background:#fff;width:8px;height:8px;display:none;position:absolute}.canvas-shape.selected .resize-handle{display:block}.canvas-shape .resize-handle.corner-nw{cursor:nw-resize;top:-4px;left:-4px}.canvas-shape .resize-handle.corner-ne{cursor:ne-resize;top:-4px;right:-4px}.canvas-shape .resize-handle.corner-sw{cursor:sw-resize;bottom:-4px;left:-4px}.canvas-shape .resize-handle.corner-se{cursor:se-resize;bottom:-4px;right:-4px}.canvas-shape .edge-hitarea{z-index:5;display:none;position:absolute}.canvas-shape.selected .edge-hitarea{display:block}.canvas-shape .edge-hitarea.edge-n{cursor:n-resize;height:8px;top:-4px;left:8px;right:8px}.canvas-shape .edge-hitarea.edge-s{cursor:s-resize;height:8px;bottom:-4px;left:8px;right:8px}.canvas-shape .edge-hitarea.edge-w{cursor:w-resize;width:8px;top:8px;bottom:8px;left:-4px}.canvas-shape .edge-hitarea.edge-e{cursor:e-resize;width:8px;top:8px;bottom:8px;right:-4px}.canvas-shape .rotate-handle{z-index:10;background:0 0;border:none;width:24px;height:24px;display:none;position:absolute}.canvas-shape.selected .rotate-handle{display:block}.canvas-shape .rotate-handle.corner-nw{cursor:url(/rotate_1.svg) 12 12,crosshair;top:-32px;left:-32px}.canvas-shape .rotate-handle.corner-ne{cursor:url(/rotate_2.svg) 12 12,crosshair;top:-32px;right:-32px}.canvas-shape .rotate-handle.corner-sw{cursor:url(/rotate_4.svg) 12 12,crosshair;bottom:-32px;left:-32px}.canvas-shape .rotate-handle.corner-se{cursor:url(/rotate_3.svg) 12 12,crosshair;bottom:-32px;right:-32px}.canvas-toolbar{background:#fff;border-radius:10px;gap:4px;padding:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.canvas-toolbar-btn{color:#52525b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s ease-in-out;display:flex}.canvas-toolbar-btn:hover{color:#18181b;background:#f4f4f5}.canvas-toolbar-btn.active{background:var(--canvas-primary);color:#fff}.canvas-logo{z-index:100;color:#18181b;font-size:18px;font-weight:600;position:fixed;top:20px;left:25px}.canvas-sidebar-left{z-index:50;background:#fff;border:1px solid #e4e4e7;border-radius:64px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:50px;height:250px;margin-top:-125px;padding:16px 0;display:flex;position:fixed;top:50%;left:25px}.canvas-sidebar-left-btn{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s ease-in-out;display:flex}.canvas-sidebar-left-btn:hover{color:#18181b;background:#f4f4f5}.canvas-chat-toggle{z-index:100;cursor:pointer;color:#52525b;background:#fff;border:1px solid #e4e4e7;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .15s ease-in-out;display:flex;position:fixed;top:20px;right:25px}.canvas-chat-toggle:hover{color:#18181b;background:#f4f4f5}.canvas-chat-toggle.active{background:var(--canvas-primary);color:#fff;border-color:var(--canvas-primary)}.canvas-sidebar-right{z-index:50;opacity:0;pointer-events:none;background:#fff;border-left:1px solid #e4e4e7;flex-direction:column;width:360px;transition:all .2s ease-in-out;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.canvas-sidebar-right.open{opacity:1;pointer-events:auto;transform:translate(0)}.canvas-sidebar-resize-handle{cursor:ew-resize;z-index:10;background:0 0;width:4px;transition:background .15s;position:absolute;top:0;bottom:0;left:0}.canvas-sidebar-resize-handle:hover,.canvas-sidebar-resize-handle:active{background:var(--canvas-primary)}.canvas-chat-header{background:var(--canvas-canvas-background);align-items:center;gap:8px;height:48px;padding:0 12px;display:flex}.canvas-chat-header-title{color:#18181b;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:500;overflow:hidden}.canvas-chat-header-btn{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s ease-in-out;display:flex}.canvas-chat-header-btn:hover{color:#18181b;background:#f4f4f5}.canvas-chat-history-dropdown{z-index:10;background:#fff;border-bottom:1px solid #e4e4e7;max-height:200px;position:absolute;top:48px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 6px -1px #0000001a}.canvas-chat-history-item{color:#52525b;cursor:pointer;border-bottom:1px solid #f4f4f5;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;transition:all .15s ease-in-out;display:flex}.canvas-chat-history-item:hover{color:#18181b;background:#f4f4f5}.canvas-chat-history-item:last-child{border-bottom:none}.canvas-chat-messages{flex:1;padding:16px;overflow-y:auto}.canvas-chat-input{resize:none;border:1px solid #e4e4e7;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:14px}.canvas-chat-input:focus{border-color:var(--canvas-primary);outline:none}.canvas-zoom-controls{z-index:50;background:#fff;border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex;position:fixed;bottom:24px;left:25px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.canvas-zoom-btn{color:#52525b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:500;transition:all .15s ease-in-out;display:flex}.canvas-zoom-btn:hover{color:#18181b;background:#f4f4f5}.canvas-zoom-btn:disabled{opacity:.4;cursor:not-allowed}.canvas-zoom-value{text-align:center;color:#18181b;cursor:pointer;border-radius:4px;min-width:56px;padding:4px 8px;font-size:13px;font-weight:500;transition:all .15s ease-in-out}.canvas-zoom-value:hover{background:#f4f4f5}.canvas-zoom-dropdown{background:#fff;border-radius:8px;min-width:100px;padding:4px;position:absolute;bottom:44px;left:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.canvas-zoom-dropdown button{text-align:left;cursor:pointer;color:#18181b;background:0 0;border:none;border-radius:4px;width:100%;padding:8px 12px;font-size:13px;transition:all .15s ease-in-out}.canvas-zoom-dropdown button:hover{background:#f4f4f5}.canvas-clothing-sidebar{z-index:50;background:#fff;border-left:1px solid #e4e4e7;flex-direction:column;width:320px;animation:.2s ease-out canvasSlideInRight;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes canvasSlideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.canvas-clothing-sidebar-header{background:linear-gradient(#fafafa,#fff);border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px;display:flex}.canvas-clothing-sidebar-content{flex:1;padding:20px;overflow-y:auto}.canvas-clothing-sidebar-content::-webkit-scrollbar{width:6px}.canvas-clothing-sidebar-content::-webkit-scrollbar-track{background:0 0}.canvas-clothing-sidebar-content::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:3px}.canvas-clothing-sidebar-content::-webkit-scrollbar-thumb:hover{background:#a1a1aa}.toolbar{background:#fff;border-radius:10px;gap:4px;padding:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.toolbar-btn{color:#52525b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s ease-in-out;display:flex}.toolbar-btn:hover{color:#18181b;background:#f4f4f5}.toolbar-btn.active{background:var(--canvas-primary);color:#fff}.logo{z-index:100;color:#18181b;font-size:18px;font-weight:600;position:fixed;top:20px;left:25px}.sidebar-left{z-index:50;background:#fff;border:1px solid #e4e4e7;border-radius:64px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:50px;height:250px;margin-top:-125px;padding:16px 0;display:flex;position:fixed;top:50%;left:25px}.sidebar-left-btn{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s ease-in-out;display:flex}.sidebar-left-btn:hover{color:#18181b;background:#f4f4f5}.chat-toggle{z-index:100;cursor:pointer;color:#52525b;background:#fff;border:1px solid #e4e4e7;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .15s ease-in-out;display:flex;position:fixed;top:20px;right:25px}.chat-toggle:hover{color:#18181b;background:#f4f4f5}.chat-toggle.active{background:var(--canvas-primary);color:#fff;border-color:var(--canvas-primary)}.sidebar-right{z-index:50;opacity:0;pointer-events:none;background:#fff;border-left:1px solid #e4e4e7;flex-direction:column;width:360px;transition:all .2s ease-in-out;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.sidebar-right.open{opacity:1;pointer-events:auto;transform:translate(0)}.sidebar-resize-handle{cursor:ew-resize;z-index:10;background:0 0;width:4px;transition:background .15s;position:absolute;top:0;bottom:0;left:0}.sidebar-resize-handle:hover,.sidebar-resize-handle:active{background:var(--canvas-primary)}.chat-header{background:var(--canvas-background);align-items:center;gap:8px;height:48px;padding:0 12px;display:flex}.chat-header-title{color:#18181b;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:500;overflow:hidden}.chat-header-btn{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s ease-in-out;display:flex}.chat-header-btn:hover{color:#18181b;background:#f4f4f5}.chat-history-dropdown{z-index:10;background:#fff;border-bottom:1px solid #e4e4e7;max-height:200px;position:absolute;top:48px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 6px -1px #0000001a}.chat-history-item{color:#52525b;cursor:pointer;border-bottom:1px solid #f4f4f5;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;transition:all .15s ease-in-out;display:flex}.chat-history-item:hover{color:#18181b;background:#f4f4f5}.chat-history-item:last-child{border-bottom:none}.chat-messages{flex:1;padding:16px;overflow-y:auto}.chat-input{resize:none;border:1px solid #e4e4e7;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:14px}.chat-input:focus{border-color:var(--canvas-primary);outline:none}.zoom-controls{z-index:50;background:#fff;border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex;position:fixed;bottom:24px;left:25px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.zoom-btn{color:#52525b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:500;transition:all .15s ease-in-out;display:flex}.zoom-btn:hover{color:#18181b;background:#f4f4f5}.zoom-btn:disabled{opacity:.4;cursor:not-allowed}.zoom-value{text-align:center;color:#18181b;cursor:pointer;border-radius:4px;min-width:56px;padding:4px 8px;font-size:13px;font-weight:500;transition:all .15s ease-in-out}.zoom-value:hover{background:#f4f4f5}.zoom-dropdown{background:#fff;border-radius:8px;min-width:100px;padding:4px;position:absolute;bottom:44px;left:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.zoom-dropdown button{text-align:left;cursor:pointer;color:#18181b;background:0 0;border:none;border-radius:4px;width:100%;padding:8px 12px;font-size:13px;transition:all .15s ease-in-out}.zoom-dropdown button:hover{background:#f4f4f5}.clothing-sidebar{z-index:50;background:#fff;border-left:1px solid #e4e4e7;flex-direction:column;width:320px;animation:.2s ease-out slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.clothing-sidebar-header{background:linear-gradient(#fafafa,#fff);border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px;display:flex}.clothing-sidebar-content{flex:1;padding:20px;overflow-y:auto}.clothing-sidebar-content::-webkit-scrollbar{width:6px}.clothing-sidebar-content::-webkit-scrollbar-track{background:0 0}.clothing-sidebar-content::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:3px}.clothing-sidebar-content::-webkit-scrollbar-thumb:hover{background:#a1a1aa}.floating-config-panel{background:#fff;border-radius:8px;animation:.2s cubic-bezier(.16,1,.3,1) configPanelIn;overflow:hidden;box-shadow:0 4px 24px #0000001f}@keyframes configPanelIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.config-prompt-area{border-bottom:1px solid #e4e4e7;padding:12px}.config-textarea{resize:none;border:1px solid #e4e4e7;border-radius:6px;outline:none;width:100%;min-height:60px;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.config-textarea:focus{border-color:var(--canvas-primary)}.config-textarea::placeholder{color:#a1a1aa}.config-actions{align-items:center;gap:8px;padding:12px;display:flex}.config-select{width:100px;height:32px;font-size:13px}.config-generate-btn{height:32px;margin-left:auto;padding:0 16px;font-size:13px;font-weight:500}