@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.app{flex-direction:column;width:100vw;height:100dvh;display:flex;overflow:hidden}.layout-desktop{display:none}.layout-mobile{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.mobile-viewer{flex:1;position:relative;overflow:hidden}.mobile-playback-float{z-index:30;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.action-library{flex-direction:column;flex:1;display:flex;overflow:hidden}.action-library-header{padding:8px 12px 4px}.action-library-header h3{font-size:13px;font-weight:600}.action-library-hint{color:var(--text-muted);margin-top:2px;font-size:11px}.action-library-list{-webkit-overflow-scrolling:touch;flex:1;padding:0 8px 8px;overflow:hidden auto}.action-category{margin-bottom:8px}.action-category-header{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);align-items:center;gap:6px;padding:6px 4px 4px;font-size:10px;font-weight:600;display:flex}.action-category-items{grid-template-columns:1fr 1fr;gap:4px;display:grid}.action-item{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px;transition:all .12s;display:flex}.action-item:hover{background:var(--bg-hover)}.action-item:active:not(.disabled){background:var(--accent-glow);border-color:var(--accent);transform:scale(.97)}.action-item.disabled{opacity:.4;pointer-events:none}.action-item.assigned{background:var(--accent-glow);border-color:var(--accent)}.action-assigned-check{color:var(--accent-light);flex-shrink:0}.action-item-icon{background:var(--accent-glow);width:28px;height:28px;color:var(--accent-light);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.action-item-info{flex-direction:column;min-width:0;display:flex}.action-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.action-item-desc{display:none}.panel-toolbar{background:var(--bg-tertiary);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:32px;padding:0 12px;display:flex}.panel-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.panel-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:all .15s;display:flex}.panel-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.node-editor{background:var(--bg-primary);flex:1}.playback-controls{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);background:#161729eb;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding:8px 12px;display:flex;box-shadow:0 4px 20px #00000080}.playback-controls.compact{border-radius:28px;gap:8px;padding:6px 12px}.playback-buttons{align-items:center;gap:4px;display:flex}.playback-btn{border:1px solid var(--border);background:var(--bg-tertiary);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:8px;justify-content:center;align-items:center;font-family:inherit;transition:all .15s;display:flex}.playback-btn:hover:not(:disabled),.playback-btn:active:not(:disabled){border-color:var(--accent);color:var(--text-primary);background:var(--accent-glow)}.playback-btn:disabled{opacity:.3;cursor:not-allowed}.playback-btn.play-btn{background:var(--accent);border-color:var(--accent);color:#fff;border-radius:50%;width:38px;height:38px}.playback-btn.play-btn:hover,.playback-btn.play-btn:active{background:var(--accent-light);border-color:var(--accent-light)}.compact .playback-btn{width:32px;height:32px}.compact .playback-btn.play-btn{width:36px;height:36px}.playback-info{text-align:center}.playback-step{color:var(--text-primary);font-size:12px;font-weight:600}.playback-hint{color:var(--text-muted);font-size:11px}.compact .playback-info{min-width:auto}.compact .playback-hint{display:none}.playback-speed{color:var(--text-muted);align-items:center;gap:4px;display:flex}.speed-select{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:3px 6px;font-family:inherit;font-size:11px}.compact .playback-speed{display:none}.action-node{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;min-width:180px;transition:all .15s;box-shadow:0 4px 12px #0000004d}.action-node:hover{border-color:var(--border-light)}.action-node.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow), 0 6px 20px #0006}.action-node-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 12px;display:flex}.action-node-icon{background:var(--accent-glow);width:28px;height:28px;color:var(--accent-light);border-radius:6px;justify-content:center;align-items:center;display:flex}.action-node-title{color:var(--text-primary);flex:1;font-size:12px;font-weight:600}.node-delete-btn{width:18px;height:18px;color:var(--text-muted);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;transition:opacity .15s,background .15s,color .15s;display:flex}.node-delete-btn:hover{opacity:1;color:#ef4444;background:#ef444433}.action-node-body{padding:8px 12px}.action-node-desc{color:var(--text-muted);margin-bottom:6px;font-size:11px}.action-node-meta{color:var(--text-secondary);align-items:center;gap:4px;font-size:11px;display:flex}.trigger-node{box-shadow:0 0 0 1px var(--success-glow), 0 4px 12px #0000004d;background:linear-gradient(135deg,#065f46,#064e3b);border:1px solid #10b981;border-radius:10px;padding:10px 16px}.trigger-node.selected{box-shadow:0 0 0 2px var(--success-glow), 0 0 16px #10b98133}.trigger-node-content{color:#6ee7b7;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.node-handle{border:2px solid var(--accent)!important;background:var(--bg-primary)!important;width:10px!important;height:10px!important}.node-handle:hover{background:var(--accent)!important}.waypoint-node{background:linear-gradient(135deg,#0f2d4a,#0a2038);border:1px solid #2a6ea6;border-radius:10px;min-width:160px;box-shadow:0 4px 12px #0000004d}.waypoint-node:hover{border-color:#48c}.waypoint-node.selected{border-color:#48f;box-shadow:0 0 0 2px #48f3,0 6px 20px #0006}.waypoint-node-content{align-items:center;gap:8px;padding:8px 12px;display:flex}.waypoint-node-icon{flex-shrink:0;font-size:16px}.waypoint-node-label{color:#7ab8ff;font-size:12px;font-weight:600}.waypoint-node-pos{color:var(--text-muted);margin-top:1px;font-size:10px}.viewer-container{background:#1a1b2e;width:100%;height:100%;position:relative}.wp-toolbar{z-index:10;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:8px;right:8px}.wp-fab{border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#1e1f33eb;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .15s;display:flex;box-shadow:0 2px 10px #0006}.wp-fab:active{transform:scale(.92)}.wp-fab.active{border-color:var(--accent);color:var(--accent-light);background:#6366f159;box-shadow:0 0 12px #6366f14d}.wp-fab.success{color:#0f8;background:#00aa5559;border-color:#0a5;box-shadow:0 0 12px #0f83}.wp-fab.danger{color:#f66;background:#cc333359;border-color:#c33}.wp-fab.small{width:36px;height:36px;font-size:14px}.wp-fab.muted{color:var(--text-muted);opacity:.7}.wp-hint{z-index:10;color:#9bf;-webkit-backdrop-filter:blur(8px);background:#1e1f33e0;border:1px solid #4488ff4d;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:500;position:absolute;top:8px;left:8px;right:60px}.wp-action-menu{-webkit-backdrop-filter:blur(12px);white-space:nowrap;background:#141628f2;border:1px solid #a855f766;border-radius:14px;gap:6px;padding:6px 8px;display:flex;box-shadow:0 6px 24px #0009}.wp-action-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:8px 10px;transition:all .12s;display:flex}.wp-action-btn:active{transform:scale(.92)}.wp-action-btn:hover{background:#a855f726;border-color:#a855f74d}.wp-action-btn.assigned{background:#a855f74d;border-color:#a855f7;box-shadow:0 0 10px #a855f74d}.wp-action-emoji{font-size:20px;line-height:1}.wp-action-label{color:#c4b5fd;letter-spacing:.02em;font-size:9px;font-weight:600}.react-flow__minimap{border:1px solid var(--border)!important;border-radius:8px!important;display:none!important}.react-flow__controls{border:1px solid var(--border)!important;box-shadow:none!important;border-radius:8px!important}.react-flow__controls-button{background:var(--bg-tertiary)!important;border-bottom:1px solid var(--border)!important;fill:var(--text-secondary)!important}.react-flow__controls-button:hover{background:var(--bg-hover)!important}@media (width>=769px){.layout-desktop{flex:1;display:flex;overflow:hidden}.layout-mobile{display:none!important}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:240px;display:flex;overflow:hidden}.action-library-header{padding:14px 14px 6px}.action-library-header h3{font-size:14px}.action-library-list{padding:0 10px 10px}.action-category-items{flex-direction:column;gap:2px;display:flex}.action-item{cursor:pointer;padding:8px 10px}.action-item-desc{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.action-item-icon{border-radius:8px;width:32px;height:32px}.action-item-name{font-size:13px}.main-content{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.viewer-panel{flex-direction:column;flex:1;display:flex}.playback-controls{border:none;border-top:1px solid var(--border);box-shadow:none;-webkit-backdrop-filter:none;background:var(--bg-secondary);border-radius:0;gap:20px;height:50px;padding:0 20px}.playback-info{min-width:180px}.playback-step{font-size:13px}.playback-speed{display:flex}.playback-btn{width:36px;height:36px}.playback-btn.play-btn{width:42px;height:42px}}@media (width>=1200px){.sidebar{width:260px}}:root{--bg-primary:#0f1020;--bg-secondary:#161729;--bg-tertiary:#1e1f33;--bg-card:#232440;--bg-hover:#2a2b4a;--border:#2d2e4a;--border-light:#3d3e5a;--text-primary:#e8e9f3;--text-secondary:#9495b0;--text-muted:#6b6c85;--accent:#6366f1;--accent-light:#818cf8;--accent-glow:#6366f126;--success:#10b981;--success-glow:#10b98126;--warning:#f59e0b;--danger:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,sans-serif;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}