@keyframes canvas-in-move-left{0%{translate:-100% 0;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-move-left{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{translate:-100% 0;opacity:0;visibility:hidden}}@keyframes canvas-in-move-right{0%{translate:100% 0;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-move-right{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{translate:100% 0;opacity:0;visibility:hidden}}@keyframes canvas-in-move-up{0%{translate:0 -100%;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-move-up{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{translate:0 -100%;opacity:0;visibility:hidden}}@keyframes canvas-in-move-down{0%{translate:0 100%;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-move-down{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{translate:0 100%;opacity:0;visibility:hidden}}@keyframes canvas-in-move-nw{0%{translate:-80% -80%;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-move-nw{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{translate:-80% -80%;opacity:0;visibility:hidden}}@keyframes canvas-in-move-ne{0%{translate:80% -80%;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-move-ne{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{translate:80% -80%;opacity:0;visibility:hidden}}@keyframes canvas-in-move-sw{0%{translate:-80% 80%;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-move-sw{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{translate:-80% 80%;opacity:0;visibility:hidden}}@keyframes canvas-in-move-se{0%{translate:80% 80%;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-move-se{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{translate:80% 80%;opacity:0;visibility:hidden}}@keyframes canvas-in-size-0{0%{scale:.2;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-size-0{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{scale:.2;opacity:0;visibility:hidden}}@keyframes canvas-in-size-1{0%{scale:.6;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-size-1{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{scale:.6;opacity:0;visibility:hidden}}@keyframes canvas-in-size-2{0%{scale:1.5;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-size-2{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{scale:1.5;opacity:0;visibility:hidden}}@keyframes canvas-in-size-3{0%{scale:2.5;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-size-3{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{scale:2.5;opacity:0;visibility:hidden}}@keyframes canvas-in-size-4{0%{scale:.1 1;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-size-4{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{scale:.1 1;opacity:0;visibility:hidden}}@keyframes canvas-in-size-5{0%{scale:1 .1;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-size-5{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{scale:1 .1;opacity:0;visibility:hidden}}@keyframes canvas-in-size-6{0%{scale:2 .3;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-size-6{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{scale:2 .3;opacity:0;visibility:hidden}}@keyframes canvas-in-size-7{0%{scale:.3 2;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-size-7{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{scale:.3 2;opacity:0;visibility:hidden}}@keyframes canvas-in-turn-0{0%{rotate:-180deg;scale:.6;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-turn-0{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{rotate:-180deg;scale:.6;opacity:0;visibility:hidden}}@keyframes canvas-in-turn-1{0%{rotate:-90deg;scale:.6;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-turn-1{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{rotate:-90deg;scale:.6;opacity:0;visibility:hidden}}@keyframes canvas-in-turn-2{0%{rotate:-30deg;scale:.6;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-turn-2{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{rotate:-30deg;scale:.6;opacity:0;visibility:hidden}}@keyframes canvas-in-turn-3{0%{rotate:30deg;scale:.6;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-turn-3{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{rotate:30deg;scale:.6;opacity:0;visibility:hidden}}@keyframes canvas-in-turn-4{0%{rotate:90deg;scale:.6;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-turn-4{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{rotate:90deg;scale:.6;opacity:0;visibility:hidden}}@keyframes canvas-in-turn-5{0%{rotate:180deg;scale:.6;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-turn-5{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{rotate:180deg;scale:.6;opacity:0;visibility:hidden}}@keyframes canvas-in-turn-6{0%{rotate:-360deg;scale:.6;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-turn-6{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{rotate:-360deg;scale:.6;opacity:0;visibility:hidden}}@keyframes canvas-in-turn-7{0%{rotate:360deg;scale:.6;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-turn-7{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{rotate:360deg;scale:.6;opacity:0;visibility:hidden}}@keyframes canvas-in-flip-0{0%{rotate:x 90deg;scale:.8;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-flip-0{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{rotate:x 90deg;scale:.8;opacity:0;visibility:hidden}}@keyframes canvas-in-flip-1{0%{rotate:x -90deg;scale:.8;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-flip-1{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{rotate:x -90deg;scale:.8;opacity:0;visibility:hidden}}@keyframes canvas-in-flip-2{0%{rotate:x 180deg;scale:.8;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-flip-2{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{rotate:x 180deg;scale:.8;opacity:0;visibility:hidden}}@keyframes canvas-in-flip-3{0%{rotate:x -180deg;scale:.8;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-flip-3{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{rotate:x -180deg;scale:.8;opacity:0;visibility:hidden}}@keyframes canvas-in-flip-4{0%{rotate:y 90deg;scale:.8;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-flip-4{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{rotate:y 90deg;scale:.8;opacity:0;visibility:hidden}}@keyframes canvas-in-flip-5{0%{rotate:y -90deg;scale:.8;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-flip-5{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{rotate:y -90deg;scale:.8;opacity:0;visibility:hidden}}@keyframes canvas-in-flip-6{0%{rotate:y 180deg;scale:.8;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-flip-6{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{rotate:y 180deg;scale:.8;opacity:0;visibility:hidden}}@keyframes canvas-in-flip-7{0%{rotate:y -180deg;scale:.8;opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-flip-7{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{rotate:y -180deg;scale:.8;opacity:0;visibility:hidden}}@keyframes canvas-in-bounce-0{0%{translate:-40% 0;scale:.4;opacity:0}65%{scale:1.08;translate:0 0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-bounce-0{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{translate:-40% 0;scale:.4;opacity:0;visibility:hidden}}@keyframes canvas-in-bounce-1{0%{translate:40% 0;scale:.4;opacity:0}65%{scale:1.08;translate:0 0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-bounce-1{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{translate:40% 0;scale:.4;opacity:0;visibility:hidden}}@keyframes canvas-in-bounce-2{0%{translate:0 -40%;scale:.4;opacity:0}65%{scale:1.08;translate:0 0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-bounce-2{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{translate:0 -40%;scale:.4;opacity:0;visibility:hidden}}@keyframes canvas-in-bounce-3{0%{translate:0 40%;scale:.4;opacity:0}65%{scale:1.08;translate:0 0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-bounce-3{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{translate:0 40%;scale:.4;opacity:0;visibility:hidden}}@keyframes canvas-in-bounce-4{0%{translate:-30% -30%;scale:.4;opacity:0}65%{scale:1.08;translate:0 0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-bounce-4{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{translate:-30% -30%;scale:.4;opacity:0;visibility:hidden}}@keyframes canvas-in-bounce-5{0%{translate:30% 30%;scale:.4;opacity:0}65%{scale:1.08;translate:0 0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-bounce-5{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{translate:30% 30%;scale:.4;opacity:0;visibility:hidden}}@keyframes canvas-in-bounce-6{0%{translate:-30% 30%;scale:.4;opacity:0}65%{scale:1.08;translate:0 0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-bounce-6{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{translate:-30% 30%;scale:.4;opacity:0;visibility:hidden}}@keyframes canvas-in-bounce-7{0%{translate:30% -30%;scale:.4;opacity:0}65%{scale:1.08;translate:0 0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-bounce-7{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{translate:30% -30%;scale:.4;opacity:0;visibility:hidden}}@keyframes canvas-in-reveal-0{0%{clip-path:inset(0 100% 0 0);opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-reveal-0{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{clip-path:inset(0 100% 0 0);opacity:0;visibility:hidden}}@keyframes canvas-in-reveal-1{0%{clip-path:inset(0 0 0 100%);opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-reveal-1{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{clip-path:inset(0 0 0 100%);opacity:0;visibility:hidden}}@keyframes canvas-in-reveal-2{0%{clip-path:inset(100% 0 0 0);opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-reveal-2{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{clip-path:inset(100% 0 0 0);opacity:0;visibility:hidden}}@keyframes canvas-in-reveal-3{0%{clip-path:inset(0 0 100% 0);opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-reveal-3{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{clip-path:inset(0 0 100% 0);opacity:0;visibility:hidden}}@keyframes canvas-in-reveal-4{0%{clip-path:inset(0 50%);opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-reveal-4{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{clip-path:inset(0 50%);opacity:0;visibility:hidden}}@keyframes canvas-in-reveal-5{0%{clip-path:inset(50% 0);opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-reveal-5{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{clip-path:inset(50% 0);opacity:0;visibility:hidden}}@keyframes canvas-in-reveal-6{0%{clip-path:circle(0% at 50% 50%);opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-reveal-6{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{clip-path:circle(0% at 50% 50%);opacity:0;visibility:hidden}}@keyframes canvas-in-reveal-7{0%{clip-path:circle(0% at 0% 0%);opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-reveal-7{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{clip-path:circle(0% at 0% 0%);opacity:0;visibility:hidden}}@keyframes canvas-in-reveal-8{0%{clip-path:circle(0% at 100% 100%);opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-reveal-8{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{clip-path:circle(0% at 100% 100%);opacity:0;visibility:hidden}}@keyframes canvas-in-reveal-9{0%{clip-path:inset(50% round 50%);opacity:0}to{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-reveal-9{0%{translate:0 0;scale:1;rotate:0deg;clip-path:inset(0);opacity:var(--canvas-opacity,1)}to{clip-path:inset(50% round 50%);opacity:0;visibility:hidden}}@keyframes canvas-in-spring-x{0%{translate:-120% 0;scale:.7;opacity:0}75%{translate:0 0;scale:1.06;rotate:0deg;opacity:var(--canvas-opacity,1)}to{translate:0 0;scale:1;rotate:0deg;opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-spring-x{0%{translate:0 0;scale:1;rotate:0deg;opacity:var(--canvas-opacity,1)}to{translate:-120% 0;scale:.7;opacity:0;visibility:hidden}}@keyframes canvas-in-spring-y{0%{translate:0 -120%;scale:.7;opacity:0}75%{translate:0 0;scale:1.06;rotate:0deg;opacity:var(--canvas-opacity,1)}to{translate:0 0;scale:1;rotate:0deg;opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-spring-y{0%{translate:0 0;scale:1;rotate:0deg;opacity:var(--canvas-opacity,1)}to{translate:0 -120%;scale:.7;opacity:0;visibility:hidden}}@keyframes canvas-in-spiral{0%{rotate:540deg;scale:.05;opacity:0}75%{translate:0 0;scale:1.06;rotate:0deg;opacity:var(--canvas-opacity,1)}to{translate:0 0;scale:1;rotate:0deg;opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-spiral{0%{translate:0 0;scale:1;rotate:0deg;opacity:var(--canvas-opacity,1)}to{rotate:540deg;scale:.05;opacity:0;visibility:hidden}}@keyframes canvas-in-hinge-left{0%{rotate:-100deg;translate:-60% -25%;opacity:0}75%{translate:0 0;scale:1.06;rotate:0deg;opacity:var(--canvas-opacity,1)}to{translate:0 0;scale:1;rotate:0deg;opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-hinge-left{0%{translate:0 0;scale:1;rotate:0deg;opacity:var(--canvas-opacity,1)}to{rotate:-100deg;translate:-60% -25%;opacity:0;visibility:hidden}}@keyframes canvas-in-hinge-right{0%{rotate:100deg;translate:60% -25%;opacity:0}75%{translate:0 0;scale:1.06;rotate:0deg;opacity:var(--canvas-opacity,1)}to{translate:0 0;scale:1;rotate:0deg;opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-hinge-right{0%{translate:0 0;scale:1;rotate:0deg;opacity:var(--canvas-opacity,1)}to{rotate:100deg;translate:60% -25%;opacity:0;visibility:hidden}}@keyframes canvas-in-roll-left{0%{rotate:-270deg;translate:-110% 0;opacity:0}75%{translate:0 0;scale:1.06;rotate:0deg;opacity:var(--canvas-opacity,1)}to{translate:0 0;scale:1;rotate:0deg;opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-roll-left{0%{translate:0 0;scale:1;rotate:0deg;opacity:var(--canvas-opacity,1)}to{rotate:-270deg;translate:-110% 0;opacity:0;visibility:hidden}}@keyframes canvas-in-roll-right{0%{rotate:270deg;translate:110% 0;opacity:0}75%{translate:0 0;scale:1.06;rotate:0deg;opacity:var(--canvas-opacity,1)}to{translate:0 0;scale:1;rotate:0deg;opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-roll-right{0%{translate:0 0;scale:1;rotate:0deg;opacity:var(--canvas-opacity,1)}to{rotate:270deg;translate:110% 0;opacity:0;visibility:hidden}}@keyframes canvas-in-stretch-pop{0%{scale:.15 1.6;opacity:0}75%{translate:0 0;scale:1.06;rotate:0deg;opacity:var(--canvas-opacity,1)}to{translate:0 0;scale:1;rotate:0deg;opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-stretch-pop{0%{translate:0 0;scale:1;rotate:0deg;opacity:var(--canvas-opacity,1)}to{scale:.15 1.6;opacity:0;visibility:hidden}}@keyframes canvas-in-drop-pop{0%{translate:0 -160%;scale:1.2 .6;opacity:0}75%{translate:0 0;scale:1.06;rotate:0deg;opacity:var(--canvas-opacity,1)}to{translate:0 0;scale:1;rotate:0deg;opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-drop-pop{0%{translate:0 0;scale:1;rotate:0deg;opacity:var(--canvas-opacity,1)}to{translate:0 -160%;scale:1.2 .6;opacity:0;visibility:hidden}}@keyframes canvas-in-lift-spin{0%{translate:0 90%;rotate:-45deg;scale:.4;opacity:0}75%{translate:0 0;scale:1.06;rotate:0deg;opacity:var(--canvas-opacity,1)}to{translate:0 0;scale:1;rotate:0deg;opacity:var(--canvas-opacity,1)}}@keyframes canvas-out-lift-spin{0%{translate:0 0;scale:1;rotate:0deg;opacity:var(--canvas-opacity,1)}to{translate:0 90%;rotate:-45deg;scale:.4;opacity:0;visibility:hidden}}@keyframes canvas-sway{0%{translate:-3% 0}to{translate:3% 0}}@keyframes canvas-rock{0%{rotate:-5deg}to{rotate:5deg}}@keyframes canvas-heartbeat{0%,40%,to{scale:1}15%,65%{scale:1.09}30%,80%{scale:1.02}}@keyframes canvas-shake-x{0%,to{translate:0 0}20%,60%{translate:-3% 0}40%,80%{translate:3% 0}}@keyframes canvas-shake-y{0%,to{translate:0 0}20%,60%{translate:0 -3%}40%,80%{translate:0 3%}}@keyframes canvas-orbit{0%,to{translate:0 -2%}25%{translate:2% 0}50%{translate:0 2%}75%{translate:-2% 0}}@keyframes canvas-spin{0%{rotate:0deg}to{rotate:360deg}}@keyframes canvas-breathe{0%{scale:1;opacity:var(--canvas-opacity,1)}to{scale:1.03;opacity:calc(var(--canvas-opacity,1)*.7)}}@keyframes canvas-stretch{0%{scale:.97 1.03}to{scale:1.03 .97}}@keyframes canvas-flutter{0%,to{rotate:0deg}25%{rotate:-9deg;scale:.96 1.03}75%{rotate:9deg;scale:1.03 .96}}@keyframes canvas-swing-wide{0%{translate:-8% 0;rotate:-6deg}to{translate:8% 0;rotate:6deg}}@keyframes canvas-hop{0%,to{translate:0 0;scale:1}40%{translate:0 -10%;scale:1.02 .98}80%{translate:0 0;scale:1.05 .95}}@keyframes canvas-pendulum{0%{rotate:-12deg;translate:-3% 0}to{rotate:12deg;translate:3% 0}}@keyframes canvas-heartbeat-soft{0%,to{scale:1}25%{scale:1.04}50%{scale:1}70%{scale:1.025}}@keyframes canvas-zoom-wave{0%{scale:.92}to{scale:1.12}}@keyframes canvas-tilt-x{0%{rotate:x -20deg}to{rotate:x 20deg}}@keyframes canvas-tilt-y{0%{rotate:y -20deg}to{rotate:y 20deg}}@keyframes canvas-orbit-wide{0%,to{translate:0 -7%}25%{translate:7% 0}50%{translate:0 7%}75%{translate:-7% 0}}@keyframes canvas-figure-eight{0%,50%,to{translate:0 0}12.5%{translate:5% -4%}25%{translate:8% 0}37.5%{translate:5% 4%}62.5%{translate:-5% -4%}75%{translate:-8% 0}87.5%{translate:-5% 4%}}@keyframes canvas-drift-diagonal{0%{translate:-3% 3%}to{translate:3% -3%}}@keyframes canvas-jelly{0%,to{scale:1}25%{scale:1.12 .88;rotate:-2deg}50%{scale:.9 1.1;rotate:2deg}75%{scale:1.04 .96}}@font-face{font-family:GDECK Flags;src:url(./fonts/NotoColorEmoji-flagsonly.ttf) format("truetype");font-style:normal;font-weight:400 900;font-display:block;unicode-range:U+1F1E6-1F1FF,U+1F3F4,U+E0000-E007F}.canvas-composition{position:relative!important;display:block!important;width:100%;padding:0!important;overflow:hidden;container-type:inline-size;isolation:isolate}.canvas-node{position:absolute;box-sizing:border-box;min-width:0;transform-origin:center}.canvas-node-content{width:100%;height:100%;position:relative;white-space:pre-wrap;overflow-wrap:anywhere}.canvas-node-content>img,.canvas-node-content>video{width:100%;height:100%;object-fit:contain}.canvas-node-content>video{display:block;background:transparent}.canvas-node-content>table{width:100%;border-collapse:collapse;font:inherit;color:inherit}.canvas-node-content td{padding:.2em;border-bottom:1px solid currentColor}.canvas-icon{display:grid;place-items:center}.canvas-icon>.lucide{width:100%;height:100%}.canvas-progress{height:40%;width:100%;background:#ffffff30;overflow:hidden}.canvas-progress>div{height:100%}.canvas-animation{position:absolute;inset:0;pointer-events:none}.canvas-missing{font-size:.6em}.canvas-node-content>.overlay-composition{max-height:none}@keyframes canvas-in-fade{0%{opacity:0}to{opacity:var(--canvas-opacity,1)}}@keyframes canvas-in-slide{0%{opacity:0;translate:0 20%}to{opacity:1;translate:0 0}}@keyframes canvas-in-zoom{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}@keyframes canvas-out-fade{to{opacity:0;visibility:hidden}}@keyframes canvas-out-slide{to{opacity:0;translate:0 -20%;visibility:hidden}}@keyframes canvas-out-zoom{to{opacity:0;scale:.5;visibility:hidden}}@keyframes canvas-out-hide{to{visibility:hidden}}@keyframes canvas-pulse{to{scale:1.04}}@keyframes canvas-float{to{translate:0 -2%}}@media(prefers-reduced-motion:reduce){.canvas-node,.canvas-node-content{animation:none!important;translate:none!important;scale:1!important;rotate:none!important;clip-path:none!important}}.canvas-composition{background:transparent!important}.canvas-media-frame{width:100%;height:100%;overflow:hidden}.canvas-media-frame>.canvas-node-content>img,.canvas-media-frame>.canvas-node-content>video{display:block}.canvas-background-fx{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;isolation:isolate}.canvas-background-fx>div{position:absolute;inset:-50%;background:linear-gradient(120deg,var(--fx-a),var(--fx-b),var(--fx-a));background-size:200% 200%;animation:creator-gradient var(--fx-speed) linear infinite}.canvas-background-fx[data-background-effect=particles]>div{background:radial-gradient(circle,var(--fx-b) 0 2px,transparent 3px) 0 0/43px 61px,radial-gradient(circle,var(--fx-a) 0 3px,transparent 4px) 19px 21px/71px 97px;animation:creator-particles var(--fx-speed) linear infinite}.canvas-background-fx[data-background-effect=waves]>div{background:repeating-radial-gradient(ellipse at 20% 50%,transparent 0 22px,var(--fx-b) 24px 26px,transparent 28px 48px);animation:creator-waves var(--fx-speed) ease-in-out infinite alternate}.canvas-background-fx[data-background-effect=grid]>div{background:linear-gradient(90deg,var(--fx-b) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(var(--fx-b) 1px,transparent 1px) 0 0/40px 40px;animation:creator-particles var(--fx-speed) linear infinite}@keyframes creator-gradient{0%{background-position:0% 50%;transform:rotate(0)}to{background-position:200% 50%;transform:rotate(360deg)}}@keyframes creator-particles{0%{transform:translateY(0)}to{transform:translateY(-25%)}}@keyframes creator-waves{0%{transform:scale(.8) rotate(-10deg)}to{transform:scale(1.2) rotate(10deg)}}.canvas-background-fx[data-background-effect=aurora]>div{background:radial-gradient(ellipse at 20% 40%,var(--fx-a),transparent 38%),radial-gradient(ellipse at 78% 60%,var(--fx-b),transparent 42%);filter:blur(20px);animation:creator-drift var(--fx-speed) ease-in-out infinite alternate}.canvas-background-fx[data-background-effect=mesh]>div{background:radial-gradient(circle at 15% 20%,var(--fx-a),transparent 28%),radial-gradient(circle at 85% 30%,var(--fx-b),transparent 30%),radial-gradient(circle at 50% 85%,var(--fx-a),transparent 34%);animation:creator-drift var(--fx-speed) ease-in-out infinite alternate}.canvas-background-fx[data-background-effect=plasma]>div{background:conic-gradient(from 0deg,var(--fx-a),transparent,var(--fx-b),transparent,var(--fx-a));filter:blur(14px);animation:creator-spin var(--fx-speed) linear infinite}.canvas-background-fx[data-background-effect=stars]>div{background:radial-gradient(circle,#fff 0 1px,transparent 1.7px) 0 0/31px 37px,radial-gradient(circle,var(--fx-b) 0 1.5px,transparent 2px) 13px 19px/53px 61px;animation:creator-fall var(--fx-speed) linear infinite}.canvas-background-fx[data-background-effect=bokeh]>div{background:radial-gradient(circle,var(--fx-a) 0 5%,transparent 8%) 0 0/90px 110px,radial-gradient(circle,var(--fx-b) 0 7%,transparent 10%) 31px 47px/130px 100px;filter:blur(3px);animation:creator-drift var(--fx-speed) ease-in-out infinite alternate}.canvas-background-fx[data-background-effect=confetti]>div{background:conic-gradient(from 20deg at 20% 20%,transparent 0 35%,var(--fx-a) 36% 41%,transparent 42%),conic-gradient(from 80deg at 70% 60%,transparent 0 42%,var(--fx-b) 43% 48%,transparent 49%);background-size:70px 80px;animation:creator-fall var(--fx-speed) linear infinite}.canvas-background-fx[data-background-effect=snow]>div{background:radial-gradient(circle,#fff 0 2px,transparent 2.5px) 0 0/38px 45px,radial-gradient(circle,#ffffffaa 0 3px,transparent 3.5px) 18px 25px/67px 73px;animation:creator-fall var(--fx-speed) linear infinite}.canvas-background-fx[data-background-effect=rain]>div{background:repeating-linear-gradient(105deg,transparent 0 18px,var(--fx-b) 19px 21px,transparent 22px 42px);animation:creator-fall calc(var(--fx-speed)*.45) linear infinite}.canvas-background-fx[data-background-effect=ripples]>div{background:repeating-radial-gradient(circle at center,transparent 0 22px,var(--fx-b) 24px 26px,transparent 28px 52px);animation:creator-ripple var(--fx-speed) ease-out infinite}.canvas-background-fx[data-background-effect=perspective]>div{background:linear-gradient(90deg,var(--fx-b) 1px,transparent 1px) 0 0/50px 50px,linear-gradient(var(--fx-b) 1px,transparent 1px) 0 0/50px 50px;transform:perspective(300px) rotateX(55deg) scale(1.5);animation:creator-grid var(--fx-speed) linear infinite}.canvas-background-fx[data-background-effect=scanlines]>div{background:repeating-linear-gradient(0deg,transparent 0 8px,var(--fx-b) 9px 10px);animation:creator-scan calc(var(--fx-speed)*.5) linear infinite}.canvas-background-fx[data-background-effect=diagonal]>div{background:repeating-linear-gradient(125deg,var(--fx-a) 0 18px,var(--fx-b) 18px 36px,transparent 36px 54px);animation:creator-slide var(--fx-speed) linear infinite}.canvas-background-fx[data-background-effect=checker]>div{background:conic-gradient(from 90deg,var(--fx-a) 25%,var(--fx-b) 0 50%,var(--fx-a) 0 75%,var(--fx-b) 0);background-size:48px 48px;animation:creator-slide var(--fx-speed) linear infinite}.canvas-background-fx[data-background-effect=spotlight]>div{background:radial-gradient(ellipse at 50% 35%,var(--fx-b),transparent 52%);animation:creator-spot var(--fx-speed) ease-in-out infinite alternate}.canvas-background-fx[data-background-effect=shimmer]>div{background:linear-gradient(110deg,transparent 30%,var(--fx-b) 46%,#fff 50%,var(--fx-a) 54%,transparent 70%);background-size:250% 100%;animation:creator-shimmer var(--fx-speed) linear infinite}.canvas-background-fx[data-background-effect=orbit]>div{background:radial-gradient(circle at center,transparent 0 24%,var(--fx-a) 25% 27%,transparent 28% 42%,var(--fx-b) 43% 45%,transparent 46%);animation:creator-spin var(--fx-speed) linear infinite}.canvas-background-fx[data-background-effect=noise]>div{background:repeating-radial-gradient(circle at 30% 40%,var(--fx-a) 0 1px,transparent 1px 4px),repeating-radial-gradient(circle at 70% 60%,var(--fx-b) 0 1px,transparent 1px 5px);animation:creator-noise calc(var(--fx-speed)*.12) steps(5) infinite}@keyframes creator-drift{0%{transform:translate(-8%,-5%) scale(.9) rotate(-5deg)}to{transform:translate(8%,6%) scale(1.12) rotate(6deg)}}@keyframes creator-spin{to{transform:rotate(360deg)}}@keyframes creator-fall{0%{transform:translateY(-20%)}to{transform:translateY(20%)}}@keyframes creator-ripple{0%{transform:scale(.75);opacity:.35}to{transform:scale(1.25);opacity:1}}@keyframes creator-grid{0%{background-position:0 0,0 0}to{background-position:50px 0,0 50px}}@keyframes creator-scan{to{background-position:0 180px}}@keyframes creator-slide{to{background-position:180px 120px}}@keyframes creator-spot{0%{transform:translate(-18%) scale(.85)}to{transform:translate(18%) scale(1.15)}}@keyframes creator-shimmer{to{background-position:-250% 0}}@keyframes creator-noise{0%{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}}@media(prefers-reduced-motion:reduce){.canvas-background-fx>div{animation:none!important}}.canvas-editor{width:calc(100vw - 32px);max-width:1800px;height:calc(100vh - 32px);max-height:none;padding:0;overflow:auto;background:var(--surface);color:var(--text)}.canvas-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--surface);border-bottom:1px solid var(--border)}.canvas-header h2{margin:0 0 6px}.canvas-header [role=status]{font-size:.8rem;color:var(--muted)}.canvas-panels{display:grid;grid-template-columns:230px minmax(300px,1fr) 320px;min-height:calc(100% - 95px)}.canvas-insert,.canvas-inspector{padding:16px;border-right:1px solid var(--border);min-width:0;max-height:calc(100vh - 130px);overflow:auto}.canvas-inspector{border-right:0;border-left:1px solid var(--border)}.canvas-insert-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.canvas-insert-grid .button{font-size:.75rem;padding:10px 5px}.canvas-workspace{min-width:0;padding:12px;display:flex;flex-direction:column}.canvas-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.canvas-toolbar .field{max-width:200px}.canvas-toolbar .hint{display:none}.canvas-toolbar .button{font-size:.75rem;padding:8px}.canvas-viewport{position:relative;flex:1;min-height:400px;height:calc(100vh - 275px);overflow:auto;display:grid;place-items:start center;background:var(--input-bg);border:1px solid var(--border);padding:24px}.canvas-stage{flex:none;position:relative;touch-action:none;background-image:conic-gradient(#80808033 25%,transparent 0 50%,#80808033 0 75%,transparent 0);background-size:16px 16px;outline:1px solid var(--border)}.canvas-stage>.canvas-composition{width:100%;height:100%}.canvas-stage[data-guides=true]:after{content:"";pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(90deg,transparent calc(50% - .5px),#ba91ff80 50%,transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),#ba91ff80 50%,transparent calc(50% + .5px));border:1px dashed #a886db}.canvas-selected{outline:2px solid #b48aff;outline-offset:1px}.canvas-resize{position:absolute;bottom:-5px;right:-5px;width:12px!important;height:12px!important;padding:0!important;border:1px solid white;background:#9564ff;cursor:nwse-resize;z-index:4}.canvas-layer{display:flex;align-items:center;gap:2px;margin:5px 0}.canvas-layer>.button:first-of-type{flex:1;min-width:0;overflow-wrap:anywhere;white-space:normal;text-align:left;justify-content:start;font-size:.75rem;padding:8px}.canvas-layer .icon{padding:4px;min-width:24px}.canvas-fields{padding:0;border:0;min-width:0}.canvas-fields .field{margin-bottom:12px}.canvas-fields input,.canvas-fields textarea,.canvas-fields select{width:100%;min-width:0}.canvas-fields input[type=checkbox]{width:auto}.canvas-fields textarea{min-height:100px}.canvas-fields input[type=color]{height:38px;padding:3px}.canvas-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.canvas-inspector .tabs{display:flex;flex-wrap:wrap;gap:4px}.canvas-inspector .tabs .button{padding:8px;font-size:.72rem}.canvas-inspector [data-variable]{display:block;text-align:left;white-space:normal;overflow-wrap:anywhere;width:100%;margin:5px 0;font-size:.75rem}.canvas-inspector h4{margin:20px 0 10px}.canvas-review{width:min(800px,95vw);max-height:95vh;overflow:auto}.canvas-review-preview{width:280px;max-width:100%;margin:auto;container-type:inline-size}.canvas-editor .overlay-components-editor .overlay-form-grid{display:block}@media(max-width:1100px){.canvas-panels{grid-template-columns:180px minmax(260px,1fr) 265px}.canvas-header{flex-wrap:wrap}.canvas-inspector,.canvas-insert{max-height:calc(100vh - 180px)}}@media(max-width:800px){.canvas-panels{grid-template-columns:minmax(0,1fr)}.canvas-workspace{grid-row:1}.canvas-inspector,.canvas-insert{max-height:none;border:0}.canvas-viewport{height:450px}.canvas-insert-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.canvas-header{position:static}.canvas-editor{width:calc(100vw - 12px);height:calc(100vh - 12px)}.canvas-header .actions{flex-wrap:wrap}}.canvas-editor .lucide{flex-shrink:0}.canvas-insert>h3,.canvas-layers>h3{display:flex;align-items:center;gap:8px}.canvas-insert-grid .button{justify-content:flex-start;gap:6px;padding:9px 5px;white-space:normal;min-height:40px}.canvas-insert-grid .button>span{min-width:0;text-align:left}.canvas-insert-grid .lucide{width:18px;height:18px;color:var(--accent)}.canvas-layers>.actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin-top:8px}.canvas-layers>.actions .button{width:100%;min-width:0;padding:5px;font-size:.75rem;gap:0;justify-content:center;white-space:nowrap}.canvas-layer[draggable=true]{cursor:grab}.canvas-layer[data-dragging=true]{opacity:.45}.canvas-layer[data-layer-drop=inside]{outline:2px solid var(--accent);outline-offset:-2px;background:var(--button-hover)}.canvas-layer[data-layer-drop=before]{border-top:2px solid var(--accent)}.canvas-stage[data-layer-drop=true]{outline:2px solid var(--accent)}.canvas-layer>.button:first-of-type{gap:6px}.canvas-layer>.button:first-of-type>span{min-width:0}.canvas-layer>.button:first-of-type>.lucide{width:15px;height:15px}.canvas-inspector>.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-inspector>.tabs .button{justify-content:flex-start;gap:6px}.canvas-toolbar .overlay-checkbox{gap:5px}.canvas-layer>input[type=checkbox]{flex:0 0 14px;width:14px;height:14px;margin:0 4px 0 0;padding:0}.canvas-editor[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;width:calc(100vw - 16px);height:calc(100dvh - 16px);max-width:none;box-sizing:border-box}.canvas-header{padding:8px 12px;gap:8px;flex-wrap:nowrap;min-width:0}.canvas-header h2{font-size:1rem;margin:0 0 3px}.canvas-header>div:first-child{min-width:0}.canvas-header [role=status]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-header .actions{gap:6px;flex-wrap:nowrap}.canvas-header .button{min-height:34px;padding:7px;font-size:.75rem}.canvas-panels{min-height:0;overflow:hidden;grid-template-columns:210px minmax(0,1fr) 290px}.canvas-insert,.canvas-inspector{min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;padding:10px}.canvas-workspace{min-height:0;overflow:hidden;padding:8px;gap:6px}.canvas-workspace>.hint{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.72rem;flex-shrink:0}.canvas-workspace>.hint:hover{white-space:normal}.canvas-toolbar{gap:4px;flex-shrink:0;align-items:center}.canvas-toolbar .field{margin:0;max-width:180px;min-width:0;flex:0 1 180px}.canvas-format>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.canvas-toolbar .field select{height:34px;min-height:34px;padding:5px 8px;font-size:.72rem;line-height:1.2;width:100%}.canvas-toolbar .field .select-trigger{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-toolbar output{font-size:.72rem;min-width:37px;text-align:center}.canvas-editor .canvas-tool{display:inline-flex;align-items:center;justify-content:center;width:34px;min-width:34px;height:34px;min-height:34px;padding:7px;gap:0;flex-shrink:0}.canvas-tool[aria-pressed=true]{background:var(--accent);color:#fff}.canvas-tool:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.canvas-viewport{min-height:0;height:auto;flex:1;display:flex;padding:16px;overscroll-behavior:contain}.canvas-stage{margin:auto;flex-shrink:0}.canvas-insert-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:8px 0}.canvas-insert-grid .canvas-tool{width:100%;justify-content:center;padding:7px;min-height:34px}.canvas-insert>h3,.canvas-layers>h3{font-size:.85rem;margin:10px 0}.canvas-layers>.actions{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.canvas-layers>.actions .canvas-tool{width:100%;min-width:0;height:30px;min-height:30px;justify-content:center;padding:5px}.canvas-layer>.button:first-of-type{padding:5px;font-size:.72rem}.canvas-layers>.hint{font-size:.7rem;margin:6px 0}.canvas-inspector>.tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.canvas-inspector>.tabs .canvas-inspector-tab{width:100%;min-width:0;justify-content:flex-start;gap:6px;white-space:nowrap}.canvas-inspector>.tabs .canvas-inspector-tab[aria-selected=true]{border-bottom:2px solid var(--accent);color:var(--accent)}@media(max-width:1100px){.canvas-panels{grid-template-columns:175px minmax(0,1fr) 245px}.canvas-header{flex-wrap:nowrap}}@media(max-width:800px){.canvas-panels{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,3fr) minmax(0,2fr)}.canvas-workspace{grid-column:1/-1;grid-row:1}.canvas-insert,.canvas-inspector{grid-row:2;max-height:none;border-top:1px solid var(--border)}.canvas-header{position:sticky}.canvas-header .actions{flex-wrap:nowrap}.canvas-toolbar .field{flex-basis:155px}.canvas-insert-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:480px){.canvas-header h2{font-size:.8rem}.canvas-header [role=status]{max-width:140px;font-size:.65rem}.canvas-header #canvas-review{font-size:0;gap:0}.canvas-header #canvas-review .lucide{width:18px}.canvas-insert-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.canvas-header .actions{gap:2px}}.canvas-dock{display:flex;flex-direction:column;min-width:0;min-height:0;gap:4px;padding:4px;background:var(--surface);border-right:1px solid var(--border);overflow:hidden}.canvas-dock[data-dock-side=right]{border-right:0;border-left:1px solid var(--border)}.canvas-dock-target{outline:2px dashed var(--accent);outline-offset:-3px}.canvas-dock[data-empty=true]:after{content:"Arrastra un panel aqu\ed";font-size:.75rem;color:var(--muted);padding:12px}.canvas-dock-panel{display:flex;flex-direction:column;min-height:0;flex:1;overflow:hidden;border:1px solid var(--border);border-radius:5px}.canvas-dock-header{display:flex;align-items:center;justify-content:space-between;gap:2px;padding:4px;flex:none;cursor:grab;border-bottom:1px solid var(--border);min-width:0}.canvas-dock-header>span{display:flex;align-items:center;gap:4px;font-size:.72rem;min-width:0}.canvas-dock-header>span>.lucide{width:14px}.canvas-dock-header>div{display:flex;gap:1px}.canvas-dock-header .canvas-tool{width:23px;min-width:23px;height:26px;min-height:26px;padding:3px}.canvas-dock-header .lucide{width:15px;height:15px}.canvas-dock-content{min-height:0;overflow:auto;overscroll-behavior:contain;flex:1}.canvas-dock-content[hidden]{display:none}.canvas-dock-content>.canvas-insert,.canvas-dock-content>.canvas-inspector{overflow:visible;border:0;padding:8px;max-height:none}.canvas-dock-content>.canvas-layers{padding:6px}.canvas-insert>h3,.canvas-layers>h3{display:none}.canvas-dock:has(>.canvas-dock-panel:not([data-collapsed=true])~.canvas-dock-panel:not([data-collapsed=true]))>.canvas-dock-panel[data-dock-panel=elements]:not([data-collapsed=true]){flex:0 1 220px}@media(max-width:1100px)and (min-width:801px){.canvas-panels{grid-template-columns:205px minmax(0,1fr) 245px}}@media(max-width:800px){.canvas-dock{grid-row:2}.canvas-dock[data-dock-side=left]{grid-column:1}.canvas-dock[data-dock-side=right]{grid-column:2}.canvas-dock-header>span>.lucide{display:none}}.canvas-content-field{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:6px;align-items:end;margin-bottom:12px}.canvas-content-field>.field{margin-bottom:0}.canvas-content-field>.canvas-tool{margin-bottom:0}.canvas-content-picker{grid-column:1/-1;border:1px solid var(--border);border-radius:6px;padding:8px;min-width:0}.canvas-content-picker>.hint{margin:6px 0;font-size:.72rem}.canvas-content-results{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow:auto;overscroll-behavior:contain}.canvas-content-results>.button{display:flex;gap:6px;text-align:left;justify-content:flex-start;padding:7px;white-space:normal;min-width:0}.canvas-content-results strong,.canvas-content-results small{display:block;overflow-wrap:anywhere;font-size:.72rem}.canvas-content-results small{font-size:.65rem;color:var(--muted)}.canvas-content-picker>input{background:var(--input-bg);color:var(--text);border:1px solid var(--border);border-radius:5px;padding:8px;min-height:36px;font:inherit}.canvas-inspector>.tabs{position:sticky;top:0;z-index:3;background:var(--surface);padding:4px 0;border-bottom:1px solid var(--border)}.canvas-inspector>h3{font-size:.82rem;margin:8px 0 2px}.canvas-inspector>.hint{font-size:.68rem;margin-bottom:8px}.canvas-inspector .field{margin:0 0 6px!important;gap:3px}.canvas-inspector .field>label{font-size:.7rem;line-height:1.25;margin:0}.canvas-inspector .field>.hint:empty{display:none}.canvas-inspector input:not([type=checkbox]),.canvas-inspector select,.canvas-inspector textarea{min-height:30px;padding:5px 7px;font-size:.75rem;line-height:1.25}.canvas-inspector .field input[type=color]{height:30px;padding:2px}.canvas-inspector .field input[type=number]{font-variant-numeric:tabular-nums}.canvas-inspector .overlay-checkbox{font-size:.7rem;line-height:1.3;gap:5px;margin:4px 0}.canvas-inspector .hint{font-size:.68rem;line-height:1.4}.canvas-inspector .button{font-size:.7rem;padding:6px;min-height:30px}.canvas-property-section{border-top:1px solid var(--border);margin:0}.canvas-property-section>summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none;padding:8px 2px;font-size:.75rem;font-weight:600}.canvas-property-section>summary::-webkit-details-marker{display:none}.canvas-property-section>summary .lucide{width:15px;height:15px}.canvas-property-section>summary>.lucide:last-child{margin-left:auto;width:13px;transform:rotate(-90deg)}.canvas-property-section[open]>summary>.lucide:last-child{transform:rotate(0)}.canvas-property-section>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.canvas-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px;padding:3px 0 10px;min-width:0}.canvas-section-grid>*,.canvas-section-grid>.field:has(input[type=text],input[type=file],textarea,select){grid-column:1/-1;min-width:0}.canvas-section-grid>.field:has(input[type=number],input[type=color]){grid-column:auto}.canvas-section-grid>.field .hint{margin:0}.canvas-align-tools{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px!important;margin:0!important}.canvas-align-tools .canvas-tool{width:100%;min-width:0;height:28px;min-height:28px;padding:4px;justify-content:center}.canvas-content-field{margin:0}.canvas-content-field>.field{margin:0!important}.canvas-section-grid .canvas-content-field .canvas-tool{height:30px;min-height:30px}.canvas-section-grid>[data-variable],.canvas-inspector [data-variable]{padding:6px;margin:3px 0;font-size:.7rem}.canvas-property-section[data-property-section="variables:binding"] .canvas-section-grid>div:not(.field){max-height:210px;overflow:auto}.canvas-layers>.hint{line-height:1.3;margin:5px 0}.canvas-layer{margin:3px 0}.canvas-dock-header{position:relative;z-index:4}.canvas-inline-help>summary{display:flex;align-items:center;gap:4px;font-size:.68rem;color:var(--muted);cursor:pointer;list-style:none}.canvas-inline-help>summary>.lucide{width:13px;height:13px}.canvas-inline-help>.hint{margin:5px 0}.canvas-section-grid .canonical-select>.select-trigger{min-height:28px;padding:2px;line-height:1.2}.canvas-inspector .canonical-select{min-height:30px;height:30px}.canvas-inspector .canonical-select>.select-trigger>selectedcontent{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-inspector .canonical-select{padding:0!important}.canvas-inspector .canonical-select>.select-trigger{display:flex;align-items:center;min-height:0;height:28px;padding:0 7px;line-height:1.2;box-sizing:border-box}.canvas-toolbar .canonical-select{padding:0!important}.canvas-toolbar .canonical-select>.select-trigger{min-height:0;height:32px;padding:0 8px;line-height:1.2;align-items:center;box-sizing:border-box}.creator-gallery{width:min(1100px,calc(100vw - 32px));max-width:1100px;max-height:calc(100dvh - 32px);padding:18px;overflow:auto;background:var(--surface)}.creator-gallery>header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:-18px;background:var(--surface);z-index:2;padding:12px 0;gap:10px}.creator-gallery>header h2{margin:0}.creator-gallery-tools{display:flex;gap:10px;margin-bottom:12px}.creator-gallery input{min-width:0;flex:1;padding:8px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px}.creator-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.creator-template-grid>article{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--border);border-radius:8px;min-width:0}.creator-template-grid small{color:var(--muted)}.creator-template-preview{height:170px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--surface-raised);container-type:inline-size}.creator-template-preview>.canvas-composition{max-height:170px;max-width:100%;width:auto!important;min-width:100px}.creator-template-preview *{animation-play-state:paused!important}.creator-animation-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}.creator-animation-grid>.button{display:flex;flex-direction:column;overflow:hidden;min-height:95px;gap:12px}.creator-animation-preview{display:block;font-weight:800;color:var(--accent)}@media(max-width:800px){.creator-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-animation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:500px){.creator-gallery-tools{flex-direction:column}.creator-template-grid,.creator-animation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-gallery{padding:10px}}@media(prefers-reduced-motion:reduce){.creator-animation-preview{animation:none!important}}.canvas-data-tool{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;white-space:nowrap;min-height:34px}.canvas-data-tool small{font-size:9px;opacity:.8}.canvas-data-tool[aria-pressed=true]{background:var(--accent,#7534cf);color:#fff;border-color:currentColor}.canvas-data-tool small:before{content:"\25cf";margin-right:3px}.creator-template-preview .canvas-node,.canvas-review-preview .canvas-node{animation:none!important}.canvas-node[data-clip-children=true]>.canvas-resize{right:0;bottom:0}.canvas-editor[open]{height:calc(100dvh - 80px);margin:72px auto 8px}.canvas-stage>.canvas-resize{right:auto;bottom:auto;transform:none;border-radius:2px}.canvas-resize-n,.canvas-resize-s{cursor:ns-resize}.canvas-resize-e,.canvas-resize-w{cursor:ew-resize}.canvas-resize-ne,.canvas-resize-sw{cursor:nesw-resize}.canvas-resize-nw,.canvas-resize-se{cursor:nwse-resize}.canvas-corner-radius{position:absolute;width:10px;height:10px;padding:0;border:2px solid #fff;border-radius:50%;background:#ffb020;z-index:7;cursor:crosshair}.canvas-marquee{position:absolute;pointer-events:none;border:1px solid #b48aff;background:#9564ff24;z-index:8}.canvas-ruler{position:absolute;pointer-events:auto;z-index:5;user-select:none;color:#d9c7ff;background:#141020cc;font:9px/1 monospace;overflow:hidden}.canvas-ruler-x{left:0;right:0;top:0;height:18px;border-bottom:1px solid #9564ff;cursor:col-resize}.canvas-ruler-y{top:0;bottom:0;left:0;width:22px;border-right:1px solid #9564ff;cursor:row-resize}.canvas-ruler-x span{position:absolute;top:3px;border-left:1px solid currentColor;padding-left:2px}.canvas-ruler-y span{position:absolute;left:2px;border-top:1px solid currentColor;padding-top:2px;writing-mode:vertical-rl}.canvas-guide{position:absolute;padding:0;border:0;z-index:6;opacity:.85}.canvas-guide-x{top:0;bottom:0;width:9px;transform:translate(-4px);cursor:col-resize;background:linear-gradient(90deg,transparent 4px,#49d7ff 4px 5px,transparent 5px)}.canvas-guide-y{left:0;right:0;height:9px;transform:translateY(-4px);cursor:row-resize;background:linear-gradient(transparent 4px,#49d7ff 4px 5px,transparent 5px)}.canvas-guide-drag{pointer-events:none;opacity:1}.canvas-guide-list{display:grid;gap:5px}.canvas-guide-row{display:grid;grid-template-columns:auto 1fr 30px;align-items:end;gap:5px}.canvas-guide-row .field{margin:0!important}.canvas-gradient-stops{grid-column:1/-1;display:grid;gap:6px;padding:7px;border:1px solid var(--border);border-radius:6px}.canvas-gradient-stop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 30px;gap:5px;align-items:end}.canvas-gradient-stop .field{margin:0!important}.canvas-tool[data-tooltip]{position:relative}.canvas-tool[data-tooltip]:hover:after,.canvas-tool[data-tooltip]:focus-visible:after{content:attr(data-tooltip);position:absolute;z-index:50;top:calc(100% + 7px);left:50%;transform:translate(-50%);width:max-content;max-width:220px;padding:6px 8px;border:1px solid var(--border);border-radius:5px;background:var(--surface-raised);color:var(--text);font:11px/1.3 Arial,sans-serif;box-shadow:var(--shadow);pointer-events:none}.creator-gallery[open]{position:fixed;inset:72px auto auto 50%;transform:translate(-50%);max-height:calc(100dvh - 88px);margin:0}@media(max-width:800px){.canvas-editor[open]{height:calc(100dvh - 52px);margin:48px auto 4px}.canvas-gradient-stop{grid-template-columns:1fr 1fr}.creator-gallery[open]{inset:52px auto auto 50%;max-height:calc(100dvh - 60px)}}@media(min-width:1100px){.canvas-toolbar .canvas-tool{width:30px;min-width:30px;height:30px;min-height:30px;padding:5px}.canvas-data-tool{min-height:30px;padding:3px 5px}.canvas-toolbar .canonical-select>.select-trigger{height:30px}.canvas-toolbar{row-gap:0}}.creator-background-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.creator-background-grid>.button{position:relative;display:flex;flex-direction:column;min-height:112px;overflow:hidden;padding:7px;gap:7px}.creator-background-preview{position:relative!important;inset:auto!important;width:100%;height:76px;flex:none;border-radius:6px;background:#080d18}.creator-background-grid>.button>span{font-size:.72rem}.creator-background-gallery[open]{width:min(780px,calc(100vw - 32px));max-width:780px}@media(max-width:800px){.creator-background-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.canvas-editor,.canvas-editor button,.canvas-editor label,.canvas-editor summary{user-select:none}.canvas-editor input,.canvas-editor textarea,.canvas-editor [contenteditable=true]{user-select:text}.canvas-editor[open]{position:fixed;inset:8px;margin:0;width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.canvas-layer-list{min-height:0}.canvas-layer{padding-left:calc(var(--layer-depth,0) * 8px)}.canvas-layer-toggle,.canvas-layer-toggle-placeholder{flex:0 0 22px;width:22px;height:26px;min-width:22px}.canvas-layer-toggle{padding:3px}.canvas-layer-toggle .lucide{width:14px;height:14px;transition:transform .15s ease}.canvas-layer-toggle[aria-expanded=false] .lucide{transform:rotate(-90deg)}.canvas-layer-action-dock{position:sticky;bottom:-6px;z-index:8;margin:6px -6px -6px;padding:5px 6px 6px;border-top:1px solid var(--border);background:var(--surface);box-shadow:0 -8px 16px color-mix(in srgb,var(--surface) 88%,transparent)}.canvas-layer-action-dock .canvas-layer-selection{margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-layer-action-dock>.canvas-layer-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:0;flex-direction:row}.canvas-layer-actions .canvas-tool{width:100%;min-width:0;height:30px;min-height:30px;padding:5px}.canvas-guide-manager{margin:2px 0 7px;padding-bottom:6px;border-bottom:1px solid var(--border)}.canvas-guide-manager-head{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,28px);gap:3px;align-items:center}.canvas-guide-manager-head .canvas-tool,.canvas-guide-actions .canvas-tool{width:28px;min-width:28px;height:28px;min-height:28px;padding:4px}.canvas-guide-summary{display:flex;align-items:center;justify-content:flex-start;gap:5px;min-width:0;height:30px;padding:4px 6px;font-size:.72rem}.canvas-guide-summary span{overflow:hidden;text-overflow:ellipsis}.canvas-guide-summary .lucide{width:14px;height:14px;transition:transform .15s ease}.canvas-guide-summary[aria-expanded=false] .lucide{transform:rotate(-90deg)}.canvas-guide-actions{display:flex;gap:4px;margin:5px 0}.canvas-guide-row{grid-template-columns:18px minmax(0,1fr) 28px;align-items:end}.canvas-guide-row>.lucide{width:15px;height:15px;align-self:center;color:var(--accent)}.canvas-guide-row .canvas-tool{width:28px;min-width:28px;height:28px;min-height:28px;padding:4px}.canvas-ruler-x{top:-19px}.canvas-ruler-y{left:-23px}@media(max-width:800px){.canvas-editor[open]{inset:4px;margin:0;width:calc(100vw - 8px);height:calc(100dvh - 8px);max-height:calc(100dvh - 8px)}}.canvas-guide-dialog{width:min(380px,calc(100vw - 32px));padding:18px;background:var(--surface);color:var(--text)}.canvas-guide-dialog h2{margin-top:0}.canvas-guide-dialog .actions{justify-content:flex-end}.canvas-context-toolbar{display:flex;align-items:center;gap:4px;min-height:34px;padding:3px 5px;border:1px solid var(--border);border-radius:6px;background:var(--surface-raised);overflow-x:auto;overflow-y:hidden;flex:none}.canvas-context-toolbar[hidden]{display:none}.canvas-context-title{display:inline-flex;align-items:center;gap:5px;max-width:150px;padding:0 7px;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-context-title .lucide{width:15px;height:15px;color:var(--accent)}.canvas-context-toolbar .canvas-tool{width:28px;min-width:28px;height:28px;min-height:28px;padding:4px}.canvas-context-toolbar .field{display:flex;align-items:center;gap:5px;min-width:155px;max-width:230px;margin:0}.canvas-context-toolbar .field>label{font-size:.68rem;white-space:nowrap}.canvas-context-toolbar .field>.hint{display:none}.canvas-context-toolbar .canonical-select{height:28px;min-height:28px;padding:0!important}.canvas-context-toolbar .canonical-select>.select-trigger{height:26px;min-height:26px;padding:0 6px}.canvas-corner-radius.canvas-corner-selected{background:#32d6ff;box-shadow:0 0 0 3px #32d6ff55}.canvas-node-content[data-inline-editing=true]{z-index:10;cursor:text!important;outline:2px solid #32d6ff;outline-offset:2px;user-select:text!important}.canvas-editor [contenteditable]{user-select:text}.canvas-logic-controls{display:grid;gap:8px;padding:9px;border:1px solid var(--border);border-radius:7px}.canvas-logic-controls h4{display:flex;align-items:center;gap:6px;margin:10px 0 2px}.canvas-condition-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(80px,.75fr) 30px;gap:5px;align-items:end;padding:7px;background:var(--input-bg);border-radius:6px}.canvas-condition-row .field{margin:0!important}.canvas-condition-row>.canvas-tool{margin-bottom:1px}@media(max-width:1100px){.canvas-condition-row{grid-template-columns:1fr 1fr}.canvas-condition-row>.canvas-tool{justify-self:end}}.canvas-goal-system{display:grid;gap:10px;margin-top:16px}.canvas-goal-system>h4{display:flex;align-items:center;gap:7px}.canvas-goal-card{display:grid;gap:9px;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--input-bg)}.canvas-goal-card>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.canvas-goal-card .field{margin:0}.canvas-goal-system-image{display:block;width:64px;height:64px;object-fit:contain;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.canvas-goal-action{display:grid;gap:7px;padding:8px;border-left:2px solid var(--accent);background:var(--surface);border-radius:0 var(--radius) var(--radius) 0}.canvas-goal-action>.button{justify-self:end}.canvas-searchable-select{display:grid;gap:5px;width:100%;min-width:0}.canvas-searchable-select>input[type=search]{min-height:30px}.canvas-searchable-select>select{width:100%}.canvas-video-collection{display:grid;gap:7px;padding:8px;border:1px solid var(--border);border-radius:7px;background:var(--input-bg)}.canvas-video-collection>header{display:flex;align-items:center;justify-content:space-between;gap:6px}.canvas-video-collection>header>strong,.canvas-condition-guide>strong{display:flex;align-items:center;gap:6px}.canvas-video-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.canvas-video-tabs .button{display:grid;grid-template-columns:auto minmax(0,1fr);text-align:left;justify-content:start}.canvas-video-tabs .button>span,.canvas-video-tabs .button>small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-video-tabs .button>small{grid-column:2;color:var(--muted);font-size:.65rem}.canvas-video-empty{display:grid;place-items:center;text-align:center;gap:5px;padding:14px;border:1px dashed var(--border);border-radius:6px}.canvas-condition-guide{grid-column:1/-1;display:grid;gap:7px;padding:9px;border:1px solid var(--border);border-radius:7px;background:var(--surface-raised)}.canvas-condition-guide .field{margin:0!important}.canvas-condition-row .canvas-searchable-select{align-self:stretch}.canvas-panels{position:relative!important;display:block!important;min-height:0;overflow:hidden;isolation:isolate}.canvas-workspace{position:absolute;inset:0;z-index:1;min-width:0}.canvas-dock{position:absolute;z-index:12;top:8px;bottom:8px;width:clamp(210px,19vw,290px);padding:0;gap:8px;overflow:visible;background:transparent;border:0!important;pointer-events:none}.canvas-dock[data-dock-side=left]{left:8px}.canvas-dock[data-dock-side=right]{right:8px}.canvas-dock[data-empty=true]:after{display:none}.canvas-dock-panel{pointer-events:auto;background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid color-mix(in srgb,var(--border) 78%,var(--accent));border-radius:10px;box-shadow:0 12px 32px #0008,0 1px #ffffff10;backdrop-filter:blur(18px);overflow:visible}.canvas-dock-panel[data-collapsed=true]{flex:0 0 auto}.canvas-dock-header{min-height:38px;padding:5px 7px;cursor:grab;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-raised) 88%,transparent);border-radius:9px 9px 0 0}.canvas-dock-header>span{gap:7px;font-size:.76rem}.canvas-dock-header>span>.lucide{width:16px;height:16px;color:var(--accent)}.canvas-dock-header>div{align-items:center;gap:5px}.canvas-dock-done{display:none!important;min-height:28px!important;padding:4px 8px!important;font-size:.7rem!important;gap:4px!important}.canvas-dock-done .lucide{width:14px;height:14px}.canvas-dock-menu{position:relative}.canvas-dock-menu>summary{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;list-style:none;background:var(--button-bg)}.canvas-dock-menu>summary::-webkit-details-marker{display:none}.canvas-dock-menu>summary:hover{background:var(--button-hover)}.canvas-dock-menu>summary .lucide{width:16px;height:16px}.canvas-dock-menu-list{position:absolute;right:0;top:34px;z-index:80;display:grid;gap:4px;width:170px;padding:7px;background:var(--surface-raised);border:1px solid var(--border);border-radius:8px;box-shadow:0 14px 34px #000a}.canvas-dock-menu:not([open])>.canvas-dock-menu-list{display:none}.canvas-dock-menu-list>.button{justify-content:flex-start;width:100%;min-height:31px;padding:5px 8px;font-size:.72rem;white-space:nowrap}.canvas-dock-menu-list>.button .lucide{width:14px;height:14px}.canvas-dock-content{overflow:auto;border-radius:0 0 9px 9px}.canvas-dock-panel[data-popout=true]{position:fixed;z-index:50;display:flex;max-width:calc(100vw - 24px);max-height:calc(100dvh - 84px);flex:none;box-shadow:0 22px 64px #000c,0 0 0 1px color-mix(in srgb,var(--accent) 65%,transparent);animation:canvas-panel-arrive .14s ease-out}.canvas-dock-panel[data-popout=true]>.canvas-dock-header{cursor:default;background:color-mix(in srgb,var(--accent) 16%,var(--surface-raised))}.canvas-dock-panel[data-popout=true] .canvas-dock-done{display:inline-flex!important}@keyframes canvas-panel-arrive{0%{opacity:.6;transform:translateY(7px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:900px){.canvas-dock{width:min(235px,calc(35vw - 12px))}.canvas-dock[data-dock-side=left]{left:5px}.canvas-dock[data-dock-side=right]{right:5px}}@media(max-width:650px){.canvas-dock{top:auto;bottom:6px;width:calc(50% - 9px);height:min(280px,38dvh)}.canvas-dock[data-dock-side=left]{left:6px}.canvas-dock[data-dock-side=right]{right:6px}.canvas-dock-panel[data-popout=true]{height:min(68dvh,620px)!important}}@media(prefers-reduced-motion:reduce){.canvas-dock-panel[data-popout=true]{animation:none}}.canvas-dock{top:92px}.canvas-variable-results{display:grid;gap:5px;margin-top:6px}.canvas-variable-results>.button,.canvas-content-results>.button{align-items:flex-start;text-align:left;white-space:normal}.canvas-variable-results>.button>span,.canvas-content-results>.button>span{display:grid;gap:2px;min-width:0}.canvas-variable-results strong,.canvas-content-results strong{font-size:.73rem;line-height:1.25}.canvas-variable-results small,.canvas-content-results small{font-size:.66rem;line-height:1.35;color:var(--muted)}.canvas-variable-current{padding:7px 8px;border-left:2px solid var(--accent);background:var(--input-bg);font-size:.72rem}@media(max-width:650px){.canvas-dock{top:auto}}.canvas-dock{position:static!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;overflow:visible!important;pointer-events:none}.canvas-dock-panel[data-floating=true]{position:fixed!important;display:flex!important;flex-direction:column;resize:both;overflow:hidden;min-width:220px;min-height:120px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 78px);pointer-events:auto;box-shadow:0 22px 64px #000c,0 0 0 1px color-mix(in srgb,var(--accent) 48%,transparent)}.canvas-dock-panel[data-floating=true]>.canvas-dock-header{cursor:move;touch-action:none;background:color-mix(in srgb,var(--accent) 12%,var(--surface-raised))}.canvas-dock-panel[data-floating=true] .canvas-dock-done{display:inline-flex!important}.canvas-dock-panel[data-floating=true]>.canvas-dock-content{flex:1;min-height:0;overflow:auto}.canvas-dock-panel[data-floating=true][data-collapsed=true]{height:auto!important;min-height:0;resize:none}.canvas-video-name-dialog{width:min(560px,calc(100vw - 32px));max-height:min(720px,calc(100dvh - 32px));padding:0;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:0 24px 80px #000d}.canvas-video-name-dialog::backdrop{background:#020817b8;backdrop-filter:blur(3px)}.canvas-video-name-dialog form{display:grid;gap:14px;padding:20px}.canvas-video-name-dialog header{display:flex;align-items:center;gap:9px}.canvas-video-name-dialog h3{display:flex;align-items:center;gap:8px;margin:0}.canvas-video-name-dialog .actions{justify-content:flex-end}.canvas-video-name-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px}.canvas-video-name-presets button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 25%,var(--surface-raised));color:var(--text)}@media(max-width:650px){.canvas-dock-panel[data-floating=true]{max-height:calc(100dvh - 72px)}}.canvas-dock{position:fixed!important;top:76px!important;bottom:8px!important;width:min(280px,25vw)!important;height:auto!important;display:flex!important;flex-direction:column;gap:8px;overflow:visible!important;pointer-events:none;z-index:42}.canvas-dock[data-dock-side=left]{left:8px!important;right:auto!important}.canvas-dock[data-dock-side=right]{right:8px!important;left:auto!important}.canvas-dock-panel[data-mode=docked]{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:90px;max-height:none;flex:1 1 0;resize:none;overflow:hidden;pointer-events:auto;box-shadow:0 10px 28px #0008}.canvas-dock-panel[data-mode=docked][data-collapsed=true]{flex:0 0 auto;min-height:0}.canvas-dock-panel[data-mode=floating]{position:fixed!important;display:flex!important;flex-direction:column;resize:both;overflow:hidden;min-width:220px;min-height:120px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 78px);pointer-events:auto;box-shadow:0 22px 64px #000c,0 0 0 1px color-mix(in srgb,var(--accent) 48%,transparent)}.canvas-dock-panel[data-mode=floating][data-collapsed=true]{height:auto!important;min-height:0;resize:none}.canvas-dock-panel[data-mode=floating]>.canvas-dock-header{cursor:move;touch-action:none}.canvas-dock-panel[data-mode=docked]>.canvas-dock-header{cursor:grab}.canvas-dock-panel .canvas-dock-done{display:inline-flex!important}.canvas-video-picker{width:min(680px,calc(100vw - 32px))}.canvas-video-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px;max-height:170px;overflow:auto;padding:2px}.canvas-video-library .button{justify-content:flex-start;text-align:left;min-width:0}.canvas-video-library .button>span{display:grid;min-width:0}.canvas-video-library strong,.canvas-video-library small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-video-library .button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 20%,var(--surface-raised))}.canvas-video-picker-preview{display:block;width:100%;height:min(250px,28vh);object-fit:contain;border:1px solid var(--border);border-radius:10px;background:#02060c}.canvas-video-picker-preview[hidden]{display:none}@media(max-width:820px){.canvas-dock{width:min(240px,42vw)!important}.canvas-video-library{grid-template-columns:1fr 1fr}}.canvas-floating-panels{position:fixed;inset:0;z-index:55;pointer-events:none}.canvas-floating-panels>.canvas-dock-panel{pointer-events:auto}.canvas-dock-panel[data-mode=docked][data-collapsed=true]{overflow:visible;z-index:4}.canvas-dock-panel:has(.canvas-dock-menu[open]){overflow:visible;z-index:6}.canvas-video-library{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.canvas-video-library>.button{display:grid;grid-template-rows:minmax(0,1fr) auto;align-items:stretch;gap:7px;padding:7px;overflow:hidden}.canvas-video-card-frame{position:relative;display:grid;place-items:center;width:min(100%,96px);aspect-ratio:9/16;justify-self:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--border) 75%,transparent);border-radius:8px;background:#02060c}.canvas-video-card-frame>.lucide{position:absolute;width:22px;height:22px;padding:4px;border-radius:999px;background:#020817b8;color:#fff;pointer-events:none}.canvas-video-card-preview{display:block;width:100%;height:100%;object-fit:contain;background:#02060c}.canvas-video-card-copy{display:grid;min-width:0;text-align:left}.canvas-video-library>.button:hover .canvas-video-card-frame,.canvas-video-library>.button:focus-visible .canvas-video-card-frame{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 28%,transparent)}.canvas-document-tab{display:grid;gap:10px;padding:10px}.canvas-document-tab>h3{display:flex;align-items:center;gap:7px;margin:0}.canvas-document-variable-list,.canvas-document-animation-list{display:grid;gap:6px;max-height:min(360px,42vh);overflow:auto;padding:2px}.canvas-document-variable-card{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:7px;padding:8px;border:1px solid var(--border);border-radius:7px;background:var(--input-bg)}.canvas-document-variable-card>.lucide{width:17px;height:17px;color:var(--accent)}.canvas-document-variable-card>span,.canvas-document-animation-list .button>span,.canvas-document-custom-row>span{display:grid;min-width:0}.canvas-document-variable-card small,.canvas-document-animation-list small,.canvas-document-custom-row small{color:var(--muted);font-size:.68rem;line-height:1.35}.canvas-document-animation-list .button{justify-content:flex-start;text-align:left}.canvas-document-custom-list{display:grid;gap:5px}.canvas-document-custom-row{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:6px;padding:7px;border:1px solid var(--border);border-radius:6px;background:var(--input-bg)}.canvas-editor,.canvas-panels,.canvas-dock,.canvas-dock-panel,.canvas-dock-header,.canvas-floating-panels{-webkit-app-region:no-drag}.canvas-dock-header{touch-action:none}.canvas-dock{overflow-y:auto!important;overflow-x:visible!important;overscroll-behavior:contain}.canvas-dock-panel[data-mode=docked]:not([data-collapsed=true]){flex:1 1 150px;min-height:150px}.canvas-dock-panel[data-mode=floating]{min-height:180px;max-height:none}.canvas-dock-panel[data-dock-panel=elements][data-mode=floating]{min-width:270px}.canvas-dock-panel[data-dock-panel=layers][data-mode=floating]{min-width:280px}.canvas-dock-panel[data-dock-panel=inspector][data-mode=floating]{min-width:340px}.canvas-variable-results>.button,.canvas-content-results>.button{height:auto!important;min-height:48px!important;overflow:visible!important;align-items:flex-start!important}.canvas-variable-results>.button>span,.canvas-content-results>.button>span{display:grid!important;grid-auto-rows:auto;align-content:start;white-space:normal}.canvas-variable-results small,.canvas-content-results small{display:block;white-space:normal;overflow-wrap:anywhere}.canvas-video-tabs{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.canvas-video-tabs>.button{display:grid!important;grid-template-rows:auto auto!important;grid-template-columns:1fr!important;height:auto!important;min-height:0!important;padding:7px!important;gap:6px}.canvas-video-tab-frame{position:relative;display:grid;place-items:center;width:min(100%,84px);aspect-ratio:9/16;justify-self:center;overflow:hidden;border:1px solid var(--border);border-radius:7px;background:#02060c}.canvas-video-tab-frame>.lucide{position:absolute;width:22px;height:22px;padding:4px;border-radius:999px;background:#020817b8;color:#fff;pointer-events:none}.canvas-video-tab-preview{display:block;width:100%;height:100%;object-fit:contain;background:#02060c}.canvas-video-tab-copy{display:grid;min-width:0;text-align:left}.canvas-video-tab-copy>strong,.canvas-video-tab-copy>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-video-tabs>.button:hover .canvas-video-tab-frame,.canvas-video-tabs>.button:focus-visible .canvas-video-tab-frame{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 28%,transparent)}.canvas-video-event-summary{margin:0;padding:7px 8px;border-left:2px solid var(--accent);border-radius:0 6px 6px 0;background:var(--input-bg);font-size:.7rem;line-height:1.35}.canvas-video-test-dialog{width:min(430px,calc(100vw - 32px))}.canvas-video-test-preview{display:block;width:100%;max-height:min(68vh,620px);aspect-ratio:9/16;object-fit:contain;border:1px solid var(--border);border-radius:10px;background:#02060c}.canvas-header>.canvas-title-block{flex:0 0 auto}.canvas-recovery{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;flex:1}.canvas-recovery:empty{min-height:1px}.canvas-recovery>p{min-width:0;margin:0;color:var(--muted);font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-recovery>.button{min-height:30px;padding:5px 8px;font-size:.7rem;white-space:nowrap}@media(max-width:1000px){.canvas-recovery>p{display:none}.canvas-recovery{justify-content:flex-end}.canvas-header>.actions{flex:0 1 auto}}.canvas-document-variable-card.button{width:100%;height:auto;min-height:38px;grid-template-columns:24px minmax(0,1fr);justify-content:start;text-align:left;white-space:normal}.canvas-document-variable-card.button strong{font-size:.74rem;line-height:1.25}.canvas-variable-audit{padding:8px 10px;border:1px solid color-mix(in srgb,var(--success) 45%,var(--border));border-radius:7px;background:color-mix(in srgb,var(--success) 8%,var(--panel));color:var(--text)}.canvas-variable-test-dialog{width:min(520px,calc(100vw - 32px));padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--text)}.canvas-variable-test-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.canvas-variable-test-dialog h2{display:flex;align-items:center;gap:8px;margin:0;font-size:1.05rem}.canvas-variable-test-status{display:flex;justify-content:space-between;gap:12px;margin-top:16px;color:var(--muted);font-size:.75rem}.canvas-variable-test-status strong{color:var(--success)}.canvas-variable-test-value{margin-top:8px;padding:18px;border:1px solid var(--border);border-radius:9px;background:var(--input-bg);font-size:1.2rem;font-weight:800;overflow-wrap:anywhere}.canvas-variable-test-note{padding:10px;border-radius:8px;background:var(--input-bg);color:var(--muted);font-size:.75rem}.canvas-variable-test-dialog .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.canvas-alert-layer{position:sticky;top:58px;z-index:80;height:0;display:flex;justify-content:flex-end;padding:0 14px;overflow:visible;pointer-events:none}.canvas-alert{pointer-events:auto;width:min(460px,calc(100vw - 48px));display:grid;grid-template-columns:22px minmax(0,1fr) 32px;align-items:start;gap:10px;margin-top:12px;padding:12px 10px 12px 13px;border:1px solid color-mix(in srgb,var(--danger) 60%,var(--border));border-radius:9px;background:color-mix(in srgb,var(--surface-raised) 92%,#2a0d19);box-shadow:0 16px 42px #000a,0 0 0 1px #ffffff0b;backdrop-filter:blur(18px)}.canvas-alert>.lucide{margin-top:2px;color:var(--danger)}.canvas-alert>div{display:grid;gap:4px;min-width:0}.canvas-alert strong{font-size:.78rem}.canvas-alert p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.4;overflow-wrap:anywhere}.canvas-alert>.button{width:30px;height:30px;min-height:30px;padding:5px}@media(max-width:650px){.canvas-title-block{min-width:0}.canvas-title-block h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#creator-templates,#canvas-review{gap:0;padding:7px;font-size:0}}.canvas-video-setup-step{display:grid;gap:8px;margin-top:9px;padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--surface-raised)}.canvas-video-setup-step>h4{display:flex;align-items:center;gap:7px;margin:0;font-size:.78rem}.canvas-step-number{display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:var(--accent);color:#fff;font-size:.68rem;font-weight:800}.canvas-video-active-preview{display:block;width:100%;height:min(300px,34vh);aspect-ratio:9/16;object-fit:contain;border:1px solid var(--border);border-radius:9px;background:#02060c}.canvas-video-event-picker{display:grid;gap:7px}.canvas-video-event-picker>input[type=search]{min-height:34px}.canvas-video-event-options{display:grid;gap:5px;max-height:230px;overflow:auto;padding:2px;overscroll-behavior:contain}.canvas-video-event-option{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:7px;padding:7px;border:1px solid var(--border);border-radius:7px;background:var(--input-bg);cursor:pointer}.canvas-video-event-option:has(input:checked){border-color:color-mix(in srgb,var(--accent) 70%,var(--border));background:color-mix(in srgb,var(--accent) 14%,var(--input-bg))}.canvas-video-event-option input{margin-top:2px}.canvas-video-event-option>span{display:grid;gap:2px;min-width:0}.canvas-video-event-option small{color:var(--muted);font-size:.65rem;line-height:1.3}.canvas-video-event-picker>.canvas-video-event-summary{display:flex;align-items:flex-start;gap:6px}.canvas-video-event-picker>.canvas-video-event-summary>.lucide{flex:0 0 auto;width:16px;height:16px}.canvas-video-specific-rule{border:1px solid var(--border);border-radius:7px;padding:0 8px}.canvas-video-specific-rule>summary{display:flex;align-items:center;gap:6px;padding:8px 0;cursor:pointer}.canvas-video-specific-rule>.field{margin:0 0 8px}.canvas-video-button-help{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 7%,var(--surface-raised))}.canvas-video-button-help>p{margin:0;color:var(--muted);font-size:.7rem;line-height:1.45}.canvas-video-button-actions{display:flex;flex-wrap:wrap;gap:5px}.canvas-video-button-actions>span{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid var(--border);border-radius:999px;background:var(--input-bg);font-size:.65rem}.canvas-video-button-actions .lucide{width:13px;height:13px}.canvas-inspector:has(.canvas-video-collection)>.tabs{position:relative;top:auto}.canvas-video-automation{gap:10px}.canvas-video-rule{display:grid;gap:8px;padding:10px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:9px;background:color-mix(in srgb,var(--accent) 5%,var(--input-bg))}.canvas-video-rule>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.canvas-video-rule>header strong{display:flex;align-items:center;gap:6px}.canvas-video-rule-conditions{display:grid;gap:7px}.canvas-video-empty-rule{margin:0;padding:10px;border:1px dashed var(--border);border-radius:8px;color:var(--muted);font-size:.7rem;line-height:1.45}.canvas-video-rule-title{display:flex;align-items:center;gap:8px;min-width:0}.canvas-video-rule-title>span:last-child{display:grid;min-width:0}.canvas-video-rule-title strong,.canvas-video-rule-title small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-video-rule-title small{color:var(--muted);font-size:.65rem}.canvas-rule-number{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800}.canvas-video-rule-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:8px;align-items:start}.canvas-video-trigger-settings{display:grid;gap:8px;padding:10px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:8px;background:var(--surface-raised)}.canvas-video-trigger-settings h5{display:flex;align-items:center;gap:6px;margin:0;font-size:.72rem}.canvas-video-gift-amount{display:grid;grid-template-columns:1.4fr .6fr;gap:7px}.canvas-video-selected-gift{display:grid!important;grid-template-columns:34px minmax(0,1fr);align-items:center;text-align:left}.canvas-video-selected-gift img{width:32px;height:32px;object-fit:contain}.canvas-video-rule-warning{display:flex;align-items:center;gap:6px;margin:0;color:var(--warning,#f5b942);font-size:.68rem}.canvas-video-rule-advanced{border-top:1px solid var(--border);padding-top:7px}.canvas-video-rule-advanced>summary,.canvas-video-multi-events>summary,.canvas-video-optional>summary{display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--muted);font-size:.7rem}.canvas-video-rule-advanced>summary>span{margin-left:auto;font-size:.62rem}.canvas-video-rule-advanced[open]>summary{color:var(--text)}.canvas-video-rule-advanced>*:not(summary){margin-top:8px}.canvas-video-multi-events,.canvas-video-optional{padding:6px;border:1px solid var(--border);border-radius:7px}@media(max-width:720px){.canvas-video-rule-main,.canvas-video-gift-amount{grid-template-columns:1fr}}.canvas-video-rule-main{grid-template-columns:minmax(0,1fr)}.canvas-video-condition-panel{display:grid;gap:8px;border-top:1px solid var(--border);padding-top:10px;min-width:0}.canvas-video-condition-panel h5{display:flex;align-items:center;gap:6px;margin:0}.canvas-video-condition-panel .canvas-condition-row{grid-template-columns:minmax(0,1fr)}.canvas-video-rule-summary{padding:10px;border-radius:7px;background:var(--input-bg);font-size:.72rem;line-height:1.5;overflow-wrap:anywhere}.canvas-video-rule-title strong,.canvas-video-rule-title small{white-space:normal;overflow-wrap:anywhere}.canvas-video-test-dialog{box-sizing:border-box;width:min(300px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:12px;overflow-x:hidden}.canvas-video-test-dialog>form{display:grid;gap:8px;min-width:0;margin:0}.canvas-video-test-dialog header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.canvas-video-test-dialog h3{display:flex;align-items:center;gap:6px;min-width:0;margin:0;font-size:.82rem}.canvas-video-test-dialog h3>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-video-test-dialog h3>.lucide,.canvas-video-test-dialog header>button{flex-shrink:0}.canvas-video-test-dialog .canvas-video-test-preview{box-sizing:border-box;width:auto;max-width:100%;height:min(52dvh,360px);max-height:52dvh;aspect-ratio:9/16;justify-self:center;object-fit:contain}.canvas-video-test-dialog .hint{margin:0;font-size:.68rem;text-align:center}.canvas-logic-controls .canvas-condition-row{grid-template-columns:minmax(0,1fr);gap:8px}.canvas-logic-controls .canvas-condition-row>.canvas-tool{justify-self:end}.canvas-logic-controls .canvas-grid{grid-template-columns:minmax(0,1fr)}.canvas-video-extra-events{display:grid;gap:6px}.canvas-video-extra-events summary{display:flex;gap:6px;align-items:center;cursor:pointer}.canvas-video-extra-events details>*:not(summary){margin-top:8px}:root{color-scheme:dark;--bg:#050b14;--surface:#020911;--surface-raised:#0d1a2a;--border:#1b293a;--text:#e7ebf4;--muted:#9daabe;--primary:#7738ce;--primary-hover:#8a4de0;--accent:#bc95f4;--success:#4bd5aa;--danger:#ff979f;--warning:#edc77a;--focus:#d8b7ff;--radius:9px;--shadow:0 14px 48px #0005;--font:"Segoe UI",system-ui,sans-serif;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--layer-notification:30;--motion:.12s}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:var(--font-size,14px)/var(--line-height,1.5) var(--font)}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,main:focus-visible{outline:2px solid var(--focus);outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:calc(var(--font-size,14px)*2);line-height:1.3;font-weight:650;letter-spacing:-.5px}h2{font-size:calc(var(--font-size,14px)*1.0714285714285714);font-weight:600;margin-bottom:calc(16px * var(--density-scale,1))}h3{font-size:calc(var(--font-size,14px)*1.3571428571428572);font-weight:600;margin:calc(12px * var(--density-scale,1)) 0 calc(6px * var(--density-scale,1))}p{overflow-wrap:anywhere}.muted,.hint{color:var(--muted)}.hint{font-size:calc(var(--font-size,14px)*.8571428571428571)}.muted{margin:calc(6px * var(--density-scale,1)) 0 calc(12px * var(--density-scale,1))}.eyebrow{font-size:calc(var(--font-size,14px)*.7142857142857143);letter-spacing:1.6px;color:var(--muted);font-weight:600;margin-bottom:calc(8px * var(--density-scale,1))}.accent{color:var(--accent)}.sidebar{width:216px;background:var(--nav-background,#040a12);border-right:1px solid var(--border);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:calc(26px * var(--density-scale,1)) calc(14px * var(--density-scale,1));z-index:5}.brand{display:flex;align-items:center;gap:calc(10px * var(--density-scale,1));font-size:calc(var(--font-size,14px)*1.6428571428571428);font-weight:700;letter-spacing:1px;padding:0 calc(7px * var(--density-scale,1))}.brand small{display:block;font-size:calc(var(--font-size,14px)*.5);letter-spacing:1.25px;font-weight:500;color:var(--muted)}.brand-mark{color:#ff9939;font-size:calc(var(--font-size,14px)*2.7142857142857144);line-height:1;font-weight:800}.nav-label{font-size:calc(var(--font-size,14px)*.6428571428571429);color:var(--nav-label,#738198);letter-spacing:1.6px;margin:calc(43px * var(--density-scale,1)) calc(12px * var(--density-scale,1)) calc(13px * var(--density-scale,1))}nav{display:flex;flex-direction:column;gap:calc(6px * var(--density-scale,1))}nav a{display:flex;gap:calc(12px * var(--density-scale,1));align-items:center;padding:calc(11px * var(--density-scale,1)) calc(13px * var(--density-scale,1));border:var(--border-width,1px) solid transparent;border-radius:calc(6px * var(--radius-scale,1));color:var(--nav-text,#acb7c9);font-size:calc(var(--font-size,14px)*.9285714285714286)}nav a:hover{background:var(--surface)}nav a[aria-current=page]{color:var(--nav-active-text,#eadbff);background:var(--nav-active-bg,#22153b);border-color:var(--nav-active-border,#43276a)}nav svg{width:17px;height:17px}.sidebar-bottom{margin-top:auto;border:var(--border-width,1px) solid var(--border);padding:calc(14px * var(--density-scale,1));border-radius:var(--radius);font-size:calc(var(--font-size,14px)*.8571428571428571)}.sidebar-bottom p{font-size:calc(var(--font-size,14px)*.8571428571428571);margin:calc(10px * var(--density-scale,1)) 0 calc(18px * var(--density-scale,1))}.version{font-size:calc(var(--font-size,14px)*.7857142857142857);color:var(--muted)}.workspace{margin-left:216px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:0 calc(32px * var(--density-scale,1));gap:calc(16px * var(--density-scale,1))}.breadcrumb{display:flex;gap:calc(14px * var(--density-scale,1));color:var(--muted);font-size:calc(var(--font-size,14px)*.8571428571428571)}.breadcrumb strong{color:var(--text);font-weight:500}.identity{display:flex;align-items:center;gap:calc(12px * var(--density-scale,1));font-size:calc(var(--font-size,14px)*.8571428571428571)}.identity small{display:block;color:var(--muted);font-size:calc(var(--font-size,14px)*.7142857142857143)}.avatar{display:grid;place-items:center;background:var(--avatar-bg,#342052);color:var(--avatar-text,#debeff);border-radius:50%;width:32px;height:32px;font-weight:600}main{padding:calc(32px * var(--density-scale,1));flex:1;min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:calc(20px * var(--density-scale,1));margin-bottom:calc(22px * var(--density-scale,1))}.page-heading .muted{margin:calc(7px * var(--density-scale,1)) 0 0}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:calc(20px * var(--density-scale,1));align-items:start}.primary-column,.context-column{display:grid;gap:calc(20px * var(--density-scale,1));min-width:0}.card{background:var(--surface);border:var(--border-width,1px) solid var(--border);border-radius:var(--radius);padding:calc(23px * var(--density-scale,1));min-width:0}.two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(20px * var(--density-scale,1))}.welcome{display:flex;justify-content:space-between;align-items:center;gap:calc(24px * var(--density-scale,1));background:linear-gradient(110deg,var(--welcome-start,#11172b),var(--surface));min-height:240px}.welcome h2{font-size:calc(var(--font-size,14px)*1.7857142857142858);line-height:1.4;margin:calc(18px * var(--density-scale,1)) 0 calc(10px * var(--density-scale,1));overflow-wrap:anywhere}.welcome-mark{color:var(--welcome-mark,#483768);flex:0 0 90px}.welcome-mark svg{width:90px;height:90px;stroke-width:.8}.welcome p{max-width:500px}.feature-icon{display:inline-flex;padding:calc(10px * var(--density-scale,1));border-radius:calc(8px * var(--radius-scale,1));background:var(--feature-bg,#1c1530);color:var(--accent)}.feature-icon svg{width:24px;height:24px}.actions{display:flex;gap:calc(10px * var(--density-scale,1));align-items:center;margin-top:calc(20px * var(--density-scale,1));flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:calc(8px * var(--density-scale,1));min-height:38px;padding:calc(8px * var(--density-scale,1)) calc(15px * var(--density-scale,1));border-radius:calc(5px * var(--radius-scale,1));border:var(--border-width,1px) solid transparent;font-size:calc(var(--font-size,14px)*.8571428571428571);line-height:1.4;transition:background var(--motion)}.primary{background:var(--primary);color:var(--on-primary,white);border-color:var(--primary-border,#8749d5)}.primary:hover:not(:disabled){background:var(--primary-hover)}.secondary,.icon{background:transparent;border-color:var(--button-border,#2a3549);color:var(--text)}.secondary:hover:not(:disabled),.icon:hover{background:var(--button-hover,#142135)}.danger{background:var(--danger-bg,#481f2c);border-color:var(--danger-border,#834255);color:var(--danger-text,#ffcad1)}.danger:hover{background:var(--danger-hover,#62293b)}.icon{padding:calc(8px * var(--density-scale,1))}.badge{display:inline-flex;align-items:center;gap:calc(6px * var(--density-scale,1));width:max-content;max-width:100%;padding:calc(4px * var(--density-scale,1)) calc(8px * var(--density-scale,1));border-radius:calc(4px * var(--radius-scale,1));font-size:calc(var(--font-size,14px)*.7142857142857143);letter-spacing:.15px;background:var(--badge-bg,#16202e);color:var(--badge-text,#adbad0)}.badge .dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:currentColor}.badge.purple{background:var(--badge-accent-bg,#251939);color:var(--badge-accent-text,#cba7ff)}.badge.success{background:var(--badge-success-bg,#092c26);color:var(--success)}.badge.warning{background:var(--badge-warning-bg,#332b1a);color:var(--warning)}.summary-row{display:flex;align-items:baseline;justify-content:space-between;gap:calc(16px * var(--density-scale,1));padding:calc(11px * var(--density-scale,1)) 0;border-bottom:1px solid var(--border);font-size:calc(var(--font-size,14px)*.8571428571428571)}.summary-row span{color:var(--muted)}.summary-row strong{font-size:calc(var(--font-size,14px)*.8571428571428571);font-weight:500;text-align:right;overflow-wrap:anywhere;min-width:0}.state{display:flex;align-items:flex-start;gap:calc(10px * var(--density-scale,1));padding:calc(14px * var(--density-scale,1));border:var(--border-width,1px) solid var(--border);background:var(--state-bg,#0d1928);border-radius:calc(6px * var(--radius-scale,1));margin:calc(14px * var(--density-scale,1)) 0;font-size:calc(var(--font-size,14px)*.8571428571428571)}.state>svg{flex-shrink:0;color:var(--muted);margin-top:calc(1px * var(--density-scale,1))}.state p{color:var(--muted);font-size:calc(var(--font-size,14px)*.8571428571428571);margin:calc(4px * var(--density-scale,1)) 0 0}.state strong{font-weight:500}.state.ready>svg{color:var(--success)}.state.error{border-color:var(--state-error-border,#733b49);background:var(--state-error-bg,#231521)}.state.error>svg{color:var(--danger)}.state.offline>svg,.state.denied>svg{color:var(--warning)}.checklist{list-style:none;margin:0;padding:0;display:grid;gap:calc(15px * var(--density-scale,1));font-size:calc(var(--font-size,14px)*.8571428571428571)}.checklist li{display:flex;gap:calc(10px * var(--density-scale,1));align-items:center}.checklist svg{color:var(--accent);width:15px}.checklist+.hint{margin-top:calc(22px * var(--density-scale,1))}.component-preview{display:flex;align-items:center;gap:calc(12px * var(--density-scale,1));margin:calc(20px * var(--density-scale,1)) 0}.preview-chip{background:var(--button-hover,#142135);border:var(--border-width,1px) solid var(--border);padding:calc(4px * var(--density-scale,1)) calc(10px * var(--density-scale,1));border-radius:calc(4px * var(--radius-scale,1))}.swatch{height:27px;width:27px;border-radius:50%;border:3px solid #ffffff10}.violet{background:var(--swatch-primary,#7738ce)}.blue{background:var(--secondary,#2465c7)}.field{margin:calc(20px * var(--density-scale,1)) 0}.field label{display:block;font-size:calc(var(--font-size,14px)*.8571428571428571);margin-bottom:calc(8px * var(--density-scale,1))}.field input,.field select{width:100%;background:var(--input-bg,#050f1a);border:var(--border-width,1px) solid var(--input-border,#2a384b);border-radius:calc(5px * var(--radius-scale,1));padding:calc(10px * var(--density-scale,1)) calc(12px * var(--density-scale,1));color:var(--text);min-height:42px}.field input:hover,.field select:hover{border-color:var(--input-hover,#5d4b7b)}.field .hint{margin-top:calc(7px * var(--density-scale,1))}.field input[aria-invalid=true]{border-color:var(--danger)}input:disabled{opacity:.5}.error-text{font-size:calc(var(--font-size,14px)*.8571428571428571);color:var(--danger);margin:calc(8px * var(--density-scale,1)) 0}.error-text:empty{display:none}.form-divider{height:1px;background:var(--border);margin:calc(26px * var(--density-scale,1)) 0}.details{margin:0}.details>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:calc(16px * var(--density-scale,1));padding:calc(12px * var(--density-scale,1)) 0;border-bottom:1px solid var(--border);font-size:calc(var(--font-size,14px)*.8571428571428571)}.details dt{color:var(--muted)}.details dd{margin:0;overflow-wrap:anywhere}table{border-collapse:collapse;width:100%;text-align:left;font-size:calc(var(--font-size,14px)*.8571428571428571)}th{color:var(--muted);font-weight:500;background:var(--table-header,#0e1b2a)}th,td{padding:calc(14px * var(--density-scale,1)) calc(12px * var(--density-scale,1));border-bottom:1px solid var(--border)}.table-scroll{overflow:auto}.tabs{display:flex;gap:calc(20px * var(--density-scale,1));border-bottom:1px solid var(--border);margin-bottom:calc(22px * var(--density-scale,1))}.tabs button{padding:calc(12px * var(--density-scale,1)) calc(4px * var(--density-scale,1));background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:calc(var(--font-size,14px)*.9285714285714286)}.tabs button[aria-selected=true]{color:var(--accent);border-color:var(--accent)}#gallery-panel{display:grid;gap:calc(20px * var(--density-scale,1));max-width:900px}.choice{display:flex;align-items:center;gap:calc(10px * var(--density-scale,1));margin:calc(18px * var(--density-scale,1)) 0;font-size:calc(var(--font-size,14px)*.9285714285714286)}.choice input{accent-color:var(--primary);width:18px;height:18px}dialog{color:var(--text);background:var(--surface-raised);border:var(--border-width,1px) solid var(--dialog-border,#56406d);border-radius:var(--radius);padding:calc(28px * var(--density-scale,1));max-width:440px;width:calc(100% - 32px);box-shadow:var(--component-shadow-dark,var(--shadow))}dialog::backdrop{background:#000a}dialog p{color:var(--muted)}footer{display:flex;align-items:center;justify-content:space-between;gap:calc(16px * var(--density-scale,1));border-top:1px solid var(--border);padding:calc(14px * var(--density-scale,1)) calc(32px * var(--density-scale,1));color:var(--muted);font-size:calc(var(--font-size,14px)*.7142857142857143)}footer span{display:flex;align-items:center;gap:calc(8px * var(--density-scale,1))}footer svg{width:14px;height:14px}#notification:not(:empty){position:fixed;right:24px;bottom:24px;max-width:calc(100vw - 48px);background:var(--notification-bg,#152735);border:var(--border-width,1px) solid var(--notification-border,#466457);box-shadow:var(--component-shadow-dark,var(--shadow));padding:calc(12px * var(--density-scale,1)) calc(16px * var(--density-scale,1));border-radius:calc(8px * var(--radius-scale,1));z-index:var(--layer-notification);display:flex;align-items:center;gap:calc(16px * var(--density-scale,1))}.skip{position:fixed;left:20px;top:-100px;z-index:50;padding:calc(10px * var(--density-scale,1));background:var(--primary)}.skip:focus{top:10px}@media(max-width:1200px){.page-grid{grid-template-columns:minmax(0,1fr) 250px}.card{padding:calc(18px * var(--density-scale,1))}main{padding:calc(24px * var(--density-scale,1))}.welcome-mark{display:none}.sidebar{width:190px}.workspace{margin-left:190px}.topbar{padding:0 calc(24px * var(--density-scale,1))}}@media(max-width:1000px){.page-grid{grid-template-columns:1fr}.context-column{grid-template-columns:repeat(2,minmax(0,1fr))}.identity>.badge{display:none}.welcome{min-height:220px}}@media(max-width:700px){.sidebar{position:static;width:auto;padding:calc(15px * var(--density-scale,1)) calc(16px * var(--density-scale,1)) 0}.brand{font-size:calc(var(--font-size,14px)*1.4285714285714286)}.brand-mark{font-size:calc(var(--font-size,14px)*2.142857142857143)}.brand small,.nav-label,.sidebar-bottom{display:none}nav{flex-direction:row;overflow-x:auto;margin-top:calc(16px * var(--density-scale,1));padding:0 0 calc(8px * var(--density-scale,1));gap:calc(4px * var(--density-scale,1))}nav a{white-space:nowrap;font-size:calc(var(--font-size,14px)*.8571428571428571);padding:calc(10px * var(--density-scale,1))}nav svg{width:15px}.workspace{margin-left:0}.topbar{height:58px;padding:0 calc(18px * var(--density-scale,1))}.breadcrumb{gap:calc(8px * var(--density-scale,1));font-size:calc(var(--font-size,14px)*.7142857142857143)}.identity .avatar{display:none}.identity strong{font-size:calc(var(--font-size,14px)*.7142857142857143)}.identity small{font-size:calc(var(--font-size,14px)*.6428571428571429)}main{padding:calc(22px * var(--density-scale,1)) calc(16px * var(--density-scale,1))}.page-heading{margin-bottom:calc(20px * var(--density-scale,1))}h1{font-size:calc(var(--font-size,14px)*1.7142857142857142)}.page-heading .muted{font-size:calc(var(--font-size,14px)*.8571428571428571)}.two-columns,.context-column{grid-template-columns:1fr}.welcome h2{font-size:calc(var(--font-size,14px)*1.5714285714285714)}.page-grid,.primary-column,.context-column{gap:calc(16px * var(--density-scale,1))}.details>div{grid-template-columns:1fr;gap:calc(4px * var(--density-scale,1))}.table-scroll table{min-width:530px}footer{padding:calc(12px * var(--density-scale,1)) calc(16px * var(--density-scale,1));flex-wrap:wrap;font-size:calc(var(--font-size,14px)*.6428571428571429)}.actions{gap:calc(8px * var(--density-scale,1))}.button{min-height:42px}.tabs{gap:calc(16px * var(--density-scale,1))}#notification:not(:empty){right:16px;bottom:16px}.card{padding:calc(18px * var(--density-scale,1))}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.card h3{overflow-wrap:anywhere}.choice input[role=switch]{appearance:none;position:relative;width:34px;height:20px;border-radius:calc(12px * var(--radius-scale,1));background:var(--switch-off,#4b5667);border:var(--border-width,1px) solid var(--switch-border,#657187);cursor:pointer;flex-shrink:0}.choice input[role=switch]:before{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:var(--switch-thumb,#f0e9fa);transition:transform var(--motion)}.choice input[role=switch]:checked{background:var(--primary);border-color:var(--primary-hover)}.choice input[role=switch]:checked:before{transform:translate(14px)}@media(max-width:700px){nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}nav a{min-width:0}.sidebar{padding-bottom:8px}}.sidebar{overflow-y:auto}.sidebar-bottom{flex-shrink:0}.topbar{position:sticky;top:0;z-index:10;background:var(--bg);flex-shrink:0}.topbar .breadcrumb{flex:1;min-width:0}.topbar .identity{flex-shrink:0}#sidebar-toggle,#theme-toggle{flex-shrink:0;min-width:38px}main{scroll-margin-top:calc(88px * var(--density-scale,1))}nav a{scroll-margin-top:calc(88px * var(--density-scale,1))}:root[data-sidebar=collapsed] .sidebar{width:72px;padding:calc(26px * var(--density-scale,1)) calc(8px * var(--density-scale,1))}:root[data-sidebar=collapsed] .workspace{margin-left:72px}:root[data-sidebar=collapsed] .brand-copy,:root[data-sidebar=collapsed] .nav-label,:root[data-sidebar=collapsed] .nav-text,:root[data-sidebar=collapsed] .sidebar-bottom{display:none}:root[data-sidebar=collapsed] .brand{justify-content:center;padding:0}:root[data-sidebar=collapsed] nav{margin-top:calc(38px * var(--density-scale,1))}:root[data-sidebar=collapsed] nav a{justify-content:center;padding:calc(12px * var(--density-scale,1)) calc(8px * var(--density-scale,1))}:root[data-theme=light]{color-scheme:light;--bg:#f4f6fa;--surface:#ffffff;--surface-raised:#ffffff;--border:#d5dce7;--text:#1c273b;--muted:#536078;--primary:#7133c5;--primary-hover:#6226b2;--accent:#6930ad;--success:#137756;--danger:#ad233e;--warning:#875900;--focus:#7433bd;--shadow:0 14px 48px #1a254222}[data-theme=light] .sidebar{background:var(--surface,#fff)}[data-theme=light] nav a{color:var(--muted)}[data-theme=light] nav a:hover{background:var(--nav-hover,#f1edf9)}[data-theme=light] nav a[aria-current=page]{color:var(--nav-active-text,#602b9e);background:var(--nav-active-bg,#eee5fa);border-color:var(--nav-active-border,#cdb5eb)}[data-theme=light] .nav-label{color:var(--muted)}[data-theme=light] .avatar{background:var(--avatar-bg,#eee1fc);color:var(--avatar-text,#6e36a4)}[data-theme=light] .welcome{background:linear-gradient(110deg,var(--welcome-start,#f3eefb),var(--surface,#fff))}[data-theme=light] .welcome-mark{color:var(--welcome-mark,#a38abd)}[data-theme=light] .feature-icon{background:var(--nav-active-bg,#eee5fa)}[data-theme=light] .secondary,[data-theme=light] .icon{border-color:var(--button-border,#c5cede);color:var(--text)}[data-theme=light] .secondary:hover:not(:disabled),[data-theme=light] .icon:hover{background:var(--button-hover,#e9edf5)}[data-theme=light] .danger{background:var(--danger-bg,#fce8eb);color:var(--danger-text,#a2233b);border-color:var(--danger-border,#dea9b4)}[data-theme=light] .danger:hover{background:var(--danger-hover,#f6d8df)}[data-theme=light] .badge{background:var(--button-hover,#e9edf5);color:var(--badge-text,#485770)}[data-theme=light] .badge.purple{background:var(--badge-accent-bg,#eee3fb);color:var(--badge-accent-text,#6a309f)}[data-theme=light] .badge.success{background:var(--badge-success-bg,#e0f3ea);color:var(--badge-success-text,#116a4e)}[data-theme=light] .badge.warning{background:var(--badge-warning-bg,#fff0ce);color:var(--badge-warning-text,#785000)}[data-theme=light] .state{background:var(--state-bg,#f2f5fa)}[data-theme=light] .state.error{background:var(--state-error-bg,#fff0f2);border-color:var(--state-error-border,#e5a8b5)}[data-theme=light] .field input,[data-theme=light] .field select{background:var(--surface,#fff);border-color:var(--input-border,#b9c4d5);color:var(--text)}[data-theme=light] .field input[aria-invalid=true]{border-color:var(--danger)}[data-theme=light] .preview-chip,[data-theme=light] th{background:var(--table-header,#edf1f7)}[data-theme=light] #notification:not(:empty){background:var(--notification-bg,#e9f6ef);border-color:var(--notification-border,#84b79c);color:var(--text)}[data-theme=light] dialog{border-color:var(--dialog-border,#c5b0de)}[data-theme=light] .skip{color:var(--on-primary,#fff)}@media(max-width:700px){.topbar{gap:calc(8px * var(--density-scale,1));padding:0 calc(12px * var(--density-scale,1));height:64px}.topbar .breadcrumb>span{display:none}.identity>div{display:none}.identity{gap:calc(6px * var(--density-scale,1))}:root[data-sidebar=collapsed] .sidebar{display:none}:root[data-sidebar=collapsed] .workspace{margin-left:0}}.sidebar-header{display:flex;align-items:center;gap:calc(8px * var(--density-scale,1));min-height:42px}.brand{padding:0;min-width:0;flex:1}.brand-copy{display:block;width:100%;max-width:142px;height:42px;object-fit:contain}.brand-symbol{display:none;width:36px;height:36px;object-fit:contain}#sidebar-toggle{border:0;background:var(--surface);box-shadow:var(--component-shadow-small,0 2px 8px #00000012)}#sidebar-toggle:hover{background:var(--surface-raised)}#navigation-toggle{display:none}:root[data-sidebar=collapsed] .sidebar-header{flex-direction:column;gap:calc(16px * var(--density-scale,1))}:root[data-sidebar=collapsed] .brand-symbol{display:block}.card,.sidebar-bottom,dialog{border:0;background:var(--surface);box-shadow:var(--component-shadow-dark,0 3px 14px #00000024)}[data-theme=light] .card,[data-theme=light] .sidebar-bottom,[data-theme=light] dialog{background:var(--surface);border:0;box-shadow:var(--component-shadow-light,0 3px 14px #1928410d)}.state{border:0;box-shadow:var(--component-shadow-small,0 2px 8px #00000014)}@media(max-width:700px){.brand-copy{max-width:150px}.sidebar-header{justify-content:space-between}.brand{flex:0 1 160px}:root[data-sidebar=collapsed] #navigation-toggle{display:inline-flex}}.brand-symbol{width:48px;height:48px;overflow:hidden;position:relative;flex-shrink:0}.brand-symbol img{position:absolute;width:90.6px;height:90.6px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}.module-summary{display:flex;flex-wrap:wrap;gap:calc(12px * var(--density-scale,1));margin-bottom:calc(24px * var(--density-scale,1))}.module-page .page-grid{align-items:start}.module-page .actions{flex-wrap:wrap}.module-page .card{min-width:0}.module-page .state strong,.module-page .state p{overflow-wrap:anywhere}.disclosure{margin-top:calc(20px * var(--density-scale,1));padding-top:calc(12px * var(--density-scale,1));border-top:1px solid var(--border)}.disclosure summary{cursor:pointer;color:var(--muted);font-size:calc(var(--font-size,14px)*.8571428571428571)}.module-page .choice{align-items:flex-start}.module-page .choice input{flex-shrink:0}.module-page .summary-row strong{font-variant-numeric:tabular-nums}#modules-feedback:not(:empty){margin-bottom:calc(20px * var(--density-scale,1))}.module-page .card .button{white-space:normal}.module-page .page-grid{grid-template-columns:minmax(0,1fr) minmax(280px,340px)}@media(max-width:1100px){.module-page .page-grid,.module-page .context-column{grid-template-columns:1fr}}.disclosure summary{display:flex;align-items:center;gap:calc(8px * var(--density-scale,1));list-style:none}.disclosure summary::-webkit-details-marker{display:none}.disclosure summary svg{width:14px;height:14px;transition:transform var(--motion)}.disclosure[open]>summary svg{transform:rotate(90deg)}.configuration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(20px * var(--density-scale,1));margin-bottom:calc(20px * var(--density-scale,1))}.configuration-actions{display:grid;gap:calc(12px * var(--density-scale,1))}.configuration-page form{min-width:0}.configuration-page input[type=file]{white-space:normal;max-width:100%;font-size:calc(var(--font-size,14px)*.8571428571428571)}.configuration-page .summary-row strong{overflow-wrap:anywhere}.configuration-page .choice{align-items:flex-start}.configuration-page input:disabled,.configuration-page select:disabled{cursor:not-allowed}.configuration-page a{color:var(--accent)}@media(max-width:1250px){.configuration-grid{grid-template-columns:1fr}}@media(max-width:700px){.configuration-grid{gap:calc(16px * var(--density-scale,1))}}.configuration-save{justify-content:flex-end;margin-bottom:calc(20px * var(--density-scale,1))}.configuration-page .page-grid>form>.state{margin-top:0}body{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true],[contenteditable=plaintext-only]{-webkit-user-select:text;user-select:text}.licenses-view{display:grid;gap:24px}.license-search{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.license-search .field{flex:1;min-width:180px}.license-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.license-table{width:100%;border-collapse:collapse}.license-table th,.license-table td{text-align:left;padding:12px;vertical-align:middle;overflow-wrap:anywhere}.license-table th{color:var(--muted)}.licenses-view .table-scroll{overflow-x:auto}.licenses-view>div:empty{display:none}.licenses-view h2{overflow-wrap:anywhere}.licenses-view>div>.card+.card{margin-top:24px}@media(max-width:700px){.license-fields{grid-template-columns:1fr}.license-table th,.license-table td{padding:8px}.license-table .button{min-width:0;padding:8px}}.module-selection{border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin:16px 0;min-width:0}.module-selection .choice{align-items:flex-start}.module-selection small{display:block}.users-view>.card,.users-view>div>.card{margin-bottom:20px}.audit-details{white-space:pre-wrap;overflow-wrap:anywhere;max-width:440px;font:inherit}.readonly-view{border:0;padding:0;margin:0;min-width:0}.users-filters{display:grid;grid-template-columns:minmax(180px,2fr) repeat(2,minmax(130px,1fr)) auto;gap:16px;align-items:start}.users-filters>button{margin-top:26px}.access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.access-card{border:1px solid var(--border);border-radius:8px;padding:14px;margin:0;min-width:0}.access-card>span{min-width:0;overflow-wrap:anywhere}.access-card:has(input:checked){background:var(--surface-2);border-color:var(--accent)}.access-card .lucide{flex-shrink:0;color:var(--accent)}@media(max-width:1000px){.users-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.users-filters>button{align-self:start}.users-view .context-column{grid-template-columns:1fr}}@media(max-width:700px){.users-filters,.access-grid{grid-template-columns:1fr}.users-filters>button{margin-top:0;justify-self:start}}.license-table .button,.license-table th{white-space:nowrap}.users-filters .hint:empty{display:none}.mobile-navigation{position:fixed;inset:0 auto 0 0;margin:0;width:min(320px,88vw);height:100dvh;max-height:100dvh;max-width:88vw;border-radius:0;padding:20px;overflow:auto;box-sizing:border-box;background:var(--surface);color:var(--text)}.mobile-navigation::backdrop{background:#0009}.drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.drawer-heading h2{margin:0}.mobile-navigation nav{display:flex;flex-direction:column;gap:8px;margin-top:24px;overflow:visible;padding:0}.mobile-navigation nav a{justify-content:flex-start;white-space:normal;padding:12px;font-size:14px}.mobile-navigation nav a[aria-current=page]{background:var(--nav-active-bg);color:var(--accent)}@media(max-width:900px){:root .sidebar,:root[data-sidebar=collapsed] .sidebar{display:none}:root .workspace,:root[data-sidebar=collapsed] .workspace{margin-left:0}.topbar{gap:8px;padding:0 12px}.topbar #navigation-toggle{display:inline-flex;flex-shrink:0}.topbar .breadcrumb{display:none}.topbar .global-search{min-width:0;flex:1}.topbar .identity{flex-shrink:0}.topbar .account-label,.topbar .identity>.badge{display:none}}.topbar .identity>.window-controls{display:flex}@media(max-width:600px){[data-desktop=true] .topbar .global-search{max-width:none;width:auto}}.backup-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}.backup-metric{display:flex;align-items:center;gap:12px;padding:18px}.backup-metric>svg{flex-shrink:0;color:var(--accent)}.backup-metric strong,.backup-metric small{display:block}.backup-metric strong{font-size:18px;margin-top:8px;overflow-wrap:anywhere}.backup-columns{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;margin-top:20px;align-items:start}.backup-list{min-width:0;padding:16px}.backup-filters{display:grid;grid-template-columns:minmax(140px,1fr) repeat(4,minmax(90px,1fr)) auto;gap:10px;align-items:end;margin:16px 0}.backup-filters .field{min-width:0}.backup-filters .hint{display:none}.backup-filters input,.backup-filters select{width:100%;min-width:0}.backup-detail{min-width:0}.backup-detail h3{overflow-wrap:anywhere}.backup-detail dl>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;margin:12px 0;font-size:12px}.backup-detail dd{margin:0;overflow-wrap:anywhere}.backup-detail dt{color:var(--muted)}.backup-detail ul{padding-left:18px;font-size:12px}.backup-detail-actions{display:grid;gap:10px;margin-top:20px}.backup-choice{display:flex;align-items:center;gap:10px;margin:12px 0}.backup-choice input{width:18px;height:18px;accent-color:var(--primary)}.backup-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;flex-wrap:wrap}.backup-name{max-width:230px;white-space:normal;overflow-wrap:anywhere;text-align:left}.backup-list td small{display:block}.backup-list .table-scroll{overflow-x:auto}.backup-list table{width:100%;min-width:780px}.backup-list tr[data-selected=true]{background:var(--surface-2)}.backups-view>.actions{margin-bottom:18px}.backup-list .tabs{display:flex;gap:8px;flex-wrap:wrap}.backup-list [aria-selected=true]{color:var(--accent);border-color:var(--accent)}@media(max-width:1350px){.backup-metrics,.backup-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.backup-columns{grid-template-columns:minmax(0,1fr)}.backup-detail{max-width:none}}@media(max-width:600px){.backup-metrics{grid-template-columns:1fr 1fr}.backup-metric{padding:12px}.backup-metric strong{font-size:15px}.backup-filters{grid-template-columns:1fr}.backup-list{padding:10px}.backup-pagination .actions{flex-wrap:wrap}}.backup-filters .field{margin:0}.backup-metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.backup-name{background:transparent;border-color:transparent;padding-left:0;padding-right:0}.backup-name:hover{text-decoration:underline}.backup-list tr[data-selected=true]{background:var(--surface-raised)}.canonical-select,.canonical-select::picker(select){appearance:base-select}.canonical-select::picker(select){background:var(--surface-raised);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:6px;box-shadow:var(--component-shadow-dark,var(--shadow));max-height:280px;overflow:auto}.canonical-select option{padding:10px 12px;border-radius:5px;cursor:pointer;gap:10px;white-space:normal}.canonical-select option:hover,.canonical-select option:focus{background:var(--button-hover);color:var(--text)}.canonical-select option:checked{background:var(--nav-active-bg);color:var(--accent)}.canonical-select::picker-icon{color:var(--muted);margin-left:8px}.backup-dialog{max-height:calc(100dvh - 32px);overflow:auto}.backup-dialog .choice{display:flex;align-items:center;justify-content:flex-start;gap:10px}.backup-dialog .choice input[type=checkbox]{width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;max-height:18px;flex:0 0 18px;margin:0;padding:0;accent-color:var(--primary)}.backup-dialog .module-selection{margin-bottom:0}.backup-dialog .backup-form-actions{justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.backup-dialog .backup-detail{display:flex;flex-direction:column}.backup-dialog .backup-detail-actions{order:-1;margin:20px 0}.backup-dialog .backup-detail>h2{display:none}[data-desktop=true] .topbar .breadcrumb{-webkit-app-region:no-drag;cursor:default;user-select:none}.canonical-select::picker-icon,.canonical-select option::checkmark{display:none}.canonical-select .select-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:0;border:0;background:transparent;color:inherit}.canonical-select selectedcontent{min-width:0;text-align:left}.canonical-select selectedcontent .lucide{display:none}.canonical-select .select-trigger>.lucide{flex:0 0 18px;color:var(--muted)}.canonical-select option>.lucide{visibility:hidden;flex:0 0 18px;color:var(--accent)}.canonical-select option:checked>.lucide{visibility:visible}.mobile-navigation-logo{display:block;width:148px;max-width:100%;height:auto;object-fit:contain}.mobile-navigation .drawer-heading h2{min-width:0;margin:0}.integration-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.integration-metrics>div{display:flex;flex-direction:column;gap:4px}.integration-metrics strong{font-size:24px}.integration-metrics span{color:var(--muted);font-size:12px}.integration-categories{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.integration-categories .button{padding:8px 10px;font-size:12px}.integration-list{display:grid;gap:12px}.integration-row{display:flex;gap:16px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius,10px);align-items:flex-start}.integration-row .feature-icon{flex-shrink:0;margin:0}.integration-copy{min-width:0;flex:1}.integration-copy h3{margin:0 0 6px}.integration-copy p{margin:4px 0 10px;font-size:13px;overflow-wrap:anywhere}.integration-actions{display:flex;flex-wrap:wrap;gap:8px;max-width:240px;justify-content:flex-end}.integration-actions .button{font-size:12px;padding:8px 12px}.integration-activity{border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:12px}.integration-activity p{font-size:13px}.integration-activity time,.integration-history time{font-size:12px;color:var(--muted)}.integration-history{max-height:55vh;overflow:auto;display:grid;gap:16px}.integration-dialog{max-width:580px}.integration-dialog form>.actions{margin-top:24px}.integration-dialog .details dd{overflow-wrap:anywhere}.integration-label{font-weight:600}.integrations-view[aria-busy=true]{cursor:progress}@media(max-width:1100px){.integration-row{flex-wrap:wrap}.integration-actions{max-width:none;justify-content:flex-start;width:100%}}@media(max-width:700px){.integration-row{padding:16px;gap:12px}.integration-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-actions .button{flex:1 1 auto}}.integrations-view{container-type:inline-size}.integration-overview{display:grid;grid-template-columns:minmax(180px,1fr) minmax(300px,1fr);gap:10px 24px;align-items:center}.integration-overview h2,.integration-overview>p{margin:0}.integration-overview .integration-metrics{grid-column:2;grid-row:1/4;margin:0}.integration-overview>.button{justify-self:start}.integration-overview>.hint{grid-column:1/-1}@container (max-width:850px){.integrations-view .page-grid{grid-template-columns:minmax(0,1fr)}.integration-overview{display:block}.integration-overview .integration-metrics{margin:16px 0}.integration-overview>p{margin:8px 0}}@container (max-width:550px){.integration-row{flex-wrap:wrap}.integration-actions{max-width:none;width:100%;justify-content:flex-start}}.simulation-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:24px;align-items:start}.simulation-layout>div{min-width:0}.simulation-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.simulation-events{display:grid;gap:16px;margin:16px 0}.simulation-event{display:grid;grid-template-columns:minmax(100px,1fr) minmax(90px,.7fr) minmax(100px,1fr) minmax(140px,2fr) auto;gap:10px;align-items:start}.simulation-event .field{min-width:0;margin:0}.simulation-event input,.simulation-event select{width:100%;min-width:0}.simulation-event>.button{margin-top:26px}.simulator-view>.card,.simulator-view>div:last-child{margin-top:24px}.simulation-count{font-size:24px;font-weight:600}.simulator-view td{overflow-wrap:anywhere;max-width:360px}.simulator-view .table-wrap{overflow:auto}.simulator-view table{min-width:700px}@media(max-width:1200px){.simulation-layout{grid-template-columns:1fr}.simulation-event{grid-template-columns:1fr 1fr}.simulation-event>.button{margin-top:0}}@media(max-width:600px){.simulation-fields,.simulation-event{grid-template-columns:1fr}.simulation-layout{gap:16px}.simulator-view .actions .button{max-width:100%}}@media(max-width:1200px){.simulation-control{grid-row:1}}.canvas-goal-gift-picker{display:grid;gap:8px;margin:12px 0}.canvas-goal-gift-heading{display:flex;align-items:center;gap:8px;margin:0;color:var(--text)}.canvas-goal-gift-heading svg{width:16px;height:16px;color:var(--accent)}.canvas-goal-gift-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;max-height:260px;overflow:auto;padding:2px}.canvas-goal-gift-option{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-width:0;padding:8px;text-align:left}.canvas-goal-gift-option[aria-pressed=true]{border-color:var(--accent);background:var(--nav-active-bg);color:var(--text)}.canvas-goal-gift-option img,.canvas-goal-gift-placeholder{display:grid;place-items:center;width:44px;height:44px;object-fit:contain;border-radius:8px;background:var(--surface);border:1px solid var(--border)}.canvas-goal-gift-placeholder svg{width:20px;height:20px}.canvas-goal-gift-copy{min-width:0}.canvas-goal-gift-copy strong,.canvas-goal-gift-copy small{display:block;overflow:hidden;text-overflow:ellipsis}.canvas-goal-gift-copy strong{white-space:nowrap}.canvas-goal-gift-copy small{margin-top:3px;color:var(--muted);font-size:11px;white-space:normal}.canvas-goal-gift-empty{display:flex;align-items:center;gap:8px;padding:12px;border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted)}.canvas-goal-gift-empty svg{flex:0 0 18px}.canvas-gift-picker-trigger{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-width:0;overflow:hidden;padding:9px;text-align:left}.canvas-gift-picker-trigger>img{display:block;width:44px;height:44px;min-width:0;max-width:44px;max-height:44px;object-fit:contain;border-radius:8px;background:var(--surface);border:1px solid var(--border)}.canvas-gift-gallery{width:min(900px,calc(100vw - 32px));max-width:900px}.canvas-gift-gallery>header h2{display:flex;align-items:center;gap:9px}.canvas-gift-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:10px}.canvas-gift-gallery-grid .canvas-goal-gift-option{grid-template-columns:64px minmax(0,1fr);min-height:86px}.canvas-gift-gallery-grid .canvas-goal-gift-option img,.canvas-gift-gallery-grid .canvas-goal-gift-placeholder{width:64px;height:64px}.canvas-gift-objective{display:flex;align-items:center;gap:4px;color:var(--accent);font-size:11px;font-weight:700;margin-bottom:3px}.canvas-gift-objective svg{width:13px;height:13px}.canvas-gift-gallery-grid>.canvas-goal-gift-empty{grid-column:1/-1;min-height:100px;justify-content:center}@media(max-width:560px){.canvas-gift-gallery-grid{grid-template-columns:1fr}}.topbar .identity>.connections-control{display:block;flex-shrink:0}.connections-trigger{position:relative;gap:6px;min-height:38px}.connections-trigger svg{width:16px;height:16px}.connections-trigger svg:last-child{width:12px}.connections-dot{width:6px;height:6px;border-radius:50%;background:var(--muted)}.connections-trigger[data-state=connected] .connections-dot{background:var(--success)}.connections-trigger[data-state=attention] .connections-dot{background:var(--warning)}.connections-panel{position:fixed;inset:auto;margin:0;padding:18px;max-width:calc(100vw - 24px);overflow:auto;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 16px 48px #0005;font-size:var(--font-size,14px)}.connections-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.connections-panel h2{margin:0}.connections-tools{display:flex;gap:6px}.connections-list{margin-top:12px;display:grid;gap:8px}.connection-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--border)}.connection-row>svg{flex-shrink:0;width:18px}.connection-description{flex:1;min-width:0}.connection-description strong{display:block;font-size:12px}.connection-description small{display:block;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.connection-row .badge{font-size:10px;flex-shrink:0}.connection-row .button{flex-shrink:0;min-height:32px;padding:6px}.connections-future{margin-top:10px;padding-top:12px;border-top:1px solid var(--border)}.connections-future summary{cursor:pointer;font-size:12px;color:var(--muted)}.connections-future p{margin:10px 0}.connections-future-row{display:flex;align-items:center;gap:8px;padding:7px 0;font-size:12px}.connections-future-row>svg{width:16px;height:16px}.connections-future-row>span:not(.badge){flex:1}.connections-panel::backdrop{background:transparent}@media(max-width:480px){.connections-trigger{gap:4px;padding:7px}.connections-trigger>svg:not(:first-child):not(:last-child){display:none}.connection-row{gap:7px}.connections-panel{padding:14px}}.obs-panel{min-width:0;container-type:inline-size}.obs-panel h2{display:flex;align-items:center;gap:8px}.obs-panel .details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}.obs-panel dd{margin:4px 0;overflow-wrap:anywhere}.obs-panel .actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.obs-panel details{margin-top:16px}.obs-panel summary{cursor:pointer;font-weight:600;padding:8px 0}.obs-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px}.obs-form .field{min-width:0}.obs-form input:not([type=checkbox]){width:100%;min-width:0}.obs-form>.hint,.obs-form>.actions{grid-column:1/-1}.obs-panel .integration-activity{overflow-wrap:anywhere}.obs-panel details:last-child>div{max-height:320px;overflow:auto}@container (max-width:550px){.obs-form,.obs-panel .details{grid-template-columns:minmax(0,1fr)}}.obs-insert-dialog .obs-insert-action-label{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.obs-insert-dialog .obs-insert-action-label>.icon{flex-shrink:0}.obs-insert-dialog .obs-insert-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.obs-insert-dialog .obs-insert-media:empty{display:none}.obs-insert-dialog .obs-insert-media>button{width:100%;min-height:44px;justify-content:center}.obs-insert-dialog .obs-insert-footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding-top:16px;border-top:1px solid var(--border,#263444)}.obs-insert-dialog .obs-insert-footer>button:first-child{margin-right:auto}.obs-insert-dialog button[hidden]{display:none!important}@media(max-width:400px){.obs-insert-dialog .obs-insert-media{grid-template-columns:1fr}}.gift-display-controls{padding:16px;border:1px solid var(--border);border-radius:12px;display:grid;gap:10px}.gift-display-controls .actions{display:flex;flex-wrap:wrap;gap:8px}.gift-display-toggle{display:flex;align-items:center;gap:8px}.gift-display-controls .hint{margin:0}.gift-window-card img[role=button]{cursor:pointer}.gift-window-card img[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.gift-collection-pages{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:16px 0}.gift-collection-pages[hidden]{display:none}.gift-collection-pages button{display:inline-flex;align-items:center;gap:8px}.obs-insert-media>button:last-child:nth-child(odd){grid-column:1/-1}.gift-binding-dialog{width:min(560px,calc(100vw - 32px));max-height:90vh;overflow:auto}.gift-binding-dialog .actions{display:flex;justify-content:flex-end;gap:10px}.gift-display-controls input[type=number]{width:100%;min-height:40px}.gift-display-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.gift-display-controls>.actions,.gift-display-controls>.field:nth-child(2),.gift-display-controls>.gift-display-toggle,.gift-display-controls>p{grid-column:1/-1}.gift-display-controls>.field{margin:0;min-width:0}.gift-display-controls .actions{margin:0}.gift-display-controls .hint:empty{display:none}.gift-display-controls select{max-width:100%}@media(max-width:479px){.gift-display-controls{grid-template-columns:minmax(0,1fr)}}.obs-console{min-width:0;container-type:inline-size}.obs-console-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.obs-console h2{display:flex;gap:8px;align-items:center}.obs-console-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.obs-console-summary>div{display:flex;flex-direction:column;gap:6px;border:1px solid var(--border);border-radius:10px;padding:12px;overflow-wrap:anywhere}.obs-console-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.obs-console .field,.obs-console-form{min-width:0}.obs-console input:not([type=checkbox]),.obs-console select,.obs-console textarea{width:100%;min-width:0}.obs-console-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;margin-top:16px}.obs-console-catalog{max-height:520px;overflow:auto}.obs-console-action{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border-bottom:1px solid var(--border)}.obs-console-action>div{min-width:0;overflow-wrap:anywhere}.obs-console-action small{display:block;margin-top:4px}.obs-console-action.selected{background:var(--surface-raised)}.obs-console-shortcuts,.obs-console .actions{display:flex;gap:8px;margin:14px 0}.obs-console-result{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;font-size:12px}.obs-console details{margin-top:16px}.obs-console details>div{max-height:300px;overflow:auto}.obs-console meter{width:180px;max-width:100%}@container (max-width:650px){.obs-console-workspace,.obs-console-fields{grid-template-columns:minmax(0,1fr)}.obs-console-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.obs-console-catalog{max-height:260px}}.obs-console-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.obs-console-previews figure{margin:0;min-width:0}.obs-console-previews img{width:100%;display:block;border:1px solid var(--border);border-radius:8px;margin:8px 0}.obs-console-previews figcaption{font-weight:600}.obs-console-previews small{color:var(--muted)}@container (max-width:500px){.obs-console-previews{grid-template-columns:1fr}}:root{--font-size:14px;--line-height:1.5;--gap:20px;--control-height:38px;--secondary:#2465c7;--on-primary:#fff}.color-inputs input,.custom-theme>input{font:inherit;background:var(--input-bg);border:var(--border-width,1px) solid var(--input-border);color:var(--text);border-radius:calc(5px * var(--radius-scale,1));min-height:var(--control-height)}.color-inputs input[aria-invalid=true]{border-color:var(--danger)}.appearance-page{min-width:0}.appearance-page .tabs{overflow-x:auto;padding-bottom:2px}.appearance-page .tabs button{flex-shrink:0}.appearance-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap);align-items:start}.theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3);margin-top:var(--s4)}.theme-tile{flex-direction:column;align-items:stretch;text-align:left;padding:8px;gap:8px;font-size:calc(var(--font-size)*.8);min-width:0}:root .theme-tile[aria-pressed=true],:root .mode-controls [aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--primary) 12%,var(--surface))}.theme-mini{display:flex;background:var(--bg);color:var(--text);height:76px;border-radius:4px;border:1px solid var(--border);overflow:hidden;gap:6px;padding:6px;pointer-events:none}.mini-nav{width:16%;background:var(--surface-raised);border-left:3px solid var(--primary)}.mini-content{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px;font:8px/1.3 system-ui}.mini-line{display:block;background:var(--surface-raised);height:7px;width:90%}.mini-cards{display:flex;gap:4px}.mini-cards i{height:18px;background:var(--surface-raised);flex:1;border-top:2px solid var(--primary)}.mode-controls{display:flex;gap:8px;flex-wrap:wrap}.mode-controls .button{flex:1}.color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}.color-field{min-width:0}.color-field label{font-size:calc(var(--font-size)*.85);display:block;margin-bottom:6px}.color-inputs{display:flex;gap:6px;min-width:0}.color-inputs input[type=color]{width:36px;flex:0 0 36px;padding:3px;cursor:pointer}.color-inputs input:not([type=color]){min-width:0;width:100%;padding:6px;font-size:calc(var(--font-size)*.85)}.theme-preview{background:var(--bg);color:var(--text);font:var(--font-size)/var(--line-height) var(--font);padding:var(--s4);border-radius:var(--radius);border:1px solid var(--border);min-width:0}.theme-preview>.hint{margin-top:12px}.custom-themes{display:grid;gap:var(--s3)}.custom-theme{display:grid;gap:8px;padding-bottom:var(--s3);border-bottom:1px solid var(--border);min-width:0}.custom-theme>input{width:100%;min-width:0;padding:8px}.custom-theme .actions{margin-top:0}.appearance-footer{display:flex;gap:var(--s3);justify-content:space-between;align-items:center;flex-wrap:wrap;border-top:1px solid var(--border);margin-top:var(--s6);padding:var(--s4) 0}.appearance-footer .actions{margin-top:0}.appearance-page>p[role=status]{margin-bottom:16px}@media(max-width:1150px){.appearance-layout{grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:700px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.color-grid{grid-template-columns:1fr}.appearance-footer>.button,.appearance-footer .actions{width:100%}.appearance-footer .actions .button{flex:1 1 140px}.page-heading{align-items:flex-start}.page-heading>div{min-width:0}}.appearance-page .button{min-width:0;max-width:100%;overflow-wrap:anywhere}.custom-theme{grid-template-columns:minmax(0,1fr)}.appearance-page .button .lucide{flex-shrink:0}@media(max-width:700px){.appearance-footer .actions #appearance-save{flex-basis:100%}}.mode-controls .button{flex:1 1 140px}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:32px;margin:0;scroll-margin:0}.auth-layout{width:min(1100px,100%);display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.auth-intro{padding:32px 0}.auth-logo{width:min(260px,80%);height:auto;margin-bottom:44px}.auth-intro h1{font-size:clamp(28px,3vw,44px);max-width:420px}.auth-benefits{display:grid;gap:24px;margin-top:48px;color:var(--muted)}.auth-benefits>div{display:flex;align-items:center;gap:16px}.auth-benefits svg{color:var(--accent);flex-shrink:0}.auth-panel{display:flex;flex-direction:column;gap:20px;padding:36px;min-width:0}.auth-panel h2{margin:0}.auth-panel .auth-title{font-size:26px}.auth-panel form{display:grid;gap:18px}.auth-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-toolbar select{width:auto;max-width:160px}.auth-secret{display:flex;position:relative}.auth-secret input{padding-right:52px;width:100%;min-width:0}.auth-secret button{position:absolute;right:3px;top:3px;bottom:3px;min-width:40px;padding:8px}.auth-links{display:flex;flex-wrap:wrap;gap:8px}.auth-links .button{font-size:12px;flex:1}.auth-panel details summary{cursor:pointer;color:var(--muted)}.auth-panel details .field{margin:16px 0}.auth-panel textarea{width:100%;font:inherit;background:var(--surface-raised);color:var(--text);padding:16px;border:1px solid var(--border);border-radius:var(--radius);resize:vertical;user-select:text}.auth-panel #auth-error:empty{display:none}.auth-panel .choice{margin:0}.account-actions{display:flex;gap:12px;flex-wrap:wrap}.identity .account-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:760px){.auth-screen{padding:20px 16px}.auth-layout{grid-template-columns:1fr;max-width:500px;gap:20px}.auth-intro{padding:12px;text-align:center}.auth-logo{width:180px;margin-bottom:20px}.auth-intro h1{font-size:28px}.auth-benefits{display:none}.auth-panel{padding:24px}.auth-intro .eyebrow{display:none}.auth-panel .auth-title{font-size:24px}.identity .account-name{display:none}.identity #logout-button{min-width:38px;padding:8px}.identity #logout-button span{display:none}}.auth-toolbar select{background:var(--surface-raised);color:var(--text);border:var(--border-width,1px) solid var(--border);border-radius:var(--radius);min-height:40px;padding:6px 12px}.auth-panel .auth-links .button{white-space:normal}*{scrollbar-width:thin;scrollbar-color:var(--primary) var(--bg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:8px;border:2px solid var(--bg)}.auth-screen{min-height:100dvh;padding:24px 16px;display:grid;place-items:center}.auth-layout{width:min(440px,100%);display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 16px 56px #0002}.auth-intro{padding:24px 24px 0;text-align:center}.auth-logo{display:block;width:160px;max-width:100%;margin:0 auto}.auth-intro h1,.auth-intro .eyebrow,.auth-intro .muted,.auth-benefits{display:none}.auth-panel{width:100%;padding:20px 28px 24px;gap:12px;border:0;background:transparent;box-shadow:none}.auth-panel .auth-title{font-size:24px;line-height:1.25}.auth-panel form{gap:12px}.auth-panel .field{margin:0}.auth-panel .field label{margin-bottom:6px}.auth-panel .hint:empty{display:none}.auth-panel .choice,.auth-toolbar .eyebrow{margin:0}.auth-panel details{font-size:12px}.account-control{position:relative;min-width:0}.account-trigger{border-color:transparent;gap:10px;text-align:left}.identity .avatar{position:relative;display:grid;flex-shrink:0;width:36px;height:36px}.connection-dot{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;background:var(--success);border:2px solid var(--bg);border-radius:50%}.account-label{min-width:0}.account-label strong{display:block}.account-menu{position:fixed;inset:76px 24px auto auto;margin:0;width:min(280px,calc(100vw - 32px));padding:12px;background:var(--surface-raised);color:var(--text);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 36px #0004}.account-menu>strong{display:block;overflow-wrap:anywhere;padding:4px 8px 0}.account-menu>small{display:block;padding:0 8px 12px;color:var(--muted)}.account-menu a,.account-menu .button{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;padding:10px 8px;font-size:13px;border:0;border-radius:6px}.account-menu a:hover{background:var(--button-hover)}.account-menu #logout-button{border-top:1px solid var(--border);border-radius:0;margin-top:6px}.global-search{position:relative;display:flex;align-items:center;gap:10px;flex:1 1 300px;max-width:420px;min-width:100px;height:38px;padding:0 12px;border:1px solid var(--input-border);border-radius:8px;background:var(--input-bg);color:var(--muted)}.global-search>svg{flex-shrink:0}.global-search input{min-width:0;width:100%;border:0;background:transparent;color:var(--text);outline-offset:2px;font-size:13px}.global-search:focus-within{border-color:var(--primary)}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:220px;max-height:360px;overflow:auto;padding:6px;border:1px solid var(--border);border-radius:8px;background:var(--surface-raised);box-shadow:0 12px 32px #0003;color:var(--text)}.search-results a{display:flex;align-items:center;gap:10px;padding:12px 8px;border-radius:4px}.search-results a:hover,.search-results a:focus{background:var(--button-hover)}.search-results p{padding:12px}.topbar .breadcrumb{flex:0 1 auto}.identity .account-control{display:block}@media(max-width:1100px){.account-label{display:none}.topbar .breadcrumb>span{display:none}}@media(max-width:760px){.account-menu{top:68px;right:16px}.identity #logout-button span{display:inline}.auth-panel{padding:16px 20px 20px}.auth-screen{padding:16px}.auth-intro{padding-top:20px}}@media(max-width:600px){.topbar .breadcrumb{display:none}.global-search{min-width:80px;padding:0 8px;gap:6px}.account-trigger{gap:3px;padding:4px}.account-trigger>svg{display:none}.identity .avatar{width:30px;height:30px}.search-results{min-width:200px}}@media(max-height:720px){.auth-screen{padding:12px}.auth-intro{padding-top:16px}.auth-logo{width:132px}.auth-panel{padding-top:12px;padding-bottom:16px;gap:10px}.auth-panel form{gap:10px}}.boot-splash{position:fixed;inset:0;z-index:100;background:#050b14;color:#e5edf8;display:grid;place-items:center;padding:24px}.splash-content{display:grid;justify-items:center;gap:28px;width:min(300px,100%);text-align:center}.splash-logo{display:block;width:min(240px,100%);height:auto}.splash-content p{font-size:13px;color:#a7b4c9;letter-spacing:.3px}.splash-progress{position:relative;width:160px;height:3px;overflow:hidden;border-radius:3px;background:#243044}.splash-progress:after{content:"";position:absolute;inset:0 auto 0 0;width:45%;background:var(--primary,#7738ce);border-radius:3px;animation:splash-progress 1.15s ease-in-out infinite alternate}@keyframes splash-progress{0%{transform:translate(-20%)}to{transform:translate(145%)}}@media(prefers-reduced-motion:reduce){.splash-progress:after{animation:none;left:28%}}.auth-panel{padding-top:24px}.auth-toolbar{justify-content:flex-end}.auth-panel .auth-title{margin-bottom:4px}@media(max-height:720px){.auth-panel{padding-top:16px}}[data-desktop=true]:not([data-presentation=workspace]),[data-desktop=true]:not([data-presentation=workspace]) body{background:transparent}[data-desktop=true] .boot-splash{background:#050b14ad;border:1px solid #ffffff24;border-radius:18px;backdrop-filter:blur(24px);-webkit-app-region:drag}[data-desktop=true] .auth-screen{padding:0;min-height:100dvh;background:transparent}[data-desktop=true] .auth-layout{width:100%;min-height:100dvh;border-radius:18px;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(24px);box-shadow:none;justify-content:center;position:relative;padding-top:34px}[data-desktop=true] .auth-layout:before{content:"";position:absolute;top:0;left:0;right:110px;height:38px;-webkit-app-region:drag}.window-controls{display:flex;align-items:center;gap:2px;flex-shrink:0;-webkit-app-region:no-drag}.window-controls .button{padding:6px;min-height:30px;width:32px;border:0}.window-controls .close-window:hover{background:#b3263a;color:#fff}.auth-layout>.window-controls,.boot-splash>.window-controls{position:absolute;right:10px;top:8px;z-index:2}.auth-layout .maximize-window,.boot-splash .maximize-window{display:none}[data-desktop=true] .topbar{-webkit-app-region:drag}[data-desktop=true] .topbar button,[data-desktop=true] .topbar input,[data-desktop=true] .topbar a,[data-desktop=true] .global-search,[data-desktop=true] .account-menu{-webkit-app-region:no-drag}[data-desktop=true] .identity{gap:8px}@media(max-width:600px){[data-desktop=true] .identity{gap:2px}.window-controls .button{width:26px;padding:4px}}[data-desktop=true] .auth-layout{width:min(480px,100%);min-height:min(650px,100dvh)}.access-logo{display:block;width:148px;max-width:42%;height:auto;object-fit:contain;margin-right:auto}.auth-toolbar{gap:10px}[data-desktop=true] .auth-layout{border-color:color-mix(in srgb,var(--text) 22%,transparent);backdrop-filter:blur(18px) saturate(135%)}[data-desktop=true] .auth-panel .field input{background:var(--input-bg,var(--bg))}@media(max-width:400px){.access-logo{width:120px;max-width:38%}.auth-toolbar{gap:8px}.auth-toolbar select{max-width:116px}}.auth-panel.card,[data-theme=light] .auth-panel.card{background:transparent;border:0;box-shadow:none}[data-desktop=true] .auth-layout{backdrop-filter:none}:root[data-desktop=true]:not([data-presentation=workspace]){color-scheme:normal;background:transparent}[data-desktop=true] .auth-panel .secondary,[data-desktop=true] .auth-toolbar .icon{background:var(--surface-raised);border-color:var(--button-border,var(--border))}[data-desktop=true] .auth-panel .secondary:hover,[data-desktop=true] .auth-toolbar .icon:hover{background:var(--button-hover,var(--surface))}[data-desktop=true] .auth-layout{background:var(--surface);border-radius:0;border:0}.auth-secret>.button{border:0;background:transparent;box-shadow:none;top:1px;bottom:1px;right:1px}.auth-secret>.button:hover{background:var(--button-hover)}.auth-layout{border-radius:0}[data-desktop=true] .auth-layout{padding-top:40px}[data-desktop=true] .auth-layout:before{content:none}.app-titlebar{position:absolute;inset:0 0 auto;z-index:2;height:40px;display:flex;align-items:center;justify-content:space-between;padding-left:16px;background:var(--surface);border-bottom:1px solid var(--border);-webkit-app-region:drag;user-select:none}.access-window-title{font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--muted)}.app-titlebar .window-controls{height:100%;gap:0}.app-titlebar .window-controls .button{height:100%;min-height:40px;width:44px;border-radius:0;background:transparent}.app-titlebar .window-controls .button:hover{background:var(--button-hover)}.app-titlebar .window-controls .close-window:hover{background:#b3263a;color:#fff}.window-title{display:flex;align-items:center;gap:8px;min-width:0;pointer-events:none}.window-app-icon{width:20px;height:20px;object-fit:contain}.splash-titlebar .maximize-window{display:none}[data-desktop=true][data-presentation=workspace] #app{padding-top:40px}.workspace-titlebar{position:fixed;z-index:40}[data-desktop=true][data-presentation=workspace] .sidebar{top:40px}[data-desktop=true][data-presentation=workspace] .workspace{min-height:calc(100dvh - 40px)}[data-desktop=true][data-presentation=workspace] .topbar{top:40px}[data-desktop=true] .account-menu{top:116px}[data-desktop=true] .mobile-navigation{top:40px;height:calc(100dvh - 40px);max-height:calc(100dvh - 40px)}@media(max-width:760px){[data-desktop=true] .account-menu{top:108px}}.recovery-tools{display:grid;gap:12px;min-width:0}.recovery-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.recovery-heading strong{font-size:13px}.recovery-heading .button{font-size:12px;padding:8px 10px;min-height:36px;white-space:normal}.recovery-placeholder{display:flex;align-items:center;gap:10px;padding:18px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);color:var(--muted)}.recovery-tools textarea{display:block;width:100%;min-width:0;resize:none;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--input-bg,var(--bg));color:var(--text);font:13px/1.6 ui-monospace,monospace;overflow-wrap:anywhere;user-select:text}.recovery-tools [hidden]{display:none!important}.recovery-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.recovery-actions .button{gap:8px;min-width:0;white-space:normal}.recovery-status:empty{display:none}.recovery-tools .hint{margin:0}@media(max-width:380px){.recovery-heading{align-items:flex-start}.recovery-actions{grid-template-columns:1fr}}.tiktok-view{display:grid;gap:var(--space-5,20px)}.tiktok-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tiktok-metrics h2>span{display:flex;align-items:center;gap:8px}.tiktok-number{display:block;font-size:2rem;font-variant-numeric:tabular-nums;margin-block:12px}.tiktok-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tiktok-content>.card{min-width:0}.tiktok-host{display:flex;align-items:center;gap:12px;margin-bottom:16px}.tiktok-avatar{width:40px;height:40px;flex-shrink:0;object-fit:cover;border-radius:50%;background:var(--surface)}.tiktok-view video{display:block;width:100%;max-height:330px;background:#000;object-fit:contain}.tiktok-view video[hidden]{display:none}.tiktok-activity,.tiktok-ranking{list-style:none;padding:0;margin:0;max-height:360px;overflow:auto}.tiktok-activity li,.tiktok-ranking li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.tiktok-activity li>div{min-width:0;flex:1}.tiktok-activity p{margin:4px 0;overflow-wrap:anywhere}.tiktok-activity time{display:block;font-size:.75rem;color:var(--muted)}.tiktok-ranking li>span{flex:1;overflow-wrap:anywhere}.tiktok-details .summary-row{align-items:start;gap:16px}.tiktok-details strong{max-width:65%;text-align:right;overflow-wrap:anywhere}.tiktok-chart{height:190px;display:flex;align-items:end;gap:3px;border-bottom:1px solid var(--border);padding-top:12px}.tiktok-bar{flex:1;min-width:1px;background:var(--primary,#f59e0b);border-radius:3px 3px 0 0}.tiktok-view summary{cursor:pointer;padding:16px;font-weight:600}.tiktok-view .table-wrap{max-height:360px;overflow:auto}.tiktok-view .actions{margin-top:12px}@media(min-width:1400px){.tiktok-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:700px){.tiktok-content{grid-template-columns:minmax(0,1fr)}.tiktok-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tiktok-number{font-size:1.5rem}.tiktok-metrics .card{padding:14px}.tiktok-metrics h2{font-size:.85rem}}.tiktok-view [hidden]{display:none!important}.tiktok-connection{display:grid;grid-template-columns:minmax(200px,1fr) minmax(280px,2fr);gap:10px 24px}.tiktok-connection>h2{grid-column:1/-1}.tiktok-connection>form{grid-column:2;grid-row:2/5}.tiktok-connection>.hint{grid-column:1/-1}.tiktok-connection .tiktok-host{margin-bottom:0}.tiktok-connection .field{margin:0}.tiktok-overview{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,2fr);gap:20px}.tiktok-overview .tiktok-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tiktok-overview .tiktok-metrics .card{padding:18px}.tiktok-overview .tiktok-metrics h2{font-size:.9rem}.tiktok-main{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.2fr)}@media(max-width:1200px){.tiktok-overview{grid-template-columns:minmax(0,1fr)}.tiktok-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(max-width:700px){.tiktok-connection{display:flex;flex-direction:column}.tiktok-main{grid-template-columns:minmax(0,1fr)}.tiktok-overview .tiktok-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tiktok-overview .tiktok-metrics .card{padding:14px}}.tiktok-view{min-width:0;container-type:inline-size}@container (max-width:600px){.tiktok-connection{display:flex;flex-direction:column}.tiktok-content,.tiktok-main,.tiktok-overview{grid-template-columns:minmax(0,1fr)}.tiktok-overview .tiktok-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tiktok-overview .tiktok-metrics .card{padding:14px}}.tiktok-host>div{min-width:0;overflow-wrap:anywhere}.tiktok-activity strong{overflow-wrap:anywhere}.tiktok-ranking li>span{min-width:0}.tiktok-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.tiktok-top>.tiktok-connection{grid-column:span 2}.tiktok-top>.card{min-width:0}.tiktok-top video{max-height:220px}.tiktok-status{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tiktok-connection{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-content:start}.tiktok-connection>form{min-width:0}.tiktok-view>.tiktok-metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:start}.tiktok-view>.tiktok-metrics>.card{padding:16px;min-width:0}.tiktok-metrics h2{font-size:.85rem;margin-bottom:6px}.tiktok-number{font-size:1.65rem;margin-block:6px}.tiktok-metrics .hint{margin:0}.tiktok-view>[aria-live]:empty{display:none}.tiktok-gifts{list-style:none;padding:0;margin:0;max-height:360px;overflow:auto}.tiktok-gifts li{display:grid;grid-template-columns:40px minmax(0,1fr) 44px minmax(70px,1fr);align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.tiktok-gift-user,.tiktok-gift-name{min-width:0;overflow-wrap:anywhere}.tiktok-gift-user p{margin:4px 0 0}.tiktok-gift-image{width:44px;height:44px;object-fit:contain;border-radius:8px}.tiktok-gift-count{display:block;font-size:1.2rem;font-variant-numeric:tabular-nums;margin-top:4px}@container (max-width:1000px){.tiktok-view>.tiktok-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.tiktok-connection{display:flex;flex-direction:column}}@container (max-width:720px){.tiktok-top{grid-template-columns:minmax(0,1fr)}.tiktok-top>.tiktok-connection{grid-column:auto}.tiktok-view>.tiktok-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.tiktok-gift-collection{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.tiktok-gift-collection figure{margin:0;padding:12px;text-align:center;border:1px solid var(--border);border-radius:8px;overflow-wrap:anywhere}.tiktok-gift-collection img{width:64px;height:64px;object-fit:contain;border-radius:8px}.tiktok-gift-collection small{display:block;color:var(--muted);margin-top:4px}.tiktok-view>.tiktok-metrics{align-items:stretch;grid-auto-rows:1fr}.tiktok-view>.tiktok-metrics>.card{display:flex;flex-direction:column}.tiktok-metrics .hint{margin-top:auto}.tiktok-devices>div{padding:0 16px 16px}.tiktok-variable-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}.tiktok-view table code{white-space:nowrap;user-select:all}.tiktok-view table td{overflow-wrap:anywhere}.tiktok-view .tiktok-variable-pagination{flex-direction:row;margin-top:0;overflow:visible}.tiktok-dashboard{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1.15fr);align-items:start;gap:16px}.tiktok-dashboard>.card:nth-child(3){grid-column:3;grid-row:1/3}.tiktok-dashboard>.card:nth-child(4){grid-column:1;grid-row:2}.tiktok-dashboard>.card:nth-child(5){grid-column:2;grid-row:2}.tiktok-dashboard .tiktok-gifts li{grid-template-columns:32px minmax(0,1fr);gap:8px}.tiktok-dashboard .tiktok-gifts img{width:32px;height:32px}.tiktok-dashboard .tiktok-ranking,.tiktok-dashboard .tiktok-gifts{max-height:280px}.tiktok-variable-token{display:flex;align-items:center;gap:8px;white-space:nowrap}.tiktok-variable-token .button{flex-shrink:0}.tiktok-view #tiktok-preview-toggle{margin-top:12px}.tiktok-dashboard>.card{min-width:0}@container (max-width:1000px){.tiktok-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.tiktok-dashboard>.card:nth-child(3){grid-column:1/-1;grid-row:3}}@container (max-width:600px){.tiktok-dashboard{grid-template-columns:minmax(0,1fr)}.tiktok-dashboard>.card:nth-child(n){grid-column:auto;grid-row:auto}}.tiktok-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:16px}.tiktok-tabs [aria-selected=true]{background:var(--nav-active-bg);border-color:var(--primary);color:var(--text)}.tiktok-catalogs,.tiktok-catalogs [role=tabpanel]{min-width:0}.tiktok-catalogs .table-wrap{max-height:480px}.tiktok-connection .actions{gap:8px}.tiktok-connection .actions>.button{padding-inline:10px}.tiktok-history-table{max-width:100%;overflow:auto;overscroll-behavior:contain}.tiktok-history-table table{width:max-content;min-width:100%;table-layout:auto}.tiktok-history-table th,.tiktok-history-table td{padding:10px 12px;word-break:normal;overflow-wrap:normal;font-size:.75rem;vertical-align:top}.tiktok-history-table th{min-width:105px;max-width:170px;white-space:normal}.tiktok-history-table td{white-space:nowrap}.tiktok-history-table th:first-child,.tiktok-history-table td:first-child{min-width:170px;position:sticky;left:0;background:var(--surface);z-index:1}.tiktok-history-table thead th{position:sticky;top:0;z-index:2;background:var(--surface-raised)}.tiktok-history-table thead th:first-child{z-index:3}.tiktok-history-table td:first-child .button{white-space:nowrap;word-break:normal;overflow-wrap:normal;padding:6px 8px;font-size:.75rem}.tiktok-history-table .tiktok-history-live{min-width:220px;max-width:280px;white-space:normal}.tiktok-history-live strong{display:block;white-space:nowrap;font-weight:500}.tiktok-history-live span{display:block;margin-top:5px;line-height:1.4}.tiktok-history-table td:nth-child(n+8):nth-child(-n+13){text-align:right;font-variant-numeric:tabular-nums}.tiktok-account-search{position:relative;min-width:0}.tiktok-account-input{position:relative}.tiktok-account-input>.lucide{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.tiktok-account-input>input{width:100%;padding-left:38px}#tiktok-account-results{position:absolute;top:76px;left:0;right:0;z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:4px;box-shadow:0 8px 24px #0004;max-height:270px;overflow:auto}#tiktok-account-results[hidden]{display:none}#tiktok-account-results>[role=option]{display:flex;align-items:center;gap:8px;padding:8px;border-radius:5px;cursor:pointer;color:var(--text)}#tiktok-account-results>[role=option]:hover,#tiktok-account-results>[aria-selected=true]{background:var(--surface-raised);outline:1px solid var(--accent)}#tiktok-account-results>[role=option]>div{min-width:0}#tiktok-account-results strong,#tiktok-account-results span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#tiktok-account-results strong{font-size:.8rem}#tiktok-account-results span{font-size:.72rem;color:var(--muted)}.gift-animation-link{display:inline-flex;align-items:center;justify-content:center;gap:4px;margin-top:8px;color:var(--accent);font-size:12px;font-weight:700;text-decoration:none}.gift-animation-link svg{width:14px;height:14px}.gift-animation-link:hover{text-decoration:underline}.gift-media-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:12px}.gift-media-tabs{display:flex;flex-wrap:wrap;gap:8px}.gift-media-tabs [role=tab]{display:inline-flex;align-items:center;gap:6px}.gift-media-tabs [role=tab][aria-selected=true]{border-color:var(--accent);color:var(--accent)}.gift-media-tabs svg,.gift-media-toolbar>button svg{width:16px;height:16px}.gift-translation-open{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:100%;margin-top:8px;padding:6px 7px;font-size:11px}.gift-translation-open svg{width:13px;height:13px}.gift-original-name{font-style:italic}.gift-translation-dialog{width:min(430px,calc(100vw - 32px))}.gift-translation-summary{display:flex;align-items:center;gap:12px;margin:12px 0;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-raised)}.gift-translation-summary img{width:56px;height:56px;object-fit:contain;border-radius:8px}.gift-translation-summary strong,.gift-translation-summary small{display:block}.gift-translation-summary small{margin-top:4px;color:var(--muted)}.gift-translation-dialog .field{margin-top:12px}.gift-translation-dialog .actions{justify-content:flex-end}.gift-card-actions{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.gift-card-actions .gift-animation-open,.gift-card-actions .gift-asset-copy{display:inline-grid;place-items:center;width:34px;height:34px;margin:0;padding:0}.gift-animation-open svg{width:14px;height:14px}.gift-animation-dialog{width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto}.gift-animation-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.gift-animation-dialog>header h2{margin:0}.gift-animation-stage{display:grid;place-items:center;width:min(100%,430px,38.25vh);aspect-ratio:9/16;margin:16px auto;border:1px solid var(--border);border-radius:10px;overflow:hidden;background-color:#17202b;background-image:linear-gradient(45deg,#263342 25%,transparent 25%),linear-gradient(-45deg,#263342 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#263342 75%),linear-gradient(-45deg,transparent 75%,#263342 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.gift-animation-stage video{display:block;width:100%;height:100%;object-fit:contain;background:transparent}.gift-animation-actions{display:flex;justify-content:center;margin:0 auto 12px}.gift-animation-actions button{display:inline-flex;align-items:center;gap:6px}.gift-animation-folder-status:empty{display:none}.gift-animation-status{min-height:28px}.gift-animation-dialog>.hint{text-align:center}.gift-animation-stage[hidden]{display:none}.gift-asset-copy{display:inline-grid;place-items:center;margin:8px auto 0}.gift-asset-copy svg{width:16px;height:16px}.interactions-view{display:grid;gap:16px;min-width:0}.interactions-filters{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:12px;margin-bottom:18px;align-items:start}.interactions-filters>.actions{grid-column:1/-1}.interactions-filters .field{min-width:0}.interactions-filters input,.interactions-filters select{width:100%;min-width:0}.interactions-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.interactions-metrics .card{padding:16px}.interactions-metrics h2>span{display:flex;gap:8px;align-items:center}.interactions-number{display:block;font-size:1.8em;margin:8px 0;font-variant-numeric:tabular-nums}.interactions-view .tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.interactions-view .tabs [aria-selected=true]{border-color:var(--primary);color:var(--primary);background:var(--surface-raised,var(--surface))}.interactions-layout{display:grid;grid-template-columns:minmax(230px,1fr) minmax(360px,1.5fr) minmax(220px,1fr);gap:14px;align-items:start}.interactions-layout>.card,.interactions-analysis>.card{padding:16px;min-width:0}.interactions-analysis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}.interactions-person{display:flex;align-items:center;gap:8px;min-width:0}.interactions-person>span{overflow-wrap:anywhere;min-width:0}.interactions-feed,.interactions-ranking,.interactions-gifts{padding:0;list-style:none}.interactions-feed{max-height:550px;overflow:auto}.interactions-feed li{padding:12px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.interactions-feed p{margin:6px 0}.interactions-feed time{font-size:.8em;color:var(--muted)}.interactions-ranking{max-height:350px;overflow:auto}.interactions-ranking li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;font-size:.9em}.interactions-ranking strong{flex-shrink:0}.interactions-chart{height:160px;display:flex;align-items:end;gap:3px;overflow:auto;border-bottom:1px solid var(--border);margin-top:18px}.interactions-chart>div{flex:1;min-width:4px;background:var(--success,var(--primary));border-radius:3px 3px 0 0}.interactions-words{display:flex;gap:6px;flex-wrap:wrap}.interactions-gifts li{display:grid;gap:8px;padding:12px 0;border-bottom:1px solid var(--border)}.interactions-gifts progress{width:100%;accent-color:var(--primary)}.interactions-view .hint{overflow-wrap:anywhere}.interactions-view .summary-row{flex-wrap:wrap;gap:6px}.interactions-view details>summary{cursor:pointer}.interactions-view [hidden]{display:none!important}@media(max-width:1250px){.interactions-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.interactions-layout>.card:last-child{grid-column:1/-1}.interactions-gifts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.interactions-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.interactions-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.interactions-layout,.interactions-analysis,.interactions-gifts{grid-template-columns:minmax(0,1fr)}.interactions-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.interactions-filters{grid-template-columns:minmax(0,1fr)}.interactions-number{font-size:1.45em}.interactions-view .tabs .button{flex:1 1 110px}}.interactions-gift-event{display:flex;align-items:center;gap:10px;margin:8px 0}.interactions-gift-event>div{min-width:0}.interactions-gift-image{width:44px;height:44px;object-fit:contain;flex:none}.interactions-emote{width:1.6em;height:1.6em;object-fit:contain;vertical-align:middle}.interactions-gift-counts{display:flex;align-items:baseline;gap:5px;white-space:nowrap;font-size:.9em;overflow-x:auto;max-width:100%}.interactions-gift-counts>*{flex:none}.dashboard-view{display:grid;gap:16px;min-width:0}.dashboard-view [inert]{opacity:.55}.dashboard-toolbar{justify-content:flex-end}.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 20px}.dashboard-welcome h2{font-size:1.55em;margin:0;overflow-wrap:anywhere}.dashboard-welcome .muted{margin-bottom:0}.dashboard-welcome>.actions{flex-shrink:0}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.dashboard-metrics .card{padding:18px;min-width:0}.dashboard-metrics h2>span{display:flex;align-items:center;gap:9px}.dashboard-metrics h2 svg{color:var(--accent)}.dashboard-number{display:block;font-size:2em;font-variant-numeric:tabular-nums;line-height:1.4;margin:12px 0}.dashboard-account{margin:12px 0 0;overflow-wrap:anywhere}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;margin-bottom:16px;align-items:start}.dashboard-stack{display:grid;gap:16px;min-width:0}.dashboard-view .card{min-width:0}.dashboard-view .summary-row{gap:12px;align-items:start}.dashboard-view .summary-row strong{text-align:right;overflow-wrap:anywhere;min-width:0}.dashboard-activity,.dashboard-records{list-style:none;padding:0;margin:0}.dashboard-activity{max-height:355px;overflow:auto}.dashboard-activity li{padding:14px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.dashboard-activity li>div{display:flex;gap:10px;align-items:center}.dashboard-activity li>div strong{min-width:0;flex:1}.dashboard-activity svg{flex-shrink:0;color:var(--accent)}.dashboard-activity time{font-size:.8em;color:var(--muted);flex-shrink:0}.dashboard-activity p{margin:6px 0 0;padding-left:28px}.dashboard-session-stats{margin:14px 0}.dashboard-records li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.dashboard-records li>div:first-child{min-width:0}.dashboard-records li>.actions{flex-shrink:0}.dashboard-records+.button{margin-top:14px}.dashboard-view .hint,.dashboard-view .muted{overflow-wrap:anywhere}.dashboard-dialog{max-width:540px;max-height:calc(100vh - 48px);overflow:auto}.dashboard-dialog input,.dashboard-dialog textarea,.dashboard-dialog select{width:100%;min-width:0}.dashboard-dialog .field{margin-bottom:16px}.dashboard-dialog textarea{font:inherit;color:var(--text);background:var(--input-bg,var(--surface));border:1px solid var(--border);border-radius:var(--radius);padding:10px;resize:vertical}.dashboard-dialog .state{margin-bottom:16px}@media(max-width:1250px){.dashboard-welcome{align-items:flex-start;flex-direction:column}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-records li{align-items:flex-start;flex-direction:column}.dashboard-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.dashboard-columns,.dashboard-metrics{grid-template-columns:minmax(0,1fr)}.dashboard-welcome>.actions{flex-wrap:wrap;flex-shrink:1}.dashboard-toolbar{justify-content:flex-start}.dashboard-metrics .card{padding:16px}.dashboard-number{font-size:1.7em}.dashboard-activity li>div{flex-wrap:wrap}.dashboard-activity time{margin-left:28px}.dashboard-view .summary-row{flex-wrap:wrap}.dashboard-view .summary-row strong{text-align:left}.dashboard-dialog{padding:20px}}.overlay-composition{box-sizing:border-box;min-height:0;contain:size;color:var(--overlay-fg);background:var(--overlay-bg);border:1px solid var(--overlay-accent);border-radius:1em;display:flex;flex-direction:column;gap:.7em;overflow:hidden;width:100%;max-height:100%;font-family:Arial,sans-serif;line-height:1.3;text-align:center}.overlay-composition *{box-sizing:border-box}.overlay-composition header h2{margin:0;color:inherit;font:800 1.6em/1.1 Arial,sans-serif;letter-spacing:.035em;overflow-wrap:anywhere}.overlay-composition header p{color:var(--overlay-accent);font-size:.85em;margin:.4em 0 0;overflow-wrap:anywhere}.overlay-composition ol{list-style:none;padding:0;margin:0;display:grid;gap:.35em;text-align:left}.overlay-composition li{display:flex;align-items:center;gap:.45em;border:1px solid color-mix(in srgb,var(--overlay-accent) 35%,transparent);border-radius:.65em;padding:.45em;min-width:0;overflow-wrap:anywhere}.overlay-person{flex:1;min-width:0}.overlay-person strong{font-size:1em;font-weight:700}.overlay-person p{font-size:.75em;margin:.2em 0 0;color:inherit}.overlay-position{font-size:.9em;font-weight:900;color:var(--overlay-accent);min-width:1.4em;text-align:center}.overlay-avatar{position:relative;display:grid;place-items:center;width:2.3em;height:2.3em;flex:0 0 2.3em;border-radius:50%;overflow:hidden;border:1px solid var(--overlay-accent);font-size:.85em;font-weight:700}.overlay-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.overlay-score{display:flex;gap:.3em;align-items:center;flex:0 0 auto;font-variant-numeric:tabular-nums;white-space:nowrap}.overlay-score b{font-size:1.05em}.overlay-heart{display:inline-flex;color:var(--overlay-accent)}.overlay-heart .lucide{width:1.05em;height:1.05em;fill:currentColor;stroke:currentColor}.overlay-heart[data-pulse=true]{animation:overlay-heartbeat 1.15s ease-in-out infinite;transform-origin:center}.overlay-composition li[data-rank="1"]{--rank-color:#f5c85b}.overlay-composition li[data-rank="2"]{--rank-color:#d1dcf0}.overlay-composition li[data-rank="3"]{--rank-color:#dba57b}.overlay-composition li[data-podium=true]{border-color:var(--rank-color);border-inline-start:.25em solid var(--rank-color)}.overlay-composition li[data-podium=true] .overlay-position{color:var(--rank-color)}.overlay-composition li[data-podium=true] .overlay-avatar{border:2px solid var(--rank-color)}.overlay-composition[data-style=glass][data-background=true]{background:linear-gradient(135deg,var(--overlay-bg),color-mix(in srgb,var(--overlay-bg) 70%,transparent));backdrop-filter:blur(12px)}.overlay-composition[data-style=glass] li{border-radius:1.5em}.overlay-composition[data-style=cards] li{border-radius:.15em;box-shadow:.2em .2em color-mix(in srgb,var(--overlay-accent) 18%,transparent);border-inline-start:.3em solid var(--overlay-accent)}.overlay-composition[data-style=minimal]{border:0;border-radius:0}.overlay-composition[data-style=minimal] li{border-width:0 0 1px;border-radius:0;padding:.5em 0}.overlay-composition[data-style=classic] header{border-bottom:.15em solid var(--overlay-accent);padding-bottom:.6em}.overlay-composition[data-style=podium] ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45em}.overlay-composition[data-style=podium] li{grid-column:1/-1}.overlay-composition[data-style=podium] li[data-podium=true]{grid-column:auto;flex-direction:column;text-align:center;gap:.2em;padding:.5em .25em;border-top:.25em solid var(--rank-color);border-inline-start-width:1px}.overlay-composition[data-style=podium] li[data-podium=true] .overlay-person{width:100%}.overlay-composition[data-style=podium] li[data-rank="1"]{transform:translateY(-.15em)}.overlay-composition[data-background=false]{background:transparent!important;backdrop-filter:none!important;box-shadow:none}.overlay-message{margin:auto 0;white-space:pre-wrap;overflow-wrap:anywhere;color:inherit}.overlay-composition .overlay-value{font-size:4em;margin:auto 0}.overlay-composition footer{margin-top:auto;border-top:1px solid var(--overlay-accent);padding-top:.4em;font:400 .6em/1.3 Arial,sans-serif;color:inherit;overflow-wrap:anywhere}@keyframes overlay-heartbeat{0%,to{transform:scale(1)}20%{transform:scale(1.18)}40%{transform:scale(1)}60%{transform:scale(1.1)}}body[data-state=paused] .overlay-heart{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.overlay-heart[data-pulse=true]{animation:none}}.overlay-composition[data-studio=true]{position:relative;isolation:isolate;border:0;border-radius:.8em;gap:1em}.overlay-composition[data-studio=true] header{position:relative;text-align:left;padding-bottom:.6em;border-bottom:1px solid var(--overlay-accent)}.overlay-composition[data-studio=true] header h2{font-size:2em;letter-spacing:-.035em;line-height:1}.overlay-composition[data-studio=true] header p{font-size:.72em;letter-spacing:.04em;margin-top:.7em}.overlay-composition[data-studio=true] ol{gap:.55em;position:relative}.overlay-composition[data-studio=true] li{position:relative;isolation:isolate;padding:.7em;border-color:color-mix(in srgb,var(--overlay-accent) 30%,transparent)}.overlay-composition[data-studio=true] .overlay-avatar{background:color-mix(in srgb,var(--overlay-accent) 13%,transparent);width:2.7em;height:2.7em;flex-basis:2.7em}.overlay-composition[data-studio=true] .overlay-position{font-size:1.1em}.overlay-composition[data-studio=true] footer{text-align:right;border:0;letter-spacing:.06em;opacity:.8;padding-top:.6em}.overlay-composition[data-studio=true] li[data-podium=true]{border-inline-start:.23em solid var(--rank-color)}.overlay-composition[data-style=prism][data-background=true]{background:linear-gradient(145deg,var(--overlay-bg) 35%,color-mix(in srgb,var(--overlay-accent) 23%,var(--overlay-bg)) 70%,var(--overlay-bg));border:1px solid var(--overlay-accent);border-radius:2em .3em}.overlay-composition[data-style=prism] li{border-radius:1.8em .4em .4em 1.8em;background:color-mix(in srgb,var(--overlay-accent) 8%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--overlay-fg) 18%,transparent)}.overlay-composition[data-style=prism] .overlay-score{border-left:1px solid var(--overlay-accent);padding-left:.7em}.overlay-composition[data-style=champion] header{text-align:center;border:0}.overlay-composition[data-style=champion] ol{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;padding-top:1.2em}.overlay-composition[data-style=champion] li{grid-column:span 3}.overlay-composition[data-style=champion] li[data-podium=true]{grid-column:span 2;flex-direction:column;text-align:center;border:1px solid var(--rank-color);border-bottom:.35em solid var(--rank-color);padding:1em .3em;background:linear-gradient(0deg,color-mix(in srgb,var(--rank-color) 16%,transparent),transparent)}.overlay-composition[data-style=champion] li[data-rank="1"]{padding-top:2em}.overlay-composition[data-style=champion] li[data-podium=true] .overlay-avatar{font-size:1.35em}.overlay-composition[data-style=champion] .overlay-position{border-radius:50%;border:1px solid currentColor;font-size:.7em;min-width:1.6em}.overlay-composition[data-style=facets]{border-radius:0;border-top:.4em solid var(--overlay-accent)!important}.overlay-composition[data-style=facets] header h2{letter-spacing:.13em;font-size:1.8em}.overlay-composition[data-style=facets] li{border-radius:0;clip-path:polygon(0 0,96% 0,100% 30%,100% 100%,4% 100%,0 70%);background:color-mix(in srgb,var(--overlay-accent) 10%,transparent);padding:.75em 1em}.overlay-composition[data-style=facets] .overlay-avatar{border-radius:.4em;transform:rotate(-6deg)}.overlay-composition[data-style=facets] .overlay-score b{font-size:1.7em;font-weight:900}.overlay-composition[data-style=social] ol{grid-template-columns:repeat(2,minmax(0,1fr))}.overlay-composition[data-style=social] li{flex-wrap:wrap;gap:.45em;border-radius:1.1em}.overlay-composition[data-style=social] li[data-rank="1"]{grid-column:1/-1;background:color-mix(in srgb,var(--overlay-accent) 14%,transparent);padding:1em}.overlay-composition[data-style=social] li[data-rank="1"] .overlay-avatar{font-size:1.4em}.overlay-composition[data-style=social] .overlay-score{margin-left:auto}.overlay-composition[data-style=social] .overlay-person{min-width:45%}.overlay-composition[data-style=pulse] li{border-radius:.25em;border:0;border-bottom:1px solid var(--overlay-accent);overflow:hidden;background:linear-gradient(90deg,color-mix(in srgb,var(--overlay-accent) 23%,transparent) var(--score-share),transparent var(--score-share))}.overlay-composition[data-style=pulse] .overlay-score{font-size:1.25em}.overlay-composition[data-style=pulse] header{border-left:.4em solid var(--overlay-accent);border-bottom:0;padding-left:.8em}.overlay-composition[data-style=tickets] li{border-radius:.2em;border:1px dashed var(--overlay-accent);padding:0 .7em;min-height:3.8em;background:color-mix(in srgb,var(--overlay-accent) 8%,transparent)}.overlay-composition[data-style=tickets] .overlay-position{writing-mode:vertical-rl;font:700 .8em monospace;letter-spacing:.15em}.overlay-composition[data-style=tickets] .overlay-score{align-self:stretch;border-left:2px dashed var(--overlay-accent);padding-left:.7em;margin-left:.3em}.overlay-composition[data-style=tickets] header h2{font-family:monospace;letter-spacing:.1em}.overlay-composition[data-style=scoreboard]{border-radius:0}.overlay-composition[data-style=scoreboard] header{border-bottom:.3em solid var(--overlay-accent);text-transform:uppercase}.overlay-composition[data-style=scoreboard] ol{gap:0}.overlay-composition[data-style=scoreboard] li{border:0;border-radius:0;border-bottom:1px solid var(--overlay-accent);padding:.55em}.overlay-composition[data-style=scoreboard] .overlay-score{font:900 1.5em monospace;padding:.2em .5em;background:color-mix(in srgb,var(--overlay-accent) 15%,transparent)}.overlay-composition[data-style=scoreboard] .overlay-position{font:900 1.6em monospace}.overlay-composition[data-style=editorial]{border-radius:0}.overlay-composition[data-style=editorial] header h2{font:italic 2.8em/.95 Georgia,serif;letter-spacing:-.06em}.overlay-composition[data-style=editorial] header p{letter-spacing:.15em}.overlay-composition[data-style=editorial] li{border:0;border-top:1px solid var(--overlay-accent);border-radius:0;padding:.5em 0}.overlay-composition[data-style=editorial] .overlay-position{font:italic 2.4em Georgia,serif;min-width:1.2em}.overlay-composition[data-style=editorial] .overlay-person strong{font-family:Georgia,serif}.overlay-composition[data-style=editorial] .overlay-score{font:700 1.2em Georgia,serif}.overlay-composition[data-style=orbit] header{text-align:center;border:0}.overlay-composition[data-style=orbit] ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:.65em}.overlay-composition[data-style=orbit] li{flex-direction:column;text-align:center;border:0!important;padding:.6em .2em;gap:.6em}.overlay-composition[data-style=orbit] .overlay-avatar{width:3.6em;height:3.6em;flex-basis:3.6em;box-shadow:0 0 0 .4em color-mix(in srgb,var(--overlay-accent) 10%,transparent)}.overlay-composition[data-style=orbit] .overlay-position{font-size:.8em}.overlay-composition[data-style=orbit] .overlay-person{flex:initial}.overlay-composition[data-style=gala]{border:1px solid var(--overlay-accent)!important;border-radius:.15em;box-shadow:inset 0 0 0 .3em var(--overlay-bg),inset 0 0 0 .34em var(--overlay-accent)}.overlay-composition[data-style=gala] header{text-align:center}.overlay-composition[data-style=gala] header h2{font:2.8em Georgia,serif;letter-spacing:.2em}.overlay-composition[data-style=gala] li{border:0;border-radius:0;border-bottom:1px solid color-mix(in srgb,var(--overlay-accent) 30%,transparent)}.overlay-composition[data-style=gala] .overlay-position{border:1px solid currentColor;border-radius:50%;line-height:1.7em;min-width:1.7em;font-family:Georgia,serif}.overlay-composition[data-style=steps] li{border-radius:0 .9em .9em 0;border-left:.4em solid var(--overlay-accent);background:color-mix(in srgb,var(--overlay-accent) 10%,transparent)}.overlay-composition[data-style=steps] li:nth-child(3n+2){margin-left:1em}.overlay-composition[data-style=steps] li:nth-child(3n){margin-left:2em}.overlay-composition[data-style=steps] .overlay-position{font-size:2em}.overlay-composition[data-style=steps] header{border-bottom:0}.overlay-composition[data-style=spotlight] ol{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.overlay-composition[data-style=spotlight] li{grid-column:2}.overlay-composition[data-style=spotlight] li[data-rank="1"]{grid-column:1;grid-row:1/span 4;flex-direction:column;text-align:center;justify-content:center;background:linear-gradient(155deg,color-mix(in srgb,var(--overlay-accent) 20%,transparent),transparent);border:1px solid var(--rank-color);gap:.8em}.overlay-composition[data-style=spotlight] li[data-rank="1"] .overlay-person{flex:initial}.overlay-composition[data-style=spotlight] li[data-rank="1"] .overlay-avatar{font-size:1.8em}.overlay-composition[data-style=spotlight] li[data-rank="1"] .overlay-score{font-size:1.4em}.overlay-composition:is([data-style=ribbon],[data-style=broadcast]) header{display:flex;align-items:baseline;justify-content:space-between;gap:1em}.overlay-composition:is([data-style=ribbon],[data-style=broadcast]) header h2{font-size:1.6em}.overlay-composition:is([data-style=ribbon],[data-style=broadcast]) ol{grid-template-columns:repeat(5,minmax(0,1fr))}.overlay-composition:is([data-style=ribbon],[data-style=broadcast]) li{flex-wrap:wrap;padding:.6em;gap:.4em}.overlay-composition:is([data-style=ribbon],[data-style=broadcast]) .overlay-person{min-width:50%;font-size:.85em}.overlay-composition:is([data-style=ribbon],[data-style=broadcast]) .overlay-score{margin-left:auto}.overlay-composition[data-style=ribbon]{border-radius:2em .2em}.overlay-composition[data-style=ribbon] li{border-radius:1em;background:color-mix(in srgb,var(--overlay-accent) 10%,transparent)}.overlay-composition[data-style=broadcast]{border-radius:0;border-top:.4em solid var(--overlay-accent)!important}.overlay-composition[data-style=broadcast] li{border-radius:0;border-width:0 1px 0 0}.overlay-composition[data-style=broadcast] .overlay-position{font-size:1.6em;font-weight:900}.overlay-composition[data-style=broadcast] footer{text-align:left}.overlay-composition[data-style=rail] header{border:0;border-left:.2em solid var(--overlay-accent);padding-left:.7em}.overlay-composition[data-style=rail] li{border:0;border-left:1px solid var(--overlay-accent);border-radius:0;padding:.5em}.overlay-composition[data-style=rail] .overlay-position{font-size:.8em}.overlay-composition[data-style=rail] .overlay-avatar{border-radius:.6em}.overlay-composition[data-style=rail] .overlay-score{border-bottom:2px solid var(--overlay-accent);font-size:1.35em}.overlay-composition[data-style=terminal]{font-family:monospace;border:1px solid var(--overlay-accent)!important;border-radius:.2em}.overlay-composition[data-style=terminal] header h2{font:700 2em monospace;letter-spacing:.12em}.overlay-composition[data-style=terminal] li{border:0;border-bottom:1px dashed var(--overlay-accent);border-radius:0;padding:.6em 0}.overlay-composition[data-style=terminal] .overlay-avatar{border-radius:0}.overlay-composition[data-style=terminal] .overlay-score{font:700 1.4em monospace}.overlay-composition[data-style=terminal] .overlay-position{font-family:monospace}.overlay-composition[data-style=album] ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8em}.overlay-composition[data-style=album] li{flex-direction:column;text-align:center;border-radius:.15em;border:1px solid var(--overlay-accent);padding:.6em;background:color-mix(in srgb,var(--overlay-accent) 10%,transparent)}.overlay-composition[data-style=album] .overlay-avatar{border-radius:.1em;width:4em;height:3.4em;flex-basis:3.4em;font-size:1.1em}.overlay-composition[data-style=album] .overlay-person{flex:initial}.overlay-composition[data-style=album] .overlay-position{align-self:flex-start;font-size:.7em}.overlay-composition[data-style=neon]{border:1px solid var(--overlay-accent)!important;box-shadow:inset 0 0 1.5em color-mix(in srgb,var(--overlay-accent) 10%,transparent)}.overlay-composition[data-style=neon] header h2{text-shadow:0 0 .5em color-mix(in srgb,var(--overlay-accent) 50%,transparent);letter-spacing:.18em}.overlay-composition[data-style=neon] li{border:1px solid var(--overlay-accent);border-radius:.2em .9em;box-shadow:0 0 .4em color-mix(in srgb,var(--overlay-accent) 15%,transparent)}.overlay-composition[data-style=neon] .overlay-score{color:var(--overlay-accent);font-size:1.4em}.overlay-composition[data-style=arena] ol{grid-template-columns:repeat(2,minmax(0,1fr))}.overlay-composition[data-style=arena] li[data-rank="1"]{grid-column:1/-1}.overlay-composition[data-style=arena] li{border-radius:0;border-right:.3em solid var(--overlay-accent);background:color-mix(in srgb,var(--overlay-accent) 10%,transparent)}.overlay-composition[data-style=arena] header{border-bottom:.35em solid var(--overlay-accent);transform:skew(-3deg);padding-left:.4em}.overlay-composition[data-style=arena] .overlay-position{font:900 italic 1.7em Arial,sans-serif}.overlay-composition[data-style=arena] .overlay-score{font-size:1.4em}.overlay-composition[data-style=duotone] li{border:0;border-radius:1.2em 0;background:color-mix(in srgb,var(--overlay-accent) 16%,transparent)}.overlay-composition[data-style=duotone] li:nth-child(2n){border-radius:0 1.2em;background:color-mix(in srgb,var(--overlay-accent) 6%,transparent)}.overlay-composition[data-style=duotone] .overlay-position{font-size:2em;font-weight:900}.overlay-composition[data-style=duotone] header h2{font-size:2.3em;letter-spacing:-.07em}.overlay-composition[data-studio=true] li[data-podium=true] .overlay-position{color:var(--rank-color);text-shadow:0 1px 1px #0004}.overlay-composition[data-studio=true] li[data-podium=true] .overlay-avatar{border:2px solid var(--rank-color)}.overlay-composition[data-studio=true][data-background=false]{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}.overlay-composition[data-studio=true] ol{flex:1;min-height:0;align-content:stretch}.overlay-composition[data-studio=true] li{min-height:0}.overlay-composition[data-style=champion] ol{grid-template-rows:1fr;align-items:stretch}.overlay-composition[data-style=champion] li[data-podium=true],.overlay-composition[data-style=orbit] li{justify-content:center}.overlay-composition[data-style=orbit] .overlay-avatar{width:5em;height:5em;flex-basis:5em}.overlay-composition[data-style=album] li{justify-content:center}.overlay-composition[data-style=album] .overlay-avatar{width:5em;height:4em;flex-basis:4em}.overlay-composition[data-style=spotlight] li[data-rank="1"] .overlay-avatar{font-size:2.3em}.overlay-composition[data-style=editorial] li[data-podium=true] .overlay-position{color:var(--overlay-accent)}.overlay-composition[data-style=champion] li[data-rank="1"]{grid-column:3/span 2;grid-row:1;transform:translateY(-.6em)}.overlay-composition[data-style=champion] li[data-rank="2"]{grid-column:1/span 2;grid-row:1}.overlay-composition[data-style=champion] li[data-rank="3"]{grid-column:5/span 2;grid-row:1}.overlay-fx{position:absolute;inset:0;overflow:hidden;contain:strict;pointer-events:none;z-index:0}.overlay-composition:not([data-effect=none]){isolation:isolate;position:relative;background:var(--overlay-bg)!important;border:1px solid var(--overlay-accent)!important;box-shadow:inset 0 0 2em color-mix(in srgb,var(--overlay-secondary) 28%,transparent);overflow:hidden}.overlay-composition:not([data-effect=none]) .overlay-fx:before,.overlay-composition:not([data-effect=none]) .overlay-fx:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:var(--overlay-backdrop-opacity);transform-origin:center}.overlay-composition:not([data-effect=none])>header,.overlay-composition:not([data-effect=none])>ol,.overlay-composition:not([data-effect=none])>footer,.overlay-composition:not([data-effect=none])>.overlay-message{position:relative;z-index:1}.overlay-composition:not([data-effect=none]) header{border-color:var(--overlay-accent);text-shadow:0 2px 10px #06002780}.overlay-composition:not([data-effect=none]) header h2{color:var(--overlay-fg);text-shadow:0 0 .5em color-mix(in srgb,var(--overlay-secondary) 60%,transparent),0 2px 2px #06002780}.overlay-composition:not([data-effect=none]) header p{color:var(--overlay-fg);font-weight:600;letter-spacing:.055em}.overlay-composition:not([data-effect=none]) li{background-color:#040920b8;box-shadow:inset 0 1px color-mix(in srgb,var(--overlay-accent) 40%,transparent),0 .15em .5em #06002030;text-shadow:0 1px 2px #0008}.overlay-composition:not([data-effect=none]) li[data-podium=true]{background-image:linear-gradient(125deg,color-mix(in srgb,var(--rank-color) 20%,transparent),transparent 60%);box-shadow:inset 0 0 .5em color-mix(in srgb,var(--rank-color) 12%,transparent),0 0 .3em color-mix(in srgb,var(--rank-color) 18%,transparent)}.overlay-composition:not([data-effect=none]) .overlay-avatar{background:linear-gradient(145deg,var(--overlay-secondary),color-mix(in srgb,var(--overlay-accent) 35%,#111a40));color:var(--overlay-fg);box-shadow:0 0 .5em color-mix(in srgb,var(--overlay-accent) 40%,transparent);font-weight:900}.overlay-composition:not([data-effect=none]) .overlay-score{color:var(--overlay-fg);font-weight:900}.overlay-composition:not([data-effect=none]) .overlay-heart{filter:drop-shadow(0 0 .25em var(--overlay-accent))}.overlay-composition:not([data-effect=none]) footer{color:var(--overlay-fg);opacity:1;text-shadow:0 1px 3px #000;font-weight:600}.overlay-composition[data-effect=aurora] .overlay-fx:before{inset:-20%;background:radial-gradient(ellipse at 10% 20%,var(--overlay-accent),transparent 48%),radial-gradient(ellipse at 90% 80%,var(--overlay-secondary),transparent 55%);filter:blur(.6em);animation:vivid-aurora 12s ease-in-out infinite alternate}.overlay-composition[data-effect=aurora] .overlay-fx:after{background:linear-gradient(125deg,transparent 15%,color-mix(in srgb,var(--overlay-secondary) 60%,transparent) 46%,transparent 70%);background-size:240% 240%;animation:vivid-sweep 10s ease-in-out infinite alternate}.overlay-composition[data-effect=grid] .overlay-fx:before{background:radial-gradient(ellipse at 80% 0%,var(--overlay-secondary),transparent 65%),linear-gradient(0deg,color-mix(in srgb,var(--overlay-accent) 65%,transparent),transparent 65%)}.overlay-composition[data-effect=grid] .overlay-fx:after{inset:25% -40% -60%;background-image:linear-gradient(var(--overlay-accent) 1px,transparent 1px),linear-gradient(90deg,var(--overlay-accent) 1px,transparent 1px);background-size:2em 2em;transform:perspective(14em) rotateX(48deg);mask-image:linear-gradient(transparent,#000 40%);animation:vivid-grid 8s linear infinite}.overlay-composition[data-effect=particles] .overlay-fx:before{background:radial-gradient(ellipse at 50% 100%,var(--overlay-secondary),transparent 70%),radial-gradient(ellipse at 100% 0%,var(--overlay-accent),transparent 50%)}.overlay-composition[data-effect=particles] .overlay-fx:after{inset:-20%;background-image:radial-gradient(circle,var(--overlay-accent) 0 .075em,transparent .11em),radial-gradient(circle,var(--overlay-secondary) 0 .12em,transparent .18em),radial-gradient(circle,#fff 0 .035em,transparent .08em);background-size:4.7em 6.1em,7.1em 5.3em,3.3em 8.7em;background-position:0 0,2em 1em,1em 3em;animation:vivid-particles 16s linear infinite}.overlay-composition[data-effect=waves] .overlay-fx:before{inset:-30%;border-radius:42%;background:repeating-radial-gradient(ellipse at 0 100%,transparent 0 1.8em,color-mix(in srgb,var(--overlay-accent) 65%,transparent) 1.9em 2em,transparent 2.1em 3em),linear-gradient(135deg,var(--overlay-secondary),transparent 70%);animation:vivid-waves 14s ease-in-out infinite alternate}.overlay-composition[data-effect=waves] .overlay-fx:after{background:radial-gradient(ellipse at 100% 0%,var(--overlay-accent),transparent 55%);mix-blend-mode:screen}.overlay-composition[data-effect=spectrum] .overlay-fx:before{inset:-20%;background:conic-gradient(from 35deg at 50% 50%,var(--overlay-secondary),var(--overlay-bg),var(--overlay-accent),var(--overlay-secondary));filter:blur(1.4em);animation:vivid-spectrum 18s linear infinite}.overlay-composition[data-effect=spectrum] .overlay-fx:after{background:repeating-linear-gradient(125deg,transparent 0 2em,#ffffff15 2em 2.05em,transparent 2.05em 4em)}.overlay-composition[data-effect=confetti] .overlay-fx:before{background:radial-gradient(circle at 0 0,var(--overlay-accent),transparent 55%),radial-gradient(circle at 100% 100%,var(--overlay-secondary),transparent 65%)}.overlay-composition[data-effect=confetti] .overlay-fx:after{inset:-20%;background-image:linear-gradient(30deg,transparent 45%,var(--overlay-accent) 45% 51%,transparent 51%),linear-gradient(115deg,transparent 44%,var(--overlay-secondary) 44% 48%,transparent 48%),radial-gradient(circle,#fff 0 .07em,transparent .11em);background-size:6em 9em,8em 5em,5em 7em;background-position:0 0,3em 2em,1em 4em;animation:vivid-confetti 20s linear infinite}.overlay-composition:not([data-effect=none])[data-motion=true] li[data-rank="1"]{animation:vivid-leader 5s ease-in-out infinite alternate}@keyframes vivid-aurora{to{transform:translate(7%,-5%) scale(1.12)}}@keyframes vivid-sweep{to{background-position:100% 100%}}@keyframes vivid-grid{to{background-position:0 2em,0 2em}}@keyframes vivid-particles{to{background-position:1em -6.1em,1em -4.3em,2em -5.7em}}@keyframes vivid-waves{to{transform:translate(5%,-3%) rotate(12deg)}}@keyframes vivid-spectrum{to{transform:rotate(360deg)}}@keyframes vivid-confetti{to{background-position:1em 9em,2em 7em,0 11em}}@keyframes vivid-leader{0%{outline:1px solid transparent;outline-offset:0}to{outline:1px solid var(--overlay-accent);outline-offset:-1px;box-shadow:inset 0 0 .8em color-mix(in srgb,var(--overlay-accent) 30%,transparent)}}.overlay-composition[data-motion=false] .overlay-fx:before,.overlay-composition[data-motion=false] .overlay-fx:after,.overlay-composition[data-motion=false] li{animation:none!important}body[data-state=paused] .overlay-composition .overlay-fx:before,body[data-state=paused] .overlay-composition .overlay-fx:after,body[data-state=paused] .overlay-composition li{animation-play-state:paused!important}.overlay-composition[data-background=false]{background:transparent!important;box-shadow:none!important}.overlay-composition[data-background=false] .overlay-fx:before,.overlay-composition[data-background=false] .overlay-fx:after{display:none}@media(prefers-reduced-motion:reduce){.overlay-composition .overlay-fx:before,.overlay-composition .overlay-fx:after,.overlay-composition li{animation:none!important}}[data-component-animation=none]{animation:none!important}[data-component-animation=pulse]{animation:component-pulse 1.3s ease-in-out infinite!important}[data-component-animation=float]{animation:component-float 3s ease-in-out infinite!important}[data-component-animation=glow]{animation:component-glow 2s ease-in-out infinite!important}@keyframes component-pulse{50%{filter:brightness(1.5)}}@keyframes component-float{50%{transform:translateY(-.2em)}}@keyframes component-glow{50%{filter:drop-shadow(0 0 .3em currentColor)}}body[data-state=paused] [data-component-animation]{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){[data-component-animation]{animation:none!important}}.overlays-view{display:grid;gap:18px;min-width:0}.overlay-toolbar{justify-content:flex-end}.overlays-view .tabs{overflow-x:auto;margin-bottom:0}.overlays-view .tabs button{white-space:nowrap}.overlay-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.overlay-library .card{min-width:0;display:flex;flex-direction:column;gap:12px}.overlay-library .card>h2{margin-bottom:0}.overlay-thumbnail{height:190px;display:flex;justify-content:center;overflow:hidden}.overlay-preview{max-width:330px;margin:0 auto}.overlay-search{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.overlay-search input{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:12px;max-width:100%;width:360px}.overlay-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:18px}.overlay-metrics strong{font-size:1.5em}.overlay-dialog{max-width:1100px;width:calc(100% - 32px);max-height:calc(100vh - 40px);overflow-y:auto}.overlay-steps{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0}.overlay-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.overlay-type-grid>button{display:grid;text-align:left;justify-content:stretch;grid-template-columns:24px 1fr;padding:18px;min-height:100px}.overlay-type-grid .hint{grid-column:2;margin:0}.overlay-type-grid [aria-pressed=true]{border-color:var(--accent);background:var(--badge-accent-bg)}.overlay-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.overlay-review-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px}.overlay-review-grid .card{min-width:0}.overlays-view td{vertical-align:top}.overlays-view td:first-child{overflow-wrap:anywhere;max-width:200px}.overlays-view .table-scroll{margin-top:18px}.overlays-view .table-scroll table{min-width:900px}.overlays-view td .button{margin-top:6px}.overlays-view td a{display:block;color:var(--accent)}.overlay-dialog input[type=color]{height:44px;padding:4px}.overlay-dialog .field{min-width:0}@media(max-width:1200px){.overlay-library{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.overlay-library,.overlay-metrics,.overlay-review-grid,.overlay-form-grid{grid-template-columns:minmax(0,1fr)}.overlay-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.overlay-type-grid>button{grid-template-columns:1fr;min-height:120px;padding:12px}.overlay-type-grid .hint{grid-column:1}.overlay-dialog{padding:18px}.overlay-search{flex-wrap:wrap}.overlay-toolbar{justify-content:flex-start}.overlay-dialog .actions{margin-top:18px}.overlay-steps{gap:8px}.overlay-preview{max-width:230px}}.overlays-view>*{min-width:0}.overlays-view .overlay-toolbar{flex-wrap:wrap}.overlay-preview,.overlay-thumbnail{container-type:inline-size;background-color:var(--surface);background-image:conic-gradient(var(--border) 25%,transparent 0 50%,var(--border) 0 75%,transparent 0);background-size:18px 18px;border-radius:12px}.overlay-thumbnail{height:240px;display:flex;align-items:center;justify-content:center;position:relative}.overlay-thumbnail-inner{container-type:inline-size;flex:none}.overlay-thumbnail .overlay-composition{max-height:none}.overlay-preview{max-width:380px}.overlay-color-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.overlay-color-controls input[type=range]{width:100%}.overlay-preset-heading{margin:26px 0 12px}.overlay-design-preview{margin:16px auto;width:100%;max-width:320px}.overlay-design-preview .overlay-composition{max-height:none}.overlay-checkbox{display:flex;align-items:center;gap:8px}.overlay-checkbox input{width:auto}.overlay-sample-label{font-size:.8rem;color:var(--muted);margin:8px 0}.overlay-preset-list .card{gap:8px}.overlay-editor-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:start}.overlay-editor-preview{position:sticky;top:0;min-width:0}.overlay-dialog input[type=range]{width:100%;accent-color:var(--accent)}@media(max-width:850px){.overlay-editor-layout{grid-template-columns:minmax(0,1fr)}.overlay-editor-preview{position:static}}.overlay-components-editor{border:1px solid var(--border);border-radius:8px;padding:12px;margin:16px 0}.overlay-components-editor summary{cursor:pointer;font-weight:700;padding:8px 0}.overlay-design-preview [data-component]{cursor:pointer}.overlay-design-preview [data-component]:hover{outline:1px dashed currentColor;outline-offset:2px}.overlay-template-apply{padding:var(--space-5,24px);margin-bottom:24px;border:1px solid var(--border);border-radius:12px;background:var(--surface);display:grid;gap:16px}.overlay-template-apply h2{margin-top:0}.overlay-template-apply .actions{align-items:end}.overlay-template-apply select{max-width:100%;min-width:0}.overlay-template-apply .field{flex:1;min-width:0}@media(max-width:600px){.overlay-template-apply .actions{display:grid;grid-template-columns:minmax(0,1fr)}}.overlay-template-apply{scroll-margin-top:110px}.overlay-thumbnail[data-visible=false] *,.overlay-thumbnail[data-visible=false] *:before,.overlay-thumbnail[data-visible=false] *:after{animation-play-state:paused!important}.overlays-view{gap:10px}.overlays-view>.overlay-toolbar{justify-content:flex-start;flex-wrap:nowrap;gap:6px;margin:0;overflow-x:auto}.overlays-view>.tabs{margin:0;padding-bottom:4px}.overlays-view>#overlays-notice:empty{display:none}.overlay-library{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.overlay-library>.card{padding:12px;gap:8px}.overlay-library>.card>h2{font-size:.9rem;line-height:1.3;overflow-wrap:anywhere}.overlay-library>.card>.muted,.overlay-library>.card>p{font-size:.73rem;line-height:1.4;margin:0}.overlay-library .overlay-thumbnail{height:160px;min-height:160px}.overlay-library .overlay-thumbnail-inner{max-height:160px;max-width:100%;flex-shrink:0}.overlay-library>.card>.actions:last-child{flex-wrap:nowrap;gap:3px;margin-top:auto;padding-top:6px;overflow-x:auto}.overlays-view .overlay-icon-action{display:inline-flex!important;align-items:center;justify-content:center;width:28px;min-width:28px;height:30px;min-height:30px;padding:5px;margin:0;flex-shrink:0}.overlays-view .overlay-icon-action>.lucide{width:16px;height:16px}.overlays-view>.overlay-toolbar>.overlay-icon-action{width:34px;min-width:34px;height:34px}.overlay-library .badge{font-size:.63rem;padding:3px 5px}.overlay-library>.card>.actions:has(.badge){gap:4px;min-height:38px;align-content:flex-start}.overlay-search{margin-bottom:12px}.overlay-search input{padding:8px 10px}.overlay-sources-table table{min-width:820px!important;table-layout:auto}.overlay-sources-table th,.overlay-sources-table td{padding:10px 8px}.overlay-sources-table td:nth-child(2){white-space:nowrap;min-width:80px}.overlay-sources-table td:nth-child(2) .overlay-icon-action+.overlay-icon-action{margin-left:4px}.overlay-sources-table td:nth-child(3){white-space:nowrap;min-width:100px}.overlay-sources-table td:last-child>.actions{flex-wrap:nowrap;gap:4px;margin:0}.overlay-sources-table td:last-child{min-width:170px}.overlay-sources-table td .hint{font-size:.7rem;line-height:1.35;margin:3px 0}.overlay-sources-table td:first-child{min-width:130px;word-break:normal;overflow-wrap:normal}.overlay-sources-table td .button{margin-top:0}@media(max-width:1199px){.overlay-library{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:950px){.overlay-library{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.overlay-library{grid-template-columns:minmax(0,1fr)}}.overlay-thumbnail .canvas-node{animation:none!important}.button-board-panel,.button-board-config{display:grid;gap:16px}.button-board-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.button-board-heading h2,.button-board-config h2{margin:0}.button-board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:16px;border:1px solid var(--border);border-radius:var(--radius,12px);background:var(--surface-raised,var(--surface))}.button-board-grid .button{min-height:78px;display:flex;flex-direction:column;justify-content:center;gap:8px;font-weight:700}.button-config-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.button-editor-dialog{width:min(760px,calc(100vw - 32px))}.button-editor-dialog form{display:grid;gap:16px}@media(max-width:700px){.button-board-heading{align-items:stretch;flex-direction:column}.button-board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.stream-deck-button{position:relative;aspect-ratio:1;min-height:132px!important;max-width:190px;justify-self:center;width:100%;overflow:hidden;border:1px solid color-mix(in srgb,var(--deck-accent,#7c3aed) 65%,#ffffff);border-bottom-width:5px;border-radius:18px!important;background-color:color-mix(in srgb,var(--deck-accent,#7c3aed) 68%,#07111d)!important;background-size:cover!important;background-position:center!important;box-shadow:inset 0 1px #fff5,0 8px 16px #0008;transition:transform .12s ease,box-shadow .12s ease}.stream-deck-button:hover{transform:none;box-shadow:inset 0 1px #fff6,0 8px 16px #0008}.stream-deck-button:active{transform:translateY(3px);border-bottom-width:2px;box-shadow:inset 0 2px 8px #0008,0 3px 8px #0008}.stream-deck-button strong{font-size:.95rem;text-shadow:0 2px 4px #000}.stream-deck-button small{color:#e8e4ff}.button-editor-dialog{width:min(980px,calc(100vw - 32px));max-width:980px;max-height:calc(100vh - 36px);overflow:auto}.button-action-editors{display:grid;gap:12px}.button-action-editor{padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.button-action-title,.button-sequence-heading,.button-image-tools{display:flex;align-items:center;justify-content:space-between;gap:14px}.button-action-title .button{min-width:40px}.button-sequence-heading h3,.button-sequence-heading p{margin:0}.button-image-tools{justify-content:flex-start}.button-image-preview{width:112px;height:112px;display:grid;place-items:center;border:1px dashed var(--border);border-radius:16px;background:var(--input-bg);overflow:hidden}.button-image-preview img{width:100%;height:100%;object-fit:cover}.button-image-preview svg{color:var(--muted)}.button-action-summary{display:grid;gap:3px}.button-action-summary p{margin:0}.button-board-panel{gap:14px}.button-deck-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 0 8px;border-bottom:1px solid var(--border)}.button-deck-tabs .button{white-space:nowrap;min-height:36px}.button-board-grid{container-type:inline-size;grid-template-columns:repeat(auto-fill,minmax(88px,128px));align-items:start;justify-content:start;gap:14px}.stream-deck-tile{position:relative;min-width:0}.button-board-grid .stream-deck-button{aspect-ratio:1;min-height:0;width:100%;padding:9px 6px;border-radius:15px;border:1px solid color-mix(in srgb,var(--deck-accent) 55%,var(--border));background-color:color-mix(in srgb,var(--surface-raised,var(--surface)) 82%,#000);background-size:cover;background-position:center;box-shadow:inset 0 2px 1px #ffffff1a,inset 0 -7px 10px #0008,0 5px #05070c,0 8px 15px #0006;text-shadow:0 1px 4px #000;overflow:hidden}.button-board-grid .stream-deck-button:hover{transform:none}.button-board-grid .stream-deck-button:active{transform:translateY(4px);box-shadow:inset 0 2px 5px #0008,0 1px #05070c}.button-board-grid .stream-deck-button small{font-size:.6rem;color:#d5d9e2}.stream-deck-edit{position:absolute;z-index:2;top:5px;right:5px;width:29px;height:29px;min-height:29px;border-radius:9px;background:color-mix(in srgb,var(--surface) 88%,transparent)}.button-editor-dialog{width:min(900px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:0;border:1px solid var(--border);border-radius:var(--radius,14px);background:var(--surface);color:var(--text);box-shadow:0 24px 80px #000a}.button-editor-dialog::backdrop{background:#020611b5;backdrop-filter:blur(4px)}.button-editor-dialog form{display:grid;gap:0}.button-editor-header{position:sticky;z-index:4;top:0;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 96%,transparent)}.button-editor-header h2,.button-editor-header p,.button-editor-section h3{margin:0}.button-editor-section{display:grid;gap:14px;padding:18px 20px;border-bottom:1px solid var(--border)}.button-editor-flags{grid-template-columns:repeat(2,minmax(0,1fr))}.button-editor-footer{position:sticky;z-index:4;bottom:0;justify-content:flex-end;padding:14px 20px;background:color-mix(in srgb,var(--surface) 96%,transparent);border-top:1px solid var(--border)}.button-image-layout{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:14px;align-items:start}.button-image-preview{width:118px;aspect-ratio:1;border:1px solid var(--border);border-radius:14px;display:grid;place-items:center;overflow:hidden;background:var(--bg)}.button-image-preview img{width:100%;height:100%;object-fit:contain}.button-image-gallery{border:1px solid var(--border);border-radius:var(--radius,12px);padding:12px}.button-image-gallery summary{display:flex;align-items:center;gap:8px;font-weight:700;cursor:pointer}.button-image-gallery[open] summary{margin-bottom:12px}.button-image-gallery input{width:100%;margin-bottom:10px}.button-gift-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;max-height:310px;overflow:auto}.button-gift-option{min-height:112px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:5px}.button-gift-option img{width:54px;height:54px;object-fit:contain}.button-gift-option span{display:grid;gap:2px;text-align:center;min-width:0}.button-gift-option strong,.button-gift-option small{overflow:hidden;text-overflow:ellipsis}.button-action-editor{padding:14px;border:1px solid var(--border);border-radius:var(--radius,12px);background:var(--surface-raised,var(--surface))}.button-action-content>.state{margin-top:10px}.button-deck-dialog{width:min(460px,calc(100vw - 28px));padding:20px}@media(max-width:700px){.button-board-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:10px}.button-board-heading{align-items:stretch}.button-image-layout{grid-template-columns:1fr}.button-image-preview{width:96px}.button-editor-section{padding:14px}.button-editor-flags{grid-template-columns:1fr}}.button-deck-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.button-deck-toolbar>.button{flex:0 0 auto;white-space:nowrap}.button-deck-toolbar-spacer{flex:1 1 auto;min-width:8px}.button-edit-toggle{flex:0 0 auto;min-height:38px;padding:0 10px;border:1px solid var(--border);border-radius:9px;background:var(--surface-raised,var(--surface));white-space:nowrap}.button-edit-toggle svg{width:16px}.button-deck-pager{width:100%;min-height:46px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;border:1px solid var(--border);border-radius:var(--radius,12px);background:var(--surface-raised,var(--surface));overflow:hidden}.button-deck-pager>div{display:flex;align-items:baseline;justify-content:center;gap:8px;min-width:0}.button-deck-pager strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button-deck-pager span{font-size:.72rem;color:var(--muted);white-space:nowrap}.button-deck-pager .button{height:100%;border:0;border-radius:0}.button-deck-summary{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:.76rem}.button-board-grid{grid-template-columns:repeat(auto-fill,var(--deck-key-size,108px));grid-auto-rows:var(--deck-key-size,108px);min-height:calc(var(--deck-key-size,108px) + 34px)}.button-board-grid .stream-deck-button,.button-board-grid .deck-navigation-key,.button-board-grid .deck-create-key{position:relative;width:100%;height:100%;aspect-ratio:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;padding:9px 6px;border-radius:15px}.button-board-grid .deck-navigation-key,.button-board-grid .deck-create-key{border:1px solid var(--border);background:linear-gradient(160deg,color-mix(in srgb,var(--surface-raised,var(--surface)) 90%,#fff 4%),color-mix(in srgb,var(--surface) 82%,#000));box-shadow:inset 0 2px 1px #ffffff12,inset 0 -6px 9px #0006,0 4px #05070c}.button-board-grid .deck-navigation-key svg,.button-board-grid .deck-create-key svg{width:28%;height:28%;margin:auto;color:var(--accent)}.deck-key-status{position:absolute;z-index:2;top:7px;right:7px;width:9px;height:9px;border-radius:50%;background:#64748b;box-shadow:0 0 0 2px #02061199,0 0 7px currentColor}[data-status=active]>.deck-key-status,.deck-key-status[data-status=active]{background:#22c55e;color:#22c55e}[data-status=inactive]>.deck-key-status,.deck-key-status[data-status=inactive]{background:#ef4444;color:#ef4444}[data-status=mixed]>.deck-key-status,.deck-key-status[data-status=mixed]{background:#f59e0b;color:#f59e0b}[data-status=warning]>.deck-key-status,.deck-key-status[data-status=warning]{background:#f97316;color:#f97316}[data-status=navigation]>.deck-key-status,.deck-key-status[data-status=navigation]{background:#38bdf8;color:#38bdf8}[data-status=disabled]>.deck-key-status,.deck-key-status[data-status=disabled]{background:#64748b;color:#64748b}.button-editor-dialog{width:min(720px,calc(100vw - 24px))}.button-editor-dialog .button-editor-section{padding:12px 16px;gap:10px}.button-editor-dialog .button-editor-header{padding:12px 16px}.button-editor-dialog .button-editor-footer{padding:10px 16px}.button-editor-dialog .button-action-editor{padding:10px}.button-editor-dialog .button-action-editors{display:grid;gap:8px}.button-editor-dialog .button-gift-gallery{max-height:220px;grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.button-editor-dialog .button-gift-option{min-height:94px}.button-editor-dialog .button-image-preview{width:92px}.button-editor-dialog .button-image-layout{grid-template-columns:minmax(0,1fr) 92px}.button-deck-dialog{width:min(520px,calc(100vw - 24px));padding:0}@media(max-width:700px){.button-deck-toolbar{gap:6px}.button-deck-toolbar .button{padding-inline:9px}.button-board-grid{grid-template-columns:repeat(auto-fill,minmax(min(var(--deck-key-size,88px),100%),var(--deck-key-size,88px)))}.button-editor-dialog .overlay-form-grid,.button-editor-dialog .button-image-layout{grid-template-columns:1fr}}.button-board-grid{width:100%;box-sizing:border-box}.button-board-grid .stream-deck-tile{width:100%;height:100%}.button-board-grid .stream-deck-button{min-height:0!important;max-width:none}.button-board-grid .stream-deck-button{background-color:color-mix(in srgb,var(--deck-accent,#7c3aed) 16%,var(--surface-raised,var(--surface)))!important;background-size:100% 100%,cover!important;background-position:center,center!important;background-repeat:no-repeat,no-repeat!important;border-color:color-mix(in srgb,var(--deck-accent,#7c3aed) 72%,#fff 14%);box-shadow:inset 0 1px #ffffff52,inset 0 -5px 9px #02061166,0 4px #05070c,0 8px 18px #0008,0 0 12px color-mix(in srgb,var(--deck-accent,#7c3aed) 28%,transparent);transition:border-color .12s ease,box-shadow .12s ease,filter .12s ease}.button-board-grid .stream-deck-button.has-deck-image{filter:saturate(1.16) contrast(1.07) brightness(1.05)}.button-board-grid .stream-deck-button:hover:not(:disabled),.button-board-grid .stream-deck-button:focus-visible,.button-board-grid .stream-deck-button:active:not(:disabled){transform:none!important;background-color:color-mix(in srgb,var(--deck-accent,#7c3aed) 16%,var(--surface-raised,var(--surface)))!important;background-size:100% 100%,cover!important;background-position:center,center!important}.button-board-grid .stream-deck-button.has-deck-image:hover:not(:disabled),.button-board-grid .stream-deck-button.has-deck-image:focus-visible{filter:saturate(1.2) contrast(1.08) brightness(1.07);box-shadow:inset 0 1px #fff6,inset 0 -5px 9px #0206115c,0 4px #05070c,0 8px 20px #0009,0 0 16px color-mix(in srgb,var(--deck-accent,#7c3aed) 40%,transparent)}.button-board-grid .stream-deck-button:active:not(:disabled){border-bottom-width:1px;filter:saturate(1.12) contrast(1.06) brightness(.98)}.button-searchable-select{display:grid;gap:6px;min-width:0}.button-searchable-select input,.button-searchable-select select{width:100%;min-width:0}.request-queue-panel{display:grid;gap:16px}.request-queue-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.request-queue-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);cursor:grab}.request-queue-item:active{cursor:grabbing}.request-queue-item>div{display:grid;gap:3px;min-width:0}.request-queue-item strong,.request-queue-item span,.request-queue-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-queue-item>div>span{color:var(--accent)}.request-drag{display:grid;place-items:center;color:var(--muted)}@media(max-width:620px){.request-queue-item{grid-template-columns:auto minmax(0,1fr)}.request-queue-item>button{grid-column:1/-1;width:100%}}.request-queue-item[data-eligible=false]{border-color:color-mix(in srgb,var(--danger) 55%,var(--border));background:color-mix(in srgb,var(--danger) 7%,var(--surface))}.request-queue-item .request-eligibility{display:flex;align-items:flex-start;gap:6px;margin-top:4px;font-size:.76rem;line-height:1.35;white-space:normal;overflow:visible;text-overflow:clip;color:var(--success)}.request-queue-item .request-eligibility[data-status=blocked]{color:var(--danger)}.request-queue-item .request-eligibility svg{width:15px;height:15px;flex:0 0 15px;margin-top:1px}[data-status=playing]>.deck-key-status{background:#22c55e;color:#22c55e;animation:deck-led-pulse 1s ease-in-out infinite}[data-status=paused]>.deck-key-status,[data-status=waiting]>.deck-key-status{background:#f59e0b;color:#f59e0b}[data-status=pressing]>.deck-key-status,[data-status=pending]>.deck-key-status{background:#a78bfa;color:#a78bfa;animation:deck-led-pulse .5s ease-in-out infinite}[data-status=stopped]>.deck-key-status,[data-status=ended]>.deck-key-status{background:#ef4444;color:#ef4444}[data-status=offline]>.deck-key-status{background:#64748b;color:#64748b}[data-status=error]>.deck-key-status{background:#f97316;color:#f97316}.stream-deck-button[data-status=pressing],.stream-deck-control[data-status=pressing]{outline:2px solid #c4b5fd;outline-offset:2px}@keyframes deck-led-pulse{50%{box-shadow:0 0 9px 3px currentColor}}@media(prefers-reduced-motion:reduce){.deck-key-status{animation:none!important}}@media(min-width:1200px){.overlay-library{grid-template-columns:repeat(5,minmax(0,1fr))}}.overlay-library>.card{padding:10px;gap:6px}.overlay-library .overlay-thumbnail{height:130px;min-height:130px}.overlay-library .overlay-thumbnail-inner{max-height:130px}.overlay-library>.card>.actions:has(.badge){min-height:26px}.overlay-library>.card>.overlay-library-actions{justify-content:space-between;gap:2px;overflow:visible}.overlay-library>.card>.muted{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.overlay-more-dialog{width:min(380px,calc(100vw - 32px))}.overlay-more-actions{display:grid;gap:8px;margin:16px 0}.overlay-more-actions>.button{justify-content:flex-start}.overlay-library .overlay-thumbnail-inner{width:min(100%,calc(130px * var(--thumbnail-ratio)))!important}.overlay-more-actions{grid-template-columns:repeat(5,36px);justify-content:start}.overlay-more-actions>.button,.overlay-more-dialog>button{width:36px;min-width:36px;height:36px;padding:8px;justify-content:center}.stream-deck-button[data-status=disabled],.stream-deck-control[data-status=disabled]{filter:grayscale(1);opacity:.48}.button-tile-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;margin-top:6px}.button-tile-tools .button{min-width:28px;padding:4px}.button-shortcut{display:block;text-align:center;margin-top:4px;font-size:11px}.button-deck-toolbar{flex-wrap:wrap}.stream-deck-tile{min-width:0}.button-board-grid{grid-auto-rows:auto}.button-board-grid .stream-deck-tile{height:auto}.button-board-grid .stream-deck-button,.button-board-grid .deck-navigation-key,.button-board-grid .deck-create-key{height:var(--deck-key-size,108px)}.button-board-grid .button-tile-tools .button{min-height:28px;height:28px;gap:0;padding:4px}.button-tile-tools kbd{flex-basis:100%;font-size:10px}.button-shortcut{font-size:10px;color:var(--muted)}[data-theme=light] .stream-deck-button:not(.has-deck-image),[data-theme=light] .stream-deck-control:not(.has-deck-image){color:var(--text);text-shadow:none}[data-theme=light] .stream-deck-button:not(.has-deck-image) strong,[data-theme=light] .stream-deck-control:not(.has-deck-image) span{text-shadow:none}[data-theme=light] .stream-deck-button:not(.has-deck-image) small,[data-theme=light] .stream-deck-control:not(.has-deck-image) small{color:var(--muted)}.stream-deck-control kbd{font-size:10px;line-height:1.1}.request-queue-item{grid-template-columns:auto minmax(0,1fr) auto auto}@media(max-width:620px){.request-queue-item{grid-template-columns:auto minmax(0,1fr) auto auto}.request-queue-item>button{grid-column:auto;width:auto}}.overlay-composition.overlay-activity{position:relative!important;display:grid!important;place-items:center!important;padding:6%!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;isolation:isolate;overflow:hidden}.overlay-activity[data-empty=true]{visibility:hidden}.overlay-activity>ol{width:100%;max-width:28em;margin:0!important;display:block!important;z-index:1}.overlay-activity li{position:relative;isolation:isolate;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"heading heading heading" "avatar person symbol" "avatar score symbol" "footer footer footer";align-items:center;gap:.55em 1em;padding:1.4em!important;overflow:hidden;background:var(--overlay-bg);border:.07em solid var(--overlay-accent);border-radius:1.5em;box-shadow:0 0 1.6em color-mix(in srgb,var(--overlay-accent) 25%,transparent);text-align:left}.overlay-activity[data-background=false] li{background:transparent!important}.overlay-activity li>*:not(.overlay-fx){z-index:1}.overlay-activity header{grid-area:heading;padding:0 0 .6em;border:0}.overlay-activity header h2{font-size:.62em!important;letter-spacing:.22em;color:var(--overlay-accent);font-weight:800}.overlay-activity header p{font-size:.6em}.overlay-activity .overlay-avatar{grid-area:avatar;width:4.5em;height:4.5em;flex:none;font-size:1em;border:.12em solid var(--overlay-accent);background:color-mix(in srgb,var(--overlay-secondary) 35%,#101020);box-shadow:0 0 1em color-mix(in srgb,var(--overlay-accent) 25%,transparent)}.overlay-activity .overlay-person{grid-area:person;overflow-wrap:anywhere}.overlay-activity .overlay-person strong{font-size:1.25em;font-weight:900;line-height:1.12;display:block}.overlay-activity .overlay-person p{font-size:.8em;line-height:1.35;white-space:pre-wrap;max-height:5.4em;overflow:hidden}.overlay-activity .overlay-score{grid-area:score;font-size:1.6em;color:var(--overlay-accent)}.overlay-activity footer{grid-area:footer;margin:0!important;font-size:.5em;padding:.7em 0 0;border-color:color-mix(in srgb,var(--overlay-accent) 35%,transparent)}.activity-symbol{grid-area:symbol;display:grid;place-items:center;width:2.7em;height:2.7em;border-radius:.7em;background:linear-gradient(135deg,var(--overlay-accent),var(--overlay-secondary));color:#101025;rotate:-8deg}.activity-symbol .lucide{width:1.6em;height:1.6em}.overlay-activity[data-motion=true] .activity-symbol{animation:activity-bob 3s ease-in-out infinite}.overlay-activity[data-style=activity-signal] li{border-left:.6em solid var(--overlay-accent);border-radius:.25em 2em 2em .25em;background:linear-gradient(110deg,var(--overlay-bg),#101021)}.overlay-activity[data-style=activity-portal] li{grid-template-columns:1fr;grid-template-areas:"heading" "avatar" "person" "score" "footer";justify-items:center;text-align:center;border-radius:50% 50% 2em 2em;padding:2.5em!important}.overlay-activity[data-style=activity-portal] .activity-symbol{position:absolute;right:2em;top:4em}.overlay-activity[data-style=activity-portal] .overlay-avatar{box-shadow:0 0 0 .35em color-mix(in srgb,var(--overlay-secondary) 40%,transparent),0 0 0 .7em color-mix(in srgb,var(--overlay-accent) 25%,transparent)}.overlay-activity[data-style=activity-ticket] li{border:.16em dashed var(--overlay-accent);border-radius:0;background:linear-gradient(90deg,var(--overlay-bg) 73%,color-mix(in srgb,var(--overlay-secondary) 40%,var(--overlay-bg)) 73%)}.overlay-activity[data-style=activity-comic] li{rotate:-3deg;border:.2em solid var(--overlay-accent);border-radius:.1em;box-shadow:.4em .4em 0 var(--overlay-secondary);background:radial-gradient(circle,#ffffff33 1px,transparent 2px) 0 0/.4em .4em,var(--overlay-bg)}.overlay-activity[data-style=activity-comic] .overlay-person strong{text-transform:uppercase;font-style:italic}.overlay-activity[data-style=activity-glass] li{border-radius:2.5em;background:linear-gradient(135deg,color-mix(in srgb,var(--overlay-accent) 40%,transparent),var(--overlay-bg));border-top:.25em solid #ffffffb3}.overlay-activity[data-style=activity-glass] .overlay-avatar{border-radius:1em}.overlay-activity[data-style=activity-arcade] li{border:.25em double var(--overlay-accent);border-radius:0;box-shadow:.3em 0 var(--overlay-secondary),-.3em 0 var(--overlay-secondary);font-family:monospace}.overlay-activity[data-style=activity-arcade] .overlay-avatar,.overlay-activity[data-style=activity-arcade] .activity-symbol{border-radius:0;rotate:0}.overlay-activity[data-style=activity-orbit] li{border-radius:8em;grid-template-areas:"avatar heading symbol" "avatar person symbol" "avatar score symbol" "avatar footer symbol";padding:1.8em!important;border-width:.15em .5em}.overlay-activity[data-style=activity-orbit] .overlay-avatar{width:5em;height:5em}.overlay-activity[data-style=activity-ribbon] li{clip-path:polygon(0 0,97% 0,100% 50%,97% 100%,0 100%,3% 50%);border-radius:0;background:linear-gradient(120deg,var(--overlay-bg),var(--overlay-secondary));padding:1.8em!important}.overlay-activity[data-style=activity-ribbon] .overlay-avatar{border-radius:20%}.overlay-activity[data-style=activity-terminal] li{font-family:monospace;border-radius:.2em;border-top:1.1em solid var(--overlay-accent);background:#041714}.overlay-activity[data-style=activity-terminal] .overlay-person strong:before{content:"> ";color:var(--overlay-accent)}.overlay-activity[data-style=activity-terminal] .overlay-avatar{border-radius:0}.overlay-activity[data-style=activity-medal] li{grid-template-columns:1fr;grid-template-areas:"heading" "avatar" "person" "score" "footer";justify-items:center;text-align:center;border:.25em double var(--overlay-accent);border-radius:2em 2em 6em 6em;background:linear-gradient(125deg,var(--overlay-bg),#231325)}.overlay-activity[data-style=activity-medal] .activity-symbol{position:absolute;right:1em;top:1em}.overlay-activity[data-style=activity-medal] .overlay-avatar{border:.3em double var(--overlay-accent)}.overlay-activity[data-style=activity-broadcast] li{border:0;border-bottom:.4em solid var(--overlay-accent);border-radius:0;grid-template-areas:"heading heading symbol" "avatar person symbol" "avatar score symbol" "footer footer footer"}.overlay-activity[data-style=activity-broadcast] header{background:var(--overlay-accent);padding:.35em .7em}.overlay-activity[data-style=activity-broadcast] header h2{color:#101020}.overlay-activity[data-style=activity-broadcast] .activity-symbol{border-radius:0;rotate:0;height:100%}.overlay-activity[data-style=activity-polaroid] li{rotate:3deg;border:.5em solid var(--overlay-fg);border-bottom-width:1.6em;border-radius:.2em;grid-template-areas:"avatar heading heading" "avatar person symbol" "avatar score symbol" "footer footer footer"}.overlay-activity[data-style=activity-polaroid] .overlay-avatar{border-radius:.2em;width:5em;height:6em}.overlay-activity[data-style=activity-flame] li{border-radius:3em .3em;border-bottom:.3em solid var(--overlay-accent);background:linear-gradient(25deg,var(--overlay-bg),color-mix(in srgb,var(--overlay-secondary) 65%,var(--overlay-bg)))}.overlay-activity[data-style=activity-flame] .overlay-score{font-style:italic;font-size:2.2em}.overlay-activity[data-style=activity-bubble] li{border-radius:3em 3em 3em .2em;grid-template-areas:"heading heading heading" "symbol person avatar" "symbol score avatar" "footer footer footer";border-width:.15em}.overlay-activity[data-style=activity-bubble] .overlay-avatar{width:3.7em;height:3.7em}.overlay-activity[data-style=activity-bubble] .activity-symbol{border-radius:50%}.overlay-activity[data-style=activity-diamond] li{clip-path:polygon(2em 0,100% 0,100% calc(100% - 2em),calc(100% - 2em) 100%,0 100%,0 2em);border-radius:0;background:linear-gradient(145deg,var(--overlay-bg) 50%,color-mix(in srgb,var(--overlay-accent) 30%,var(--overlay-bg)) 50%)}.overlay-activity[data-style=activity-diamond] .overlay-avatar{border-radius:25%;rotate:8deg}.overlay-activity[data-style=activity-diamond] .activity-symbol{rotate:45deg}.overlay-activity[data-style=activity-wave] li{border-radius:4em .8em;background:linear-gradient(150deg,var(--overlay-bg),var(--overlay-secondary));border-left:0;border-right:.6em solid var(--overlay-accent)}.overlay-activity[data-style=activity-wave] .activity-symbol{border-radius:50% 15%}.overlay-activity[data-style=activity-spotlight] li{grid-template-columns:1fr;grid-template-areas:"heading" "avatar" "person" "score" "footer";justify-items:center;text-align:center;background:conic-gradient(from 160deg at 50% 0,var(--overlay-bg),var(--overlay-secondary),var(--overlay-bg) 40deg);border-radius:.5em}.overlay-activity[data-style=activity-spotlight] .activity-symbol{position:absolute;top:1em;right:1em}.overlay-activity[data-style=activity-spotlight] .overlay-avatar{width:6em;height:6em}.overlay-activity[data-style=activity-sticker] li{rotate:-4deg;border:.35em solid var(--overlay-fg);border-radius:4em 1em;box-shadow:.4em .5em 0 var(--overlay-secondary)}.overlay-activity[data-style=activity-sticker] .overlay-avatar{border:.2em solid var(--overlay-fg)}.overlay-activity[data-style=activity-sticker] .overlay-person strong{font-size:1.5em}.overlay-activity[data-style=activity-equalizer] li{border-radius:.5em;border-bottom:.6em dashed var(--overlay-accent);background:repeating-linear-gradient(90deg,transparent 0,transparent .7em,#ffffff0b .7em,#ffffff0b .9em),var(--overlay-bg)}.overlay-activity[data-style=activity-equalizer] .overlay-avatar{border-radius:1em}.overlay-activity[data-style=activity-equalizer] .overlay-score{font-size:2em}.overlay-activity[data-style=activity-minimal] li{border:0;border-left:.15em solid var(--overlay-accent);border-radius:0;box-shadow:none;background:linear-gradient(90deg,var(--overlay-bg),transparent);grid-template-areas:"avatar heading symbol" "avatar person symbol" "avatar score symbol" "avatar footer symbol"}.overlay-activity[data-style=activity-minimal] .activity-symbol{background:none;color:var(--overlay-accent)}@keyframes activity-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.2em)}}body[data-state=paused] .overlay-activity *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.overlay-activity *{animation:none!important}}.activity-animation{grid-column:1/-1;width:5em;height:4em;justify-self:center;pointer-events:none}.activity-animation svg{display:block;width:100%!important;height:100%!important}.overlay-activity li:has(.activity-animation){grid-template-areas:"heading heading heading" "avatar person symbol" "avatar score symbol" "footer footer footer"}.overlay-activity[data-style=activity-portal] li:has(.activity-animation),.overlay-activity[data-style=activity-medal] li:has(.activity-animation),.overlay-activity[data-style=activity-spotlight] li:has(.activity-animation){grid-template-areas:"heading" "avatar" "person" "score" "footer"}