.vue-flow{z-index:0;direction:ltr;width:100%;height:100%;position:relative;overflow:hidden}.vue-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.vue-flow__pane{z-index:1}.vue-flow__pane.draggable{cursor:grab}.vue-flow__pane.selection{cursor:pointer}.vue-flow__pane.dragging{cursor:grabbing}.vue-flow__transformationpane{transform-origin:0 0;z-index:2;pointer-events:none}.vue-flow__viewport{z-index:4;overflow:clip}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{pointer-events:none;overflow:visible}.vue-flow__edge-path,.vue-flow__connection-path{stroke:#b1b1b7;stroke-width:1px;fill:none}.vue-flow__edge{pointer-events:visibleStroke;cursor:pointer}.vue-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.vue-flow__edge.animated path.vue-flow__edge-interaction{stroke-dasharray:none;animation:none}.vue-flow__edge.inactive{pointer-events:none}.vue-flow__edge.selected,.vue-flow__edge:focus,.vue-flow__edge:focus-visible{outline:none}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:#555}.vue-flow__edge-textwrapper{pointer-events:all}.vue-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.vue-flow__connection{pointer-events:none}.vue-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none;transform-origin:0 0}.vue-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.vue-flow__node.draggable{cursor:grab;pointer-events:all}.vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.vue-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{pointer-events:none;min-width:5px;min-height:5px;position:absolute}.vue-flow__handle.connectable{pointer-events:all;cursor:crosshair}.vue-flow__handle-bottom{bottom:0;left:50%;transform:translate(-50%,50%)}.vue-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.vue-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.vue-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.vue-flow__edgeupdater{cursor:move;pointer-events:all}.vue-flow__panel{z-index:5;margin:15px;position:absolute}.vue-flow__panel.top{top:0}.vue-flow__panel.bottom{bottom:0}.vue-flow__panel.left{left:0}.vue-flow__panel.right{right:0}.vue-flow__panel.center{left:50%;transform:translate(-50%)}@keyframes dashdraw{0%{stroke-dashoffset:10px}}:root{--vf-node-bg:#fff;--vf-node-text:#222;--vf-connection-path:#b1b1b7;--vf-handle:#555}.vue-flow__edge.updating .vue-flow__edge-path{stroke:#777}.vue-flow__edge-text{font-size:10px}.vue-flow__edge-textbg{fill:#fff}.vue-flow__connection-path{stroke:var(--vf-connection-path)}.vue-flow__node{cursor:grab}.vue-flow__node.selectable:focus,.vue-flow__node.selectable:focus-visible{outline:none}.vue-flow__node-default,.vue-flow__node-input,.vue-flow__node-output{text-align:center;width:150px;color:var(--vf-node-text);background-color:var(--vf-node-bg);border-style:solid;border-width:1px;border-color:var(--vf-node-color);border-radius:3px;padding:10px;font-size:12px}.vue-flow__node-default.selected,.vue-flow__node-default.selected:hover,.vue-flow__node-input.selected,.vue-flow__node-input.selected:hover,.vue-flow__node-output.selected,.vue-flow__node-output.selected:hover{box-shadow:0 0 0 .5px var(--vf-box-shadow)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible,.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible,.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{border:1px solid #555;outline:none}.vue-flow__node-default .vue-flow__handle,.vue-flow__node-input .vue-flow__handle,.vue-flow__node-output .vue-flow__handle{background:var(--vf-handle)}.vue-flow__node-default.selectable:hover,.vue-flow__node-input.selectable:hover,.vue-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.vue-flow__node-input{--vf-node-color:var(--vf-node-color,#0041d0);--vf-handle:var(--vf-node-color,#0041d0);--vf-box-shadow:var(--vf-node-color,#0041d0);background:var(--vf-node-bg);border-color:var(--vf-node-color,#0041d0)}.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible{border:1px solid var(--vf-node-color,#0041d0);outline:none}.vue-flow__node-default{--vf-handle:var(--vf-node-color,#1a192b);--vf-box-shadow:var(--vf-node-color,#1a192b);background:var(--vf-node-bg);border-color:var(--vf-node-color,#1a192b)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible{border:1px solid var(--vf-node-color,#1a192b);outline:none}.vue-flow__node-output{--vf-handle:var(--vf-node-color,#ff0072);--vf-box-shadow:var(--vf-node-color,#ff0072);background:var(--vf-node-bg);border-color:var(--vf-node-color,#ff0072)}.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{border:1px solid var(--vf-node-color,#ff0072);outline:none}.vue-flow__nodesselection-rect,.vue-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible,.vue-flow__selection:focus,.vue-flow__selection:focus-visible{outline:none}.vue-flow__handle{background:var(--vf-handle);border:1px solid #fff;border-radius:100%;width:6px;height:6px}.vue-flow__controls{box-shadow:0 0 2px 1px #00000014}.vue-flow__controls-button{box-sizing:content-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fefefe;border:none;border-bottom:1px solid #eee;justify-content:center;align-items:center;width:16px;height:16px;padding:5px;display:flex}.vue-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.vue-flow__controls-button:hover{background:#f4f4f4}.vue-flow__controls-button:disabled{pointer-events:none}.vue-flow__controls-button:disabled svg{fill-opacity:.4}.vue-flow__minimap{background-color:#fff}.vue-flow__minimap.pannable{cursor:grab}.vue-flow__minimap.dragging{cursor:grabbing}.vue-flow__minimap-mask.pannable{cursor:grab}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}.vue-flow__controls-button svg path{fill:#fff}.vue-flow__controls{background:#00000059;border:1px solid #3a3a3a;border-radius:8px;padding:6px 8px}.vue-flow__controls-button{border-radius:6px;width:36px;height:36px;color:#fff!important;background:#2b2b2b!important;border:1px solid #4a4a4a!important}.vue-flow__controls-button+.vue-flow__controls-button{margin-left:8px}.vue-flow__controls-button:hover{background:#3a3a3a!important;border-color:#646cff!important}.vue-flow__controls-button svg{width:18px;height:18px}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.yarn-node{color:#fff;box-sizing:border-box;background:#2b2b2b;border:1px solid #444;border-radius:8px;width:320px;padding:12px;overflow:hidden}.title-row{align-items:center;gap:8px;display:flex}.title-input{flex:1;min-width:0;max-width:100%}.section{margin-top:12px}.section-header{margin-bottom:6px;font-weight:600}.line-row,.option-row{align-items:center;gap:6px;margin-bottom:6px;display:flex}.line-input,.opt-text{flex:1;min-width:0;max-width:100%}.opt-to{width:160px;min-width:0;max-width:160px}.line-row label{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.line-row label select{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;max-width:100%;display:block;overflow:hidden}.primary{color:#fff;background:#1f3b6e;border:1px solid #395a9c}.danger{color:#fff;background:#5a1a1a;border:1px solid #7a2a2a}button{padding:4px 8px}input,select{color:#fff;background:#1a1a1a;border:1px solid #555;border-radius:4px;height:28px;padding:4px 6px}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:10px;flex-direction:column;width:90vw;max-width:1000px;max-height:90vh;display:flex}.modal-header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.modal-title{font-weight:600}.modal-close{color:#fff;background:#2b2b2b;border:1px solid #555;border-radius:4px}.modal-body{padding:12px;overflow:auto}.modal-editor{justify-content:center;display:flex}.modal-editor .yarn-node{width:100%;max-width:800px}.graph-editor{height:100%}.flow-canvas{background:#101010;width:100%;height:520px}.toolbar{align-items:center;gap:12px;margin-bottom:8px;display:flex}.editor-fullscreen-overlay{z-index:1000;background:#0b0b0b;flex-direction:column;display:flex;position:fixed;inset:0}.editor-fullscreen-toolbar{border-bottom:1px solid #222;align-items:center;gap:10px;padding:8px;display:flex}.editor-fullscreen-toolbar button+button{margin-left:0}.flow-canvas.full{background:#101010;width:100vw;height:calc(100vh - 50px)}.asset-manager{border:1px solid #333;border-radius:8px;padding:8px}.inputs{gap:12px;display:flex}.list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:12px;display:grid}.asset{color:#fff;background:#1a1a1a;border-radius:6px;padding:8px}.meta{color:#ccc;margin-bottom:8px;font-size:12px}.text-preview{background:#111;max-height:140px;padding:6px;overflow:auto}.image-preview img{object-fit:contain;max-width:100%;max-height:180px}.player{border:1px solid #333;border-radius:8px;padding:8px}.player-toolbar{gap:10px;margin-bottom:8px;display:flex}.screen{background:#000;border-radius:8px;width:100%;height:420px;position:relative;overflow:hidden}.bg-video,.bg-image{object-fit:contain;object-position:center;background:#000;width:100%;height:100%;position:absolute;inset:0}.dialogue-box{color:#fff;background:#0009;padding:12px;position:absolute;bottom:0;left:0;right:0}.dialogue-box .line{font-size:16px}.options{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}#app{max-width:1200px;margin:0 auto;padding:16px}.actions{align-items:center;gap:12px;margin-bottom:12px;display:flex}.actions .import input{margin-left:8px}.actions select{height:28px}section{margin-top:20px}h2{margin-bottom:8px;font-size:18px}.editor-actions{gap:8px;margin-bottom:8px;display:flex}