*{box-sizing:border-box;margin:0;padding:0}html,body,#root{overflow:hidden;touch-action:none;background:#111;width:100%;height:100%;font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.canvas-container{position:relative;cursor:grab;width:100%;height:100%}.canvas-container.grabbing{cursor:grabbing}.canvas-container.placing{cursor:crosshair}.canvas-layer{position:absolute;transform-origin:0 0;top:0;left:0}.canvas-item{position:absolute;user-select:none;border:2px solid #0000;border-radius:4px;transition:border-color .15s,box-shadow .15s}.canvas-item:hover{border-color:#ffffff80}.canvas-item.selected{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d}.canvas-item img{display:block;pointer-events:none;border-radius:2px;width:100%;height:100%}.canvas-text-item{color:#f5f5f5;background:#ffffff05;padding:10px 12px}.canvas-text-content{overflow:hidden;white-space:pre-wrap;word-break:break-word;color:#f5f5f5;pointer-events:none;width:100%;height:100%}.canvas-text-editor{resize:none;outline:none;color:#f5f5f5;white-space:pre-wrap;overflow:hidden;background:0 0;border:none;width:100%;height:100%;font-family:inherit}.resize-handle{position:absolute;cursor:nwse-resize;opacity:0;background:#fff;border:2px solid #000;border-radius:50%;width:12px;height:12px;transition:opacity .15s;bottom:-6px;right:-6px}.canvas-item.selected .resize-handle,.canvas-item:hover .resize-handle{opacity:1}.toolbar{position:fixed;backdrop-filter:blur(12px);display:flex;z-index:100;color:#fff;background:#000000e6;border:1px solid #ffffff26;border-radius:16px;align-items: center;gap:12px;padding:10px 16px;font-size:13px;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006}.toolbar button{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;padding:6px 12px;transition:background .15s;font-size:13px}.toolbar button:hover{background:#fff3}.toolbar button.is-active{background:#ffffff38;border-color:#ffffff73}.toolbar .separator{background:#ffffff26;width:1px;height:24px}.zoom-display{text-align:center;font-variant-numeric:tabular-nums;min-width:48px}.canvas-sidebar{position:fixed;z-index:95;pointer-events:auto;width:180px;max-height:min(60vh,400px);top:50%;left:16px;transform:translateY(-50%)}.canvas-sidebar-inner{backdrop-filter:blur(16px);background:#000000d9;border:1px solid #ffffff1a;border-radius:12px;padding:10px 8px 8px}.canvas-sidebar-header{display:flex;justify-content:space-between;align-items: center;margin-bottom:6px;padding:0 6px}.canvas-sidebar-title{letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c;font-size:11px;font-weight:500}.canvas-sidebar-new{color:#fff9;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:6px;width:22px;height:22px;transition:background .15s,color .15s;font-size:14px;line-height:1}.canvas-sidebar-new:hover{color:#fff;background:#ffffff1a}.canvas-sidebar-list{list-style:none;overflow-y:auto;display:flex;flex-direction:column;gap:1px;max-height:min(50vh,340px)}.canvas-sidebar-list li{display:flex;position:relative;border-radius:8px;align-items: center}.canvas-sidebar-list li.is-active{background:#ffffff1a}.canvas-sidebar-item{text-align:left;color:#ffffffa6;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;min-width:0;padding:6px 8px;transition:color .15s;font-family:inherit;font-size:12px}.canvas-sidebar-list li.is-active .canvas-sidebar-item{color:#fff}.canvas-sidebar-item:hover{color:#ffffffe6}.canvas-sidebar-item:focus-visible{outline:1px solid #ffffff40;outline-offset:-1px}.canvas-sidebar-new:focus-visible{outline:1px solid #ffffff40;outline-offset:-1px}.canvas-sidebar-kebab:focus-visible{outline:1px solid #ffffff40;outline-offset:-1px}.canvas-sidebar-item-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-sidebar-item-actions{position:relative;display:flex;opacity:0;align-items: center;padding-right:4px;transition:opacity .15s}.canvas-sidebar-list li:hover .canvas-sidebar-item-actions,.canvas-sidebar-list li.is-active .canvas-sidebar-item-actions{opacity:1}.canvas-sidebar-kebab{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:6px;width:24px;height:24px;transition:background .15s,color .15s;font-size:14px;line-height:1}.canvas-sidebar-kebab:hover{color:#fffc;background:#ffffff1a}.canvas-sidebar-popover{position:fixed;box-sizing:border-box;z-index:200;background:#000000f2;border:1px solid #ffffff1a;border-radius:8px;padding:3px;box-shadow:0 8px 24px #0009}.canvas-sidebar-popover button{display:block;color:#fffc;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:5px;width:100%;padding:5px 10px;font-family:inherit;font-size:12px}.canvas-sidebar-popover button:hover:not(:disabled){color:#fff;background:#ffffff1a}.canvas-sidebar-popover button:disabled{opacity:.3;cursor:not-allowed}.canvas-sidebar-popover button.danger:hover:not(:disabled){color:#f66}.canvas-sidebar-rename-input{color:#fff;outline:none;background:#00000080;border:1px solid #fff3;border-radius:6px;flex:1;min-width:0;margin:2px 0;padding:5px 8px;font-family:inherit;font-size:12px}.hint{position:fixed;backdrop-filter:blur(12px);color:#aaa;z-index:100;pointer-events:none;background:#000000d9;border:1px solid #ffffff26;border-radius:12px;padding:10px 20px;transition:opacity .3s;font-size:13px;top:24px;left:calc(50% + 72px);transform:translate(-50%)}.hint.hint-demo{top:56px}.grid-pattern{position:absolute;pointer-events:none;opacity:.15;inset:0}.minimap{position:fixed;overflow:hidden;z-index:100;background:#000000e6;border:1px solid #ffffff26;border-radius:8px;width:160px;height:100px;bottom:80px;right:16px}.minimap-viewport{position:absolute;background:#ffffff1a;border:1px solid #fff;border-radius:1px}.minimap-item{position:absolute;background:#fff6;border-radius:1px}.context-menu{position:fixed;backdrop-filter:blur(12px);z-index:200;background:#000000f2;border:1px solid #ffffff26;border-radius:10px;min-width:160px;padding:4px;box-shadow:0 8px 32px #00000080}.context-menu button{display:block;color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:8px 14px;font-size:13px}.context-menu button:hover{background:#ffffff26}.context-menu .danger:hover{color:#f66;background:#ffffff26}.auth-container{display:flex;color:#fff;background:#111;justify-content:center;align-items: center;width:100%;height:100%}.auth-card{backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:16px;width:360px;padding:32px}.auth-card h1{text-align:center;margin-bottom:24px;font-size:22px;font-weight:600}.auth-card form{display:flex;flex-direction:column;gap:12px}.auth-card input{color:#fff;outline:none;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;padding:12px 14px;transition:border-color .15s;font-size:14px}.auth-card input:focus{border-color:#fff6}.auth-card input::placeholder{color:#ffffff80}.auth-card form button{color:#000;cursor:pointer;background:#fff;border:none;border-radius:10px;margin-top:4px;padding:12px;transition:opacity .15s;font-size:14px;font-weight:600}.auth-card form button:hover{opacity:.9}.auth-card form button:disabled{opacity:.5;cursor:not-allowed}.auth-error{color:#f66;text-align:center;font-size:13px}.auth-switch{text-align:center;color:#fff9;margin-top:20px;font-size:13px}.auth-switch button{color:#fff;cursor:pointer;text-decoration:underline;background:0 0;border:none;font-size:13px}.auth-demo{text-align:center;border-top:1px solid #ffffff1a;margin-top:20px;padding-top:20px}.auth-demo span{display:block;color:#ffffff4d;margin-bottom:10px;font-size:12px}.auth-demo button{color:#fffc;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;padding:10px 28px;transition:all .15s;font-family:inherit;font-size:14px}.auth-demo button:hover{color:#fff;background:#ffffff0d;border-color:#fff6}.auth-demo p{color:#ffffff4d;margin-top:8px;font-size:11px}.demo-banner{position:fixed;z-index:1000;color:#000;display:flex;white-space:nowrap;background:#f59e0b;border-radius:0 0 8px 8px;align-items: center;gap:12px;padding:8px 20px;font-size:13px;top:0;left:calc(50% + 72px);transform:translate(-50%)}.demo-banner button{color:#000;cursor:pointer;background:#00000026;border:1px solid #0003;border-radius:4px;padding:3px 10px;font-family:inherit;font-size:12px;font-weight:600}.demo-banner button:hover{background:#00000040}.user-menu{position:fixed;z-index:100;top:16px;right:16px}.user-menu-trigger{backdrop-filter:blur(12px);color:#fffc;cursor:pointer;background:#000000d9;border:1px solid #ffffff26;border-radius:10px;padding:8px 14px;transition:background .15s,color .15s;font-family:inherit;font-size:13px}.user-menu-trigger:hover{color:#fff;background:#000000f2}.user-menu-dropdown{position:absolute;backdrop-filter:blur(12px);background:#000000f2;border:1px solid #ffffff26;border-radius:10px;min-width:160px;padding:6px;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000080}.user-menu-email{display:block;color:#ffffff80;border-bottom:1px solid #ffffff1a;margin-bottom:4px;padding:6px 10px;font-size:12px}.user-menu-dropdown button{display:block;color:#fffc;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:6px 10px;font-family:inherit;font-size:13px}.user-menu-dropdown button{color:#f66}.user-menu-dropdown button:hover{color:#f44;background:#ff64641a}