.reference-workflow-demo-module__Ra5CIq__root{min-width:0;margin:0;container-type:inline-size}.reference-workflow-demo-module__Ra5CIq__frame{aspect-ratio:16/10;color:#fff;background:#171717;border:1px solid #ffffff1f;border-radius:18px;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.reference-workflow-demo-module__Ra5CIq__header{border-bottom:1px solid #ffffff14;align-items:center;gap:8px;min-width:0;padding:10px 12px;display:flex}.reference-workflow-demo-module__Ra5CIq__brand{object-fit:contain;flex-shrink:0}.reference-workflow-demo-module__Ra5CIq__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:500;overflow:hidden}.reference-workflow-demo-module__Ra5CIq__badge{color:#dcc5fb;background:#a76df024;border-radius:999px;flex-shrink:0;margin-left:auto;padding:4px 7px;font-size:9px}.reference-workflow-demo-module__Ra5CIq__model{text-overflow:ellipsis;white-space:nowrap;color:#ffffff80;max-width:110px;font-size:10px;overflow:hidden}.reference-workflow-demo-module__Ra5CIq__stage{background:#0d0d0f;min-width:0;min-height:0;display:flex}.reference-workflow-demo-module__Ra5CIq__output{flex:1;min-width:0;min-height:0}.reference-workflow-demo-module__Ra5CIq__resultVideo{object-fit:contain;width:100%;height:100%;display:block}.reference-workflow-demo-module__Ra5CIq__inputRail{background:#1c1c20;flex-shrink:0;align-items:center;gap:8px;width:99px;padding:10px 8px;display:flex}.reference-workflow-demo-module__Ra5CIq__inputList{scrollbar-width:thin;min-width:0;max-height:100%;overflow:auto}.reference-workflow-demo-module__Ra5CIq__input{width:58px;min-width:0;margin:0}.reference-workflow-demo-module__Ra5CIq__input+.reference-workflow-demo-module__Ra5CIq__input{margin-top:8px}.reference-workflow-demo-module__Ra5CIq__inputMedia{aspect-ratio:1;background:#101014;border:1px solid #ffffff26;border-radius:9px;position:relative;overflow:hidden}.reference-workflow-demo-module__Ra5CIq__inputImage,.reference-workflow-demo-module__Ra5CIq__inputVideo{object-fit:contain;width:100%;height:100%}.reference-workflow-demo-module__Ra5CIq__input figcaption{color:#fff9;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:9px;line-height:1.3;overflow:hidden}.reference-workflow-demo-module__Ra5CIq__videoIndicator{color:#fff;background:#000000b3;border-radius:3px;position:absolute;bottom:3px;right:3px}.reference-workflow-demo-module__Ra5CIq__connector{color:#c09afa;flex-shrink:0}.reference-workflow-demo-module__Ra5CIq__direction{border-top:1px solid #ffffff14;min-width:0;padding:9px 12px 11px}.reference-workflow-demo-module__Ra5CIq__directionLabel{color:#ccb2ed;align-items:center;gap:5px;font-size:9px;display:flex}.reference-workflow-demo-module__Ra5CIq__direction p{color:#fffc;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:28px;margin:5px 0 0;font-size:10px;line-height:1.45;display:-webkit-box;overflow:hidden}.reference-workflow-demo-module__Ra5CIq__illustration{background:radial-gradient(at top,#9a5ade1c,#0000 75%),#111114;flex-direction:column;gap:9px;min-height:0;padding:12px;display:flex}.reference-workflow-demo-module__Ra5CIq__illustrationInputs{flex:1;justify-content:center;align-items:stretch;gap:12px;min-height:0;display:flex}.reference-workflow-demo-module__Ra5CIq__illustrationInputs .reference-workflow-demo-module__Ra5CIq__input{flex-direction:column;flex:1;width:100%;max-width:300px;min-height:0;margin:0;display:flex}.reference-workflow-demo-module__Ra5CIq__illustrationInputs .reference-workflow-demo-module__Ra5CIq__inputMedia{aspect-ratio:auto;flex:1;min-height:0}.reference-workflow-demo-module__Ra5CIq__illustrationInputs figcaption{text-align:center;flex-shrink:0;margin-top:6px;font-size:10px}.reference-workflow-demo-module__Ra5CIq__sourcePreview{width:100%;height:100%;min-height:60px;position:relative}.reference-workflow-demo-module__Ra5CIq__workflowSteps{color:#fff9;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:7px;font-size:9px;display:flex}.reference-workflow-demo-module__Ra5CIq__workflowSteps span{background:#ffffff08;border:1px solid #ffffff17;border-radius:8px;align-items:center;gap:4px;padding:5px 7px;animation:7.2s ease-in-out infinite reference-workflow-demo-module__Ra5CIq__workflow-step;display:flex}.reference-workflow-demo-module__Ra5CIq__workflowSteps span:nth-of-type(2){animation-delay:2.4s}.reference-workflow-demo-module__Ra5CIq__workflowSteps span:nth-of-type(3){animation-delay:4.8s}@keyframes reference-workflow-demo-module__Ra5CIq__workflow-step{0%,38%,to{color:#fff9;background:#ffffff08;border-color:#ffffff17}12%,24%{color:#dcc5fb;background:#9a5ade29;border-color:#b27cf773}}@container (max-width:380px){.reference-workflow-demo-module__Ra5CIq__frame{aspect-ratio:auto}.reference-workflow-demo-module__Ra5CIq__header{flex-wrap:wrap}.reference-workflow-demo-module__Ra5CIq__title{max-width:calc(100% - 35px)}.reference-workflow-demo-module__Ra5CIq__badge{margin-left:0}.reference-workflow-demo-module__Ra5CIq__model{margin-left:auto}.reference-workflow-demo-module__Ra5CIq__stage{min-height:180px}.reference-workflow-demo-module__Ra5CIq__inputRail{gap:4px;width:83px;padding:8px 5px}.reference-workflow-demo-module__Ra5CIq__input{width:50px}.reference-workflow-demo-module__Ra5CIq__illustration{min-height:180px}.reference-workflow-demo-module__Ra5CIq__direction p{font-size:11px}}@media (prefers-reduced-motion:reduce){.reference-workflow-demo-module__Ra5CIq__root *,.reference-workflow-demo-module__Ra5CIq__root :before,.reference-workflow-demo-module__Ra5CIq__root :after{transition:none;animation:none}}