.base-node[data-v-6c96304e]{position:absolute;padding:0;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:10}.node-selected[data-v-6c96304e]{-webkit-box-shadow:0 0 0 1px #0097cc,0 0 8px rgba(0,151,204,.5);box-shadow:0 0 0 1px #0097cc,0 0 8px rgba(0,151,204,.5)}.base-node.selected[data-v-6c96304e]{border-color:#00b2ff;-webkit-box-shadow:0 0 8px rgba(0,178,255,.5);box-shadow:0 0 8px rgba(0,178,255,.5)}.node-content-wrapper[data-v-6c96304e]{width:100%;padding:10px}.connection-points-container[data-v-6c96304e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;position:absolute;top:0;z-index:3;padding:10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}.input-points-container[data-v-6c96304e]{left:0}.output-points-container[data-v-6c96304e]{right:0}.connection-point-wrapper[data-v-6c96304e]{position:relative;height:40px;pointer-events:auto}.connection-point-wrapper[data-v-6c96304e]:before{content:"";position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:crosshair;z-index:5}.input-points-container .connection-point-wrapper[data-v-6c96304e]:before{width:30px;height:30px;right:-9px}.output-points-container .connection-point-wrapper[data-v-6c96304e]:before{width:40px;height:40px;left:-14px}.connection-point[data-v-6c96304e]{width:12px;height:12px;border:2px solid #fff;border-radius:50%;cursor:crosshair;-webkit-transition:background-color .2s ease;transition:background-color .2s ease;z-index:4;position:absolute;top:50%;pointer-events:none}.input-points-container .connection-point[data-v-6c96304e]{right:0;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%)}.output-points-container .connection-point[data-v-6c96304e]{left:0;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.connection-point-wrapper:hover .connection-point[data-v-6c96304e]{background-color:#eee}.connection-point-wrapper.highlight-port .connection-point[data-v-6c96304e]{-webkit-animation:pulse-6c96304e 1s infinite;animation:pulse-6c96304e 1s infinite;-webkit-box-shadow:0 0 10px rgba(0,151,255,.8);box-shadow:0 0 10px rgba(0,151,255,.8)}.connection-point-wrapper.highlight-port .connection-label[data-v-6c96304e]{background-color:rgba(0,151,255,.7);font-weight:700}@-webkit-keyframes pulse-6c96304e{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.3);transform:scale(1.3)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse-6c96304e{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.3);transform:scale(1.3)}to{-webkit-transform:scale(1);transform:scale(1)}}.input-points-container .connection-point-wrapper.highlight-port .connection-point[data-v-6c96304e]{-webkit-animation:pulse-input-6c96304e 1s infinite;animation:pulse-input-6c96304e 1s infinite;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes pulse-input-6c96304e{0%{-webkit-transform:translate(50%,-50%) scale(1);transform:translate(50%,-50%) scale(1)}50%{-webkit-transform:translate(50%,-50%) scale(1.3);transform:translate(50%,-50%) scale(1.3)}to{-webkit-transform:translate(50%,-50%) scale(1);transform:translate(50%,-50%) scale(1)}}@keyframes pulse-input-6c96304e{0%{-webkit-transform:translate(50%,-50%) scale(1);transform:translate(50%,-50%) scale(1)}50%{-webkit-transform:translate(50%,-50%) scale(1.3);transform:translate(50%,-50%) scale(1.3)}to{-webkit-transform:translate(50%,-50%) scale(1);transform:translate(50%,-50%) scale(1)}}.connection-label[data-v-6c96304e]{position:absolute;white-space:nowrap;font-size:12px;color:#fff;padding:2px 6px;background-color:rgba(0,0,0,.5);border-radius:20px;pointer-events:none;z-index:3;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.input-label[data-v-6c96304e]{right:11px;text-align:right}.output-label[data-v-6c96304e]{left:11px;text-align:left}.custom-tooltip[data-v-6c96304e]{position:absolute;background-color:rgba(45,45,45,.9);color:#eee;padding:4px 8px;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:10;pointer-events:none;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.3);box-shadow:0 2px 5px rgba(0,0,0,.3);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.input-tooltip[data-v-6c96304e]{right:14px}.output-tooltip[data-v-6c96304e]{left:14px}.connection-point-wrapper[data-v-6c96304e]:empty{display:none}.node-actions[data-v-6c96304e]{position:absolute;bottom:-50px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;grid-gap:5px;gap:5px;background-color:rgba(40,40,40,.8);padding:4px 8px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 1px 3px rgba(0,0,0,.3);z-index:11}.action-button[data-v-6c96304e]{background:none;border:1px solid #aaa;border-radius:3px;cursor:pointer;-webkit-transition:background-color .2s ease,border-color .2s ease;transition:background-color .2s ease,border-color .2s ease}.action-button[data-v-6c96304e]:hover{background-color:#555;border-color:#ccc}.node-checkbox[data-v-6c96304e]{position:absolute;top:10px;left:-25px;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:5}.checkbox-container[data-v-6c96304e]{display:block;position:relative;cursor:pointer;width:16px;height:16px}.checkbox-container input[data-v-6c96304e]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark[data-v-6c96304e]{position:absolute;top:0;left:0;height:16px;width:16px;background-color:hsla(0,0%,100%,.1);border:2px solid #666;border-radius:3px;-webkit-transition:all .2s ease;transition:all .2s ease}.checkbox-container:hover .checkmark[data-v-6c96304e]{background-color:hsla(0,0%,100%,.2);border-color:#888}.checkbox-container input:checked~.checkmark[data-v-6c96304e]{background-color:#00b2ff;border-color:#00b2ff}.checkmark[data-v-6c96304e]:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark[data-v-6c96304e]:after{display:block}.checkbox-container .checkmark[data-v-6c96304e]:after{left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.node-highlighted[data-v-6c96304e]{-webkit-filter:drop-shadow(0 0 8px rgba(0,212,255,.5));filter:drop-shadow(0 0 8px rgba(0,212,255,.5));-webkit-transition:opacity .3s ease,-webkit-filter .3s ease;transition:opacity .3s ease,-webkit-filter .3s ease;transition:filter .3s ease,opacity .3s ease;transition:filter .3s ease,opacity .3s ease,-webkit-filter .3s ease;z-index:5}.node-selected.node-highlighted[data-v-6c96304e]{-webkit-box-shadow:0 0 0 1px #00d4ff,0 0 12px rgba(0,212,255,.6);box-shadow:0 0 0 1px #00d4ff,0 0 12px rgba(0,212,255,.6)}.node-darkened[data-v-6c96304e]{opacity:.4;-webkit-filter:grayscale(.7);filter:grayscale(.7);-webkit-transition:opacity .3s ease,-webkit-box-shadow .3s ease,-webkit-filter .3s ease;transition:opacity .3s ease,-webkit-box-shadow .3s ease,-webkit-filter .3s ease;transition:box-shadow .3s ease,opacity .3s ease,filter .3s ease;transition:box-shadow .3s ease,opacity .3s ease,filter .3s ease,-webkit-box-shadow .3s ease,-webkit-filter .3s ease;z-index:1}.node-darkened .connection-point[data-v-6c96304e]{opacity:.5}.rotate-180deg[data-v-71869e6a]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.story-composition-canvas[data-v-21c3a663]{width:100%;height:800px;position:relative;overflow:hidden;cursor:-webkit-grab;cursor:grab;background-image:linear-gradient(#1f1f23 1px,transparent 0),linear-gradient(90deg,#1f1f23 1px,transparent 0);background-size:20px 20px}.node[data-v-21c3a663]{position:absolute;padding:0;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:2}.node-content[data-v-21c3a663]{padding:10px 15px;text-align:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.node.dragging[data-v-21c3a663]{cursor:-webkit-grabbing;cursor:grabbing;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.2);box-shadow:0 6px 12px rgba(0,0,0,.2);z-index:10}.connection-point[data-v-21c3a663]{width:12px;height:12px;background-color:#ccc;border:1px solid #777;border-radius:50%;cursor:crosshair;-ms-flex-negative:0;flex-shrink:0;z-index:3;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.connection-point[data-v-21c3a663]:hover{background-color:#eee}.input-point[data-v-21c3a663]{margin-left:-6px;background-color:#add8e6}.output-point[data-v-21c3a663]{margin-right:-6px;background-color:#f08080}.connections-svg[data-v-21c3a663]{position:absolute;top:0;left:0;height:100%;z-index:1}.connection-line[data-v-21c3a663]{fill:none;stroke-width:2.5px;stroke-linecap:round;-webkit-transition:stroke .3s ease,opacity .3s ease;transition:stroke .3s ease,opacity .3s ease}.connection-line.active[data-v-21c3a663]{stroke-width:4px}.connection-line.highlighted[data-v-21c3a663]{stroke-width:3px;-webkit-filter:drop-shadow(0 0 4px rgba(0,212,255,.6));filter:drop-shadow(0 0 4px rgba(0,212,255,.6))}.connection-line.darkened[data-v-21c3a663]{stroke:#666;stroke-width:2px;opacity:.3}.drawing-line[data-v-21c3a663]{fill:none;stroke-width:2px;stroke-dasharray:4,4}.node-drawer[data-v-21c3a663]{position:absolute;top:60px;right:0;border-radius:8px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);padding:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;grid-gap:5px;gap:5px;min-width:180px;background-color:#3b3c3e}.drawer-item[data-v-21c3a663]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 12px;border-radius:4px;cursor:pointer;-webkit-transition:background-color .2s ease;transition:background-color .2s ease;grid-gap:10px;gap:10px;position:relative}.drawer-item-icon[data-v-21c3a663]{display:inline-block;width:24px;height:24px;border-radius:4px;background-color:#f0f0f0;color:#323335;text-align:center;line-height:24px;font-weight:700;font-size:14px;-ms-flex-negative:0;flex-shrink:0}.drawer-item-name[data-v-21c3a663]{font-size:14px;white-space:nowrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.drawer-item-shortcut[data-v-21c3a663]{font-size:12px;color:#888;background-color:#555;padding:2px 6px;border-radius:3px;opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;white-space:nowrap}.drawer-item[data-v-21c3a663]:hover{background-color:#fff}.drawer-item:hover .drawer-item-icon[data-v-21c3a663]{background-color:#0e0e10;color:#fff}.drawer-item:hover .drawer-item-name[data-v-21c3a663]{color:#323335}.drawer-item:hover .drawer-item-shortcut[data-v-21c3a663]{opacity:1;color:#666;background-color:#e0e0e0}.drawer-enter-active[data-v-21c3a663],.drawer-leave-active[data-v-21c3a663]{-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,transform .2s ease;transition:opacity .2s ease,transform .2s ease,-webkit-transform .2s ease;-webkit-transform-origin:top right;transform-origin:top right}.drawer-enter-from[data-v-21c3a663],.drawer-leave-to[data-v-21c3a663]{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}.ghost-node[data-v-21c3a663]{opacity:.7;cursor:-webkit-grabbing;cursor:grabbing;border-style:dashed;pointer-events:none;z-index:15;background-color:#202020}.canvas-content-wrapper[data-v-21c3a663]{position:relative;height:100%;min-width:100%;-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}.zoom-controls button[data-v-21c3a663]:active{-webkit-transform:scale(.95);transform:scale(.95)}.save-toast[data-v-21c3a663]{background-color:#10b981;color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);-webkit-animation:saveToastFadeIn-21c3a663 .3s ease-out;animation:saveToastFadeIn-21c3a663 .3s ease-out}@-webkit-keyframes saveToastFadeIn-21c3a663{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes saveToastFadeIn-21c3a663{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes pulse-21c3a663{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-21c3a663{0%,to{opacity:1}50%{opacity:.5}}.bg-plaxorange[data-v-21c3a663]{background-color:#ff9500}.bg-plaxorange span[data-v-21c3a663]{-webkit-animation:pulse-21c3a663 1.5s ease-in-out infinite;animation:pulse-21c3a663 1.5s ease-in-out infinite}