.alif-studio-canvas{background-color:#121216;background-image:radial-gradient(#383840 .75px,#0000 .75px);background-size:18px 18px;min-width:0;position:relative;overflow:auto hidden}.alif-studio-canvas:before{content:"";pointer-events:none;background:radial-gradient(circle,#8275e512,#0000 64%);width:560px;height:400px;position:absolute;top:-100px;left:330px}.alif-studio-canvas-meta{color:#8b8992;z-index:4;background:#19191fda;border:1px solid #2d2d35;border-radius:7px;align-items:center;gap:6px;width:max-content;padding:5px 7px;font-size:9px;display:flex;position:sticky;top:12px;left:14px}.alif-studio-canvas-meta .is-live{background:#6de3a5;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #6de3a5}.alif-studio-canvas-meta kbd{background:#26262d;border-radius:3px;margin-left:4px;padding:2px 4px;font-size:8px}.alif-studio-edges{pointer-events:none;z-index:1;position:absolute;top:0;left:0;overflow:visible}.alif-studio-node{z-index:2;background:linear-gradient(145deg,#202027,#19191e);border:1px solid #373740;border-radius:10px;gap:5px;width:184px;height:90px;padding:10px 12px;display:grid;position:absolute;box-shadow:0 10px 24px #0005}.alif-studio-node:hover,.alif-studio-node.is-selected{border-color:#9b90ff}.alif-studio-node.is-selected{box-shadow:0 0 0 2px #8e82ff22,0 14px 30px #0007}.alif-studio-node:before{content:"";opacity:.7;background:#aaa;border-radius:10px 10px 0 0;height:2px;position:absolute;top:0;left:8px;right:8px}.alif-studio-node.kind-image:before{background:#7cb3ff}.alif-studio-node.kind-video:before{background:#ff8a6e}.alif-studio-node.kind-audio:before{background:#c48cff}.alif-studio-node.kind-transform:before{background:#74ddb9}.alif-studio-node.kind-output:before{background:#f4cf6c}.alif-studio-node-header{cursor:grab;touch-action:none;grid-template-columns:18px 1fr auto;align-items:center;display:grid}.alif-studio-node-header:active{cursor:grabbing}.alif-studio-node-header span{color:#a99fff;font-size:12px}.alif-studio-node-header small{color:var(--studio-muted);letter-spacing:.08em;text-transform:uppercase;font-size:8px}.alif-studio-node-header i{color:#63616a;font-size:8px;font-style:normal}.alif-studio-node>strong{font-size:11px}.alif-studio-node>small{color:var(--studio-muted);text-overflow:ellipsis;white-space:nowrap;max-width:158px;font-size:8px;overflow:hidden}.alif-studio-port{z-index:3;background:#1b1b20;border:2px solid #8d83ed;border-radius:50%;width:11px;height:11px;padding:0;position:absolute;top:39px}.alif-studio-port:hover{background:#9c91ff;box-shadow:0 0 10px #9c91ff}.alif-studio-port.is-input{left:-6px}.alif-studio-port.is-output{right:-6px}.alif-studio-canvas.is-connecting .alif-studio-port.is-input{animation:1s infinite alif-port-pulse}@keyframes alif-port-pulse{50%{box-shadow:0 0 10px #a99fff}}.alif-studio-connect-hint{color:#c9c4e4;z-index:5;background:#25232f;border:1px solid #554d82;border-radius:7px;width:max-content;padding:7px 10px;font-size:9px;position:sticky;bottom:12px;left:50%;transform:translate(-50%)}.alif-studio-connect-hint button{color:#aaa1ff;font-size:inherit;background:0 0;border:0;padding:0}