html,body{height:100%;margin:0;padding:0}#root{height:100%}*{box-sizing:border-box}.app{flex-direction:column;width:100vw;height:100vh;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;display:flex;overflow:hidden}.toolbar{z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 14px;display:flex;box-shadow:0 1px 3px #0000000d}.toolbar .brand{color:#1e293b;font-size:16px;font-weight:700}.toolbar .cur-name{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:13px;overflow:hidden}.icon-btn{font-size:14px;padding:6px 9px!important}.body{flex:1;min-height:0;display:flex}.sidebar{background:#fafbfc;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;width:230px;display:flex}.sidebar-head{color:#334155;justify-content:space-between;align-items:center;padding:12px 14px 8px;font-size:13px;font-weight:700;display:flex}.new-btn{color:#4338ca;cursor:pointer;background:#eef2ff;border:1px solid #818cf8;border-radius:6px;padding:4px 9px;font-size:12px}.new-btn:hover{background:#e0e7ff}.backup-bar{border-bottom:1px solid #eef0f3;gap:6px;padding:4px 12px 10px;display:flex}.backup-bar button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex:1;padding:5px 6px;font-size:11.5px}.backup-bar button:hover{background:#f1f5f9;border-color:#94a3b8}.project-list{flex:1;padding:4px 8px;overflow-y:auto}.project-item{cursor:pointer;color:#334155;border-radius:7px;justify-content:space-between;align-items:center;gap:6px;margin-bottom:3px;padding:8px 10px;font-size:13px;display:flex}.project-item:hover{background:#eef2ff}.project-item.active{color:#3730a3;background:#e0e7ff;font-weight:600}.project-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-actions{opacity:.45;flex-shrink:0;gap:1px;transition:opacity .12s;display:flex}.project-item:hover .project-actions,.project-item.active .project-actions{opacity:1}.project-actions button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:1px 4px;font-size:13px;line-height:1}.project-actions button:hover{color:#1e293b;background:#c7d2fe}.rename-input{width:100%;font:inherit;border:1px solid #818cf8;border-radius:5px;outline:none;padding:4px 6px;font-size:13px}.sidebar-foot{color:#94a3b8;border-top:1px solid #e2e8f0;padding:8px 14px;font-size:11px}.toolbar button{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:7px;padding:6px 10px;font-size:13px;transition:background .12s,border-color .12s}.toolbar button:hover:not(:disabled){background:#eef2ff;border-color:#818cf8}.toolbar button:disabled{opacity:.4;cursor:not-allowed}.toolbar .sep{background:#e2e8f0;align-self:stretch;width:1px;margin:2px 4px}.colors{gap:4px;display:flex}.swatch{cursor:pointer;width:22px;height:22px;box-shadow:0 0 0 1px #cbd5e1;border:2px solid #fff!important;border-radius:50%!important;padding:0!important}.swatch:hover:not(:disabled){transform:scale(1.15)}.canvas{cursor:grab;touch-action:none;background:radial-gradient(circle,#d8dee9 1px,#0000 1px) 0 0/24px 24px,#f1f5f9;flex:1;position:relative;overflow:hidden}.canvas:active{cursor:grabbing}.world{transform-origin:0 0;width:0;height:0;position:absolute;top:0;left:0}.edges{pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0}.node{white-space:nowrap;cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #2563eb;border-radius:12px;justify-content:center;align-items:center;padding:9px 16px;font-size:14px;font-weight:500;transition:box-shadow .12s;display:flex;position:absolute;box-shadow:0 2px 6px #0000001f}.node:active{cursor:grabbing}.node.root{padding:12px 22px;font-size:16px;font-weight:700}.node.selected{box-shadow:0 0 0 3px #6366f180,0 4px 10px #0000002e}.node-text{pointer-events:none}.node-input{font:inherit;color:inherit;text-align:center;background:0 0;border:none;outline:none;width:100%;min-width:60px}.hint{color:#f8fafc;text-align:center;pointer-events:none;white-space:nowrap;background:#1e293bd1;border-radius:8px;padding:7px 14px;font-size:11px;line-height:1.6;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}