*{box-sizing:border-box;margin:0;padding:0}html,body,#root{overflow:hidden;touch-action:none;background:#000;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,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%}.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 .separator{background:#ffffff26;width:1px;height:24px}.zoom-display{text-align:center;font-variant-numeric:tabular-nums;min-width:48px}.hint{position:fixed;backdrop-filter:blur(12px);color:#999;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:50%;transform:translate(-50%)}.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:#000;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:#ffffff59}.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:#ffffff80;margin-top:20px;font-size:13px}.auth-switch button{color:#fff;cursor:pointer;text-decoration:underline;background:0 0;border:none;font-size:13px}