*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}h1,h2,h3,h4,h5,h6,p{margin-top:0}.board-container{cursor:grab;background-color:#f0f0f0;background-image:radial-gradient(#d0d0d0 1px,#0000 0);background-size:20px 20px;width:100%;height:100%;position:relative;overflow:hidden}.board-container.panning{cursor:grabbing}.board-canvas{transform-origin:0 0;will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0}.board-controls{z-index:1000;background:#fff;border-radius:8px;padding:8px;position:absolute;bottom:20px;right:20px;box-shadow:0 2px 10px #0000001a}.board-controls button{color:#fff;cursor:pointer;background:#333;border:none;border-radius:4px;padding:8px 12px}.origin-marker{pointer-events:none;z-index:9999;width:20px;height:20px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.origin-line-h{background-color:#f55;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.origin-line-v{background-color:#f55;width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.draggable-node.edit-mode{box-sizing:border-box;outline:1px solid #ccc;transition:outline-color .2s,box-shadow .2s}.draggable-node.edit-mode:hover{cursor:pointer;outline-color:#3b82f6}.draggable-node.edit-mode.selected{outline:2px solid #3b82f6;box-shadow:0 0 0 4px #3b82f633}.hand-tracker-container{z-index:1000;background:#000000b3;border:2px solid #fff3;border-radius:8px;width:160px;height:120px;position:absolute;bottom:20px;left:20px;overflow:hidden;box-shadow:0 4px 12px #0000004d}.tracker-canvas{width:100%;height:100%;transform:scaleX(-1)}.tracker-loading{color:#fff;background:#000c;justify-content:center;align-items:center;width:100%;height:100%;font-size:12px;display:flex;position:absolute;top:0;left:0}.view-board-page{width:100vw;height:100vh;position:relative;overflow:hidden}.view-controls{z-index:1000;background:#fff;border-radius:8px;gap:10px;padding:8px;display:flex;position:absolute;top:20px;left:20px;box-shadow:0 4px 12px #0000001a}.control-btn{color:#555;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-weight:500;transition:all .2s;display:flex}.control-btn:hover{background:#f0f0f0}.view-controls .control-btn.active{background-color:#3b82f6}.hand-cursor{pointer-events:none;z-index:9999;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background-color .2s,transform .1s;display:flex;position:fixed;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0000004d}.fist-icon{color:#fff;transform:scale(.8)translateY(2px)}.view-board-page .board-canvas{-webkit-user-select:none;user-select:none}.floating-joystick-base{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:9998;background:#0003;border:2px solid #3b82f680;border-radius:50%;width:120px;height:120px;position:fixed;transform:translate(-50%,-50%)}.iframe-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9990;background:#000000b3;flex-direction:column;padding:40px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.iframe-modal-content{background:#fff;border-radius:12px;flex-direction:column;flex:1;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000080}.iframe-modal-header{background:#f1f5f9;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.iframe-url{color:#64748b;white-space:nowrap;text-overflow:ellipsis;flex:1;margin-right:20px;font-size:14px;overflow:hidden}.iframe-modal-close{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:8px 16px;font-weight:700;transition:background .2s;box-shadow:0 2px 4px #ef44444d}.iframe-modal-close:hover{background:#dc2626}.iframe-modal-content iframe{background:#fff;border:none;flex:1;width:100%;height:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.edit-board-page{flex-direction:column;height:100vh;display:flex;overflow:hidden}.toolbar{pointer-events:none;z-index:2000;justify-content:center;align-items:flex-start;padding:20px;display:flex;position:absolute;top:0;left:0;right:0}.toolbar-group{pointer-events:auto;align-items:center;gap:12px;display:flex}.toolbar-pill{color:#fff;background-color:#212529;border-radius:8px;padding:8px 16px;box-shadow:0 4px 12px #00000026}.toolbar-btn{color:#fff;cursor:pointer;background-color:#495057;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;transition:background-color .2s;display:flex}.toolbar-btn:hover:not(:disabled){background-color:#343a40}.toolbar-btn.primary{background-color:#3b82f6}.toolbar-btn.primary:hover:not(:disabled){background-color:#2563eb}.toolbar-btn.danger{background-color:#ef4444}.toolbar-btn.danger:hover:not(:disabled){background-color:#dc2626}.toolbar-btn.icon-only{padding:8px}.toolbar-btn:disabled{opacity:.6;cursor:not-allowed}.board-wrapper{flex-grow:1;position:relative}.loading{color:#555;justify-content:center;align-items:center;height:100vh;font-size:24px;display:flex}