.stage-sidebar{position:absolute;z-index:5;inset:0 auto 0 0;width:132px;padding:15px 10px;border-right:1px solid #282e31;background:#101213f2;box-shadow:12px 0 30px #0004}.stage-brand{height:40px;border-bottom:1px solid #2c3235}.stage-brand img{width:94px;opacity:.8}.stage-sidebar>p{margin:14px 3px 12px;color:#8f999e;font:6px DM Mono;letter-spacing:.7px}.stage-sidebar>p i,.stage-status i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:var(--cyan)}.stage-sidebar>strong{display:block;margin:0 3px 22px;color:#e4e8e9;font-size:9px}.stage-section{display:block;margin:15px 3px 7px;color:#647076;font:6px DM Mono;letter-spacing:.8px}.stage-search{padding:7px;border:1px solid #30373a;border-radius:6px;background:#202426;color:#69757b;font-size:7px}.stage-tool{display:flex;align-items:center;gap:7px;padding:6px 3px}.stage-tool>b{display:grid;place-items:center;width:20px;height:20px;border-radius:5px;background:#282d30;color:#9cc7d0;font:8px DM Mono}.stage-tool>span{display:grid}.stage-tool strong{color:#d9dfe1;font-size:7px}.stage-tool small{color:#667176;font-size:6px}.stage-status{position:absolute;bottom:15px;left:12px;color:#7c878c;font-size:7px}.canvas-stage .stage-label{top:18px;left:150px;right:18px;font-size:7px;letter-spacing:.5px}.canvas-stage .stage-label span:first-child{padding:7px 9px;border:1px solid #30373a;border-radius:6px;background:#151819}.canvas-stage .stage-label span:last-child{padding-top:7px}.canvas-stage .flow-node{border-radius:10px;background:#181b1de8}.canvas-stage .flow-node header{gap:7px;height:36px;padding:0 9px;font-size:8px}.canvas-stage .node-icon{width:20px;height:20px;border-radius:5px;font-size:8px}.canvas-stage .flow-node header small{font-size:6px}.canvas-stage .port{width:11px;height:11px}.canvas-stage .port.input{left:-6px}.canvas-stage .port.output{right:-6px}.canvas-stage .prompt-node{top:218px;left:25%;width:190px}.canvas-stage .prompt-node label{display:block;padding:10px 11px 0;color:#626c71;font:6px DM Mono;letter-spacing:.6px}.canvas-stage .prompt-node p{height:97px;padding:8px 11px;font-size:8px;line-height:1.55}.canvas-stage .image-node{top:107px;left:57%;width:225px}.canvas-stage .model-dot{width:15px;height:15px}.generation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;height:170px;padding:1px;background:#0f1213}.generation-grid i{background:radial-gradient(ellipse at 50% 72%,#69aead80 0 15%,transparent 16%),linear-gradient(145deg,#243438,#111719)}.generation-grid i:nth-child(2n){background:radial-gradient(circle at 65% 38%,#7cb3a755 0 20%,transparent 21%),linear-gradient(35deg,#17292d,#263135)}.generation-grid i:nth-child(3n){background:linear-gradient(135deg,#152326 0 35%,#54898866 36% 42%,#172024 43%)}.canvas-stage .image-node footer{padding:8px 9px;font-size:6px}.canvas-stage .image-node footer strong{padding:3px 5px;border:1px solid #426774;border-radius:4px}.canvas-stage .motion-node{top:376px;left:61%;width:225px}.canvas-stage .motion-preview{height:110px;background:#1c2022}.canvas-stage .motion-preview:before,.canvas-stage .motion-preview:after{display:none}.canvas-stage .motion-preview span{font-size:18px;color:#838d91}.canvas-stage .motion-preview p{z-index:2;margin:-22px 0 0;color:#5f696d;font-size:6px}.canvas-stage .motion-preview i{position:absolute;width:135px;height:135px;border:1px solid #466c7055;border-radius:50%;transform:scaleX(.36) rotate(28deg)}.asset-node-preview{top:421px;left:29%;width:145px;padding:7px}.asset-node-preview>strong{position:absolute;top:-19px;left:5px;color:#8c989d;font-size:7px}.asset-node-preview>div{position:relative;height:112px;overflow:hidden;border-radius:5px;background:radial-gradient(ellipse at 50% 78%,#72b4ad70 0 17%,transparent 18%),linear-gradient(150deg,#273b3f,#111719)}.asset-node-preview>div i{position:absolute;left:50%;bottom:-28px;width:58px;height:128px;border:1px solid #73b5b366;border-radius:60% 40%;transform-origin:bottom}.asset-node-preview>div i:nth-child(1){transform:translateX(-50%) rotate(-34deg)}.asset-node-preview>div i:nth-child(2){transform:translateX(-50%)}.asset-node-preview>div i:nth-child(3){transform:translateX(-50%) rotate(34deg)}.canvas-stage .canvas-toolbar{z-index:6;bottom:20px;left:58%}
@media(max-width:620px){.stage-sidebar{width:96px;padding:12px 7px}.stage-brand img{width:78px}.stage-sidebar>strong{font-size:7px}.stage-tool{gap:4px}.stage-tool>b{width:17px;height:17px}.canvas-stage .stage-label{left:110px}.canvas-stage .prompt-node{left:27%;transform:scale(.72);transform-origin:left center}.canvas-stage .image-node{left:49%;transform:scale(.68);transform-origin:left top}.canvas-stage .motion-node{left:48%;top:365px;transform:scale(.72);transform-origin:left top}.asset-node-preview{left:29%;transform:scale(.72);transform-origin:left top}}