.canvas-showcase{--showcase-edge:#e6e8f08c;--showcase-edge-soft:#e6e8f038;--showcase-edge-glow:#fffffff2;--showcase-node-bg:#1a1c22;--showcase-node-border:#ffffff14;--showcase-muted:#e6e8f08c;color:#e8eaf0;isolation:isolate;background:#0a0b0f;width:100%;height:100%;min-height:420px;position:relative;overflow:hidden}.canvas-showcase--background{opacity:1;min-height:0}.canvas-showcase--background .showcase-node__hint{opacity:.75}.canvas-showcase--background .canvas-showcase__flow{width:100%;height:100%;position:absolute;inset:0}.canvas-showcase--light{--showcase-edge:#5a65738c;--showcase-edge-soft:#5a657347;--showcase-edge-glow:#ff4d00d9;--showcase-node-bg:#fff;--showcase-node-border:#e2e6edf2;--showcase-muted:#5a6573bf;color:#141820;background:#eef1f5}.canvas-showcase--light.canvas-showcase--background{opacity:.72}.canvas-showcase--light .canvas-showcase__parallax{opacity:.55;background-image:radial-gradient(#14182014 1px,#0000 1px)}.canvas-showcase--light .showcase-node__header{color:#141820e0}.canvas-showcase--light .showcase-node__icon{color:#5a6573e6;background:#1418200d}.canvas-showcase--light .showcase-node__body{background:#fff;border:1px solid #e2e6edf2;box-shadow:0 1px 2px #0f172a0a,0 8px 20px #0f172a0f}.canvas-showcase--light .showcase-node__placeholder{color:#5a657347}.canvas-showcase--light .showcase-node__waveform{background:linear-gradient(135deg,#ffe8dc 0%,#e8eef8 55%,#f0f2f5 100%)}.canvas-showcase--light .showcase-node__bar{background:#ff4d00bf}.canvas-showcase--light .showcase-node__hint{color:#5a6573d9;background:#ffffffe0;border-color:#e2e6edf2}.canvas-showcase--light .showcase-node__play{color:#ff4d00d9;background:#ff4d0014;border-color:#ff4d0033}.canvas-showcase--light .react-flow__handle{background:#fff!important;border-color:#5a657359!important}.canvas-showcase--light .showcase-comet--head{filter:drop-shadow(0 0 5px #ff4d008c)}.canvas-showcase--light .showcase-comet--t1{stroke:#ff4d008c}.canvas-showcase--light .showcase-comet--t2{stroke:#5a657366}.canvas-showcase--light .showcase-comet--t3{stroke:#5a657347}.canvas-showcase--light .showcase-comet--t4{stroke:#5a657329}.canvas-showcase__parallax{pointer-events:none;z-index:0;opacity:.45;background-image:radial-gradient(#ffffff12 1px,#0000 1px);background-size:28px 28px;animation:40s linear infinite showcase-parallax-drift;position:absolute;inset:-20%}.canvas-showcase__glow{pointer-events:none;z-index:0;filter:blur(80px);border-radius:9999px;position:absolute}.canvas-showcase__glow--a{background:#ff4d001f;width:280px;height:280px;animation:8s ease-in-out infinite showcase-glow-breathe;top:20%;left:15%}.canvas-showcase__glow--b{background:#648cff1a;width:320px;height:320px;animation:11s ease-in-out infinite reverse showcase-glow-breathe;bottom:15%;right:10%}.canvas-showcase__flow{z-index:1;width:100%;height:100%;position:relative}.canvas-showcase .react-flow__attribution{display:none}.canvas-showcase .react-flow__background{opacity:0}.showcase-node{box-sizing:border-box;width:100%;height:100%;box-shadow:none;background:0 0;border:none;flex-direction:column;display:flex;overflow:visible}.showcase-node__header{letter-spacing:.01em;color:#e8eaf0eb;flex-shrink:0;align-items:center;gap:8px;padding:8px 4px 6px;font-size:13px;font-weight:600;display:flex}.showcase-node__icon{color:#e8eaf0bf;background:#ffffff0f;border-radius:9999px;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.showcase-node__body{background:#14161c;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;min-height:0;margin:0;display:flex;position:relative;overflow:hidden}.showcase-node--media .showcase-node__media-frame{aspect-ratio:16/9;justify-content:center;align-items:center;max-width:100%;max-height:100%;margin:auto;display:flex;position:absolute;inset:0}.showcase-node__placeholder{color:#e8eaf038}.showcase-node__waveform{background:linear-gradient(135deg,#3d2a7a 0%,#1a2744 55%,#152033 100%);justify-content:center;align-items:center;gap:3px;padding:0 24px;display:flex;position:absolute;inset:0}.showcase-node__bar{background:#ffffffd9;border-radius:2px;width:3px;animation:1.2s ease-in-out infinite showcase-wave}.showcase-node__bar:first-child{height:28%;animation-delay:0s}.showcase-node__bar:nth-child(2){height:55%;animation-delay:.1s}.showcase-node__bar:nth-child(3){height:78%;animation-delay:.2s}.showcase-node__bar:nth-child(4){height:42%;animation-delay:50ms}.showcase-node__bar:nth-child(5){height:90%;animation-delay:.25s}.showcase-node__bar:nth-child(6){height:60%;animation-delay:.15s}.showcase-node__bar:nth-child(7){height:35%;animation-delay:.3s}.showcase-node__bar:nth-child(8){height:70%;animation-delay:80ms}.showcase-node__bar:nth-child(9){height:48%;animation-delay:.22s}.showcase-node__bar:nth-child(10){height:82%;animation-delay:.12s}.showcase-node__hint{color:var(--showcase-muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0c12b8;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:4px;padding:3px 7px;font-size:10px;font-weight:500;display:inline-flex;position:absolute;bottom:8px;left:8px}.showcase-node__play{color:#ffffffbf;background:#ffffff14;border:1px solid #ffffff1a;border-radius:9999px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.canvas-showcase .react-flow__handle{opacity:.9;background:#2a2d36!important;border:1.5px solid #ffffff59!important;width:8px!important;height:8px!important}.canvas-showcase .react-flow__edge-path.showcase-edge-base{stroke:var(--showcase-edge-soft);stroke-width:2px;stroke-linecap:round;fill:none}.canvas-showcase .react-flow__edge-path.showcase-edge-dash{stroke:var(--showcase-edge);stroke-width:2px;stroke-linecap:round;fill:none;stroke-dasharray:8 5;animation:1.1s linear infinite showcase-edge-dash-flow}.canvas-showcase .showcase-comet{fill:none;pointer-events:none;stroke-linecap:round;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite}.canvas-showcase .showcase-comet--head{stroke:var(--showcase-edge-glow);stroke-width:3.6px;stroke-opacity:1;stroke-dasharray:20 320;filter:drop-shadow(0 0 6px #ffffffd9);animation-name:showcase-comet-head}.canvas-showcase .showcase-comet--t1{stroke:#ffffffbf;stroke-width:3px;stroke-opacity:.7;stroke-dasharray:14 326;animation-name:showcase-comet-t1}.canvas-showcase .showcase-comet--t2{stroke:#e6e8f08c;stroke-width:2.4px;stroke-opacity:.45;stroke-dasharray:14 326;animation-name:showcase-comet-t2}.canvas-showcase .showcase-comet--t3{stroke:#c8cddc66;stroke-width:1.8px;stroke-opacity:.28;stroke-dasharray:14 326;animation-name:showcase-comet-t3}.canvas-showcase .showcase-comet--t4{stroke:#b4b9c84d;stroke-width:1.3px;stroke-opacity:.16;stroke-dasharray:12 328;animation-name:showcase-comet-t4}@keyframes showcase-edge-dash-flow{to{stroke-dashoffset:-13px}}@keyframes showcase-comet-head{0%{stroke-dashoffset:0}to{stroke-dashoffset:-340px}}@keyframes showcase-comet-t1{0%{stroke-dashoffset:11px}to{stroke-dashoffset:-329px}}@keyframes showcase-comet-t2{0%{stroke-dashoffset:22px}to{stroke-dashoffset:-318px}}@keyframes showcase-comet-t3{0%{stroke-dashoffset:33px}to{stroke-dashoffset:-307px}}@keyframes showcase-comet-t4{0%{stroke-dashoffset:44px}to{stroke-dashoffset:-296px}}@keyframes showcase-parallax-drift{0%{transform:translate(0,0)}to{transform:translate(-28px,-28px)}}@keyframes showcase-glow-breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}@keyframes showcase-wave{0%,to{opacity:.7;transform:scaleY(.65)}50%{opacity:1;transform:scaleY(1.15)}}@media (prefers-reduced-motion:reduce){.canvas-showcase__parallax,.canvas-showcase__glow,.canvas-showcase .showcase-edge-dash,.canvas-showcase .showcase-comet,.showcase-node__bar{animation:none!important}}