*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.video-wall-player .pointer-events-none{pointer-events:none}.video-wall-player .pointer-events-auto{pointer-events:auto}.video-wall-player .visible{visibility:visible}.video-wall-player .static{position:static}.video-wall-player .fixed{position:fixed}.video-wall-player .absolute{position:absolute}.video-wall-player .relative{position:relative}.video-wall-player .inset-0{inset:0}.video-wall-player .bottom-0{bottom:0}.video-wall-player .bottom-3{bottom:.75rem}.video-wall-player .bottom-full{bottom:100%}.video-wall-player .left-0{left:0}.video-wall-player .left-1\/2{left:50%}.video-wall-player .right-0{right:0}.video-wall-player .right-3{right:.75rem}.video-wall-player .top-0{top:0}.video-wall-player .top-1\/2{top:50%}.video-wall-player .top-full{top:100%}.video-wall-player .z-10{z-index:10}.video-wall-player .z-20{z-index:20}.video-wall-player .z-30{z-index:30}.video-wall-player .z-40{z-index:40}.video-wall-player .z-50{z-index:50}.video-wall-player .mx-1{margin-left:.25rem;margin-right:.25rem}.video-wall-player .mx-auto{margin-left:auto;margin-right:auto}.video-wall-player .my-auto{margin-top:auto;margin-bottom:auto}.video-wall-player .-mt-1{margin-top:-.25rem}.video-wall-player .mb-2{margin-bottom:.5rem}.video-wall-player .mb-3{margin-bottom:.75rem}.video-wall-player .mb-4{margin-bottom:1rem}.video-wall-player .ml-2{margin-left:.5rem}.video-wall-player .box-border{box-sizing:border-box}.video-wall-player .block{display:block}.video-wall-player .flex{display:flex}.video-wall-player .inline-flex{display:inline-flex}.video-wall-player .grid{display:grid}.video-wall-player .hidden{display:none}.video-wall-player .h-0{height:0}.video-wall-player .h-1{height:.25rem}.video-wall-player .h-1\.5{height:.375rem}.video-wall-player .h-10{height:2.5rem}.video-wall-player .h-16{height:4rem}.video-wall-player .h-2{height:.5rem}.video-wall-player .h-2\.5{height:.625rem}.video-wall-player .h-3{height:.75rem}.video-wall-player .h-3\.5{height:.875rem}.video-wall-player .h-4{height:1rem}.video-wall-player .h-5{height:1.25rem}.video-wall-player .h-6{height:1.5rem}.video-wall-player .h-8{height:2rem}.video-wall-player .h-full{height:100%}.video-wall-player .min-h-\[500px\]{min-height:500px}.video-wall-player .w-0{width:0}.video-wall-player .w-0\.5{width:.125rem}.video-wall-player .w-1\.5{width:.375rem}.video-wall-player .w-10{width:2.5rem}.video-wall-player .w-16{width:4rem}.video-wall-player .w-2{width:.5rem}.video-wall-player .w-2\.5{width:.625rem}.video-wall-player .w-24{width:6rem}.video-wall-player .w-3{width:.75rem}.video-wall-player .w-3\.5{width:.875rem}.video-wall-player .w-4{width:1rem}.video-wall-player .w-5{width:1.25rem}.video-wall-player .w-6{width:1.5rem}.video-wall-player .w-8{width:2rem}.video-wall-player .w-full{width:100%}.video-wall-player .w-px{width:1px}.video-wall-player .min-w-0{min-width:0}.video-wall-player .min-w-\[48px\]{min-width:48px}.video-wall-player .min-w-\[80px\]{min-width:80px}.video-wall-player .flex-1{flex:1}.video-wall-player .-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.video-wall-player .-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.video-wall-player .translate-x-1\/2{--tw-translate-x:50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.video-wall-player .scale-0{--tw-scale-x:0;--tw-scale-y:0;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.video-wall-player .scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.video-wall-player .scale-95{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.video-wall-player .scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.video-wall-player .animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}.video-wall-player .animate-spin{animation:1s linear infinite spin}.video-wall-player .cursor-grab{cursor:grab}.video-wall-player .cursor-grabbing{cursor:grabbing}.video-wall-player .cursor-help{cursor:help}.video-wall-player .cursor-pointer{cursor:pointer}.video-wall-player .select-none{-webkit-user-select:none;user-select:none}.video-wall-player .resize{resize:both}.video-wall-player .flex-col{flex-direction:column}.video-wall-player .items-start{align-items:flex-start}.video-wall-player .items-center{align-items:center}.video-wall-player .justify-center{justify-content:center}.video-wall-player .justify-between{justify-content:space-between}.video-wall-player .gap-1{gap:.25rem}.video-wall-player .gap-2{gap:.5rem}.video-wall-player .gap-3{gap:.75rem}.video-wall-player .gap-4{gap:1rem}.video-wall-player :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.video-wall-player .overflow-hidden{overflow:hidden}.video-wall-player .overflow-visible{overflow:visible}.video-wall-player .overflow-y-auto{overflow-y:auto}.video-wall-player .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.video-wall-player .whitespace-nowrap{white-space:nowrap}.video-wall-player .rounded{border-radius:.25rem}.video-wall-player .rounded-full{border-radius:9999px}.video-wall-player .rounded-lg{border-radius:.5rem}.video-wall-player .rounded-md{border-radius:.375rem}.video-wall-player .rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.video-wall-player .border{border-width:1px}.video-wall-player .border-2{border-width:2px}.video-wall-player .border-4{border-width:4px}.video-wall-player .border-b{border-bottom-width:1px}.video-wall-player .border-t{border-top-width:1px}.video-wall-player .border-transparent{border-color:#0000}.video-wall-player .border-white\/10{border-color:#ffffff1a}.video-wall-player .border-white\/20{border-color:#fff3}.video-wall-player .border-white\/5{border-color:#ffffff0d}.video-wall-player .border-t-black\/80{border-top-color:#000c}.video-wall-player .border-t-blue-500{--tw-border-opacity:1;border-top-color:rgb(59 130 246/var(--tw-border-opacity,1))}.video-wall-player .bg-\[\#1a1a1a\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.video-wall-player .bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.video-wall-player .bg-black\/20{background-color:#0003}.video-wall-player .bg-black\/40{background-color:#0006}.video-wall-player .bg-black\/80{background-color:#000c}.video-wall-player .bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.video-wall-player .bg-blue-500\/20{background-color:#3b82f633}.video-wall-player .bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.video-wall-player .bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.video-wall-player .bg-transparent{background-color:#0000}.video-wall-player .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.video-wall-player .bg-white\/10{background-color:#ffffff1a}.video-wall-player .bg-white\/20{background-color:#fff3}.video-wall-player .bg-white\/5{background-color:#ffffff0d}.video-wall-player .bg-white\/\[0\.02\]{background-color:#ffffff05}.video-wall-player .bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.video-wall-player .bg-\[radial-gradient\(ellipse_at_center\,_var\(--tw-gradient-stops\)\)\]{background-image:radial-gradient(ellipse at center, var(--tw-gradient-stops))}.video-wall-player .bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}.video-wall-player .from-black\/80{--tw-gradient-from:#000c var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.video-wall-player .from-gray-900\/50{--tw-gradient-from:#11182780 var(--tw-gradient-from-position);--tw-gradient-to:#11182700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.video-wall-player .from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.video-wall-player .to-black{--tw-gradient-to:#000 var(--tw-gradient-to-position)}.video-wall-player .to-black\/20{--tw-gradient-to:#0003 var(--tw-gradient-to-position)}.video-wall-player .to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.video-wall-player .fill-current{fill:currentColor}.video-wall-player .p-1\.5{padding:.375rem}.video-wall-player .p-2{padding:.5rem}.video-wall-player .p-2\.5{padding:.625rem}.video-wall-player .p-3{padding:.75rem}.video-wall-player .p-4{padding:1rem}.video-wall-player .px-1{padding-left:.25rem;padding-right:.25rem}.video-wall-player .px-2{padding-left:.5rem;padding-right:.5rem}.video-wall-player .px-3{padding-left:.75rem;padding-right:.75rem}.video-wall-player .px-4{padding-left:1rem;padding-right:1rem}.video-wall-player .px-6{padding-left:1.5rem;padding-right:1.5rem}.video-wall-player .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.video-wall-player .py-1{padding-top:.25rem;padding-bottom:.25rem}.video-wall-player .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.video-wall-player .py-2{padding-top:.5rem;padding-bottom:.5rem}.video-wall-player .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.video-wall-player .py-3{padding-top:.75rem;padding-bottom:.75rem}.video-wall-player .py-4{padding-top:1rem;padding-bottom:1rem}.video-wall-player .text-center{text-align:center}.video-wall-player .text-right{text-align:right}.video-wall-player .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.video-wall-player .font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.video-wall-player .text-\[10px\]{font-size:10px}.video-wall-player .text-lg{font-size:1.125rem;line-height:1.75rem}.video-wall-player .text-sm{font-size:.875rem;line-height:1.25rem}.video-wall-player .text-xs{font-size:.75rem;line-height:1rem}.video-wall-player .font-bold{font-weight:700}.video-wall-player .font-medium{font-weight:500}.video-wall-player .font-semibold{font-weight:600}.video-wall-player .uppercase{text-transform:uppercase}.video-wall-player .italic{font-style:italic}.video-wall-player .tracking-wide{letter-spacing:.025em}.video-wall-player .tracking-wider{letter-spacing:.05em}.video-wall-player .tracking-widest{letter-spacing:.1em}.video-wall-player .text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.video-wall-player .text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity,1))}.video-wall-player .text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.video-wall-player .text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.video-wall-player .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.video-wall-player .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.video-wall-player .text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.video-wall-player .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.video-wall-player .text-white\/70{color:#ffffffb3}.video-wall-player .text-white\/80{color:#fffc}.video-wall-player .opacity-0{opacity:0}.video-wall-player .opacity-100{opacity:1}.video-wall-player .opacity-20{opacity:.2}.video-wall-player .opacity-40{opacity:.4}.video-wall-player .opacity-50{opacity:.5}.video-wall-player .opacity-60{opacity:.6}.video-wall-player .shadow-\[0_0_10px_rgba\(59\,130\,246\,0\.5\)\]{--tw-shadow:0 0 10px #3b82f680;--tw-shadow-colored:0 0 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.video-wall-player .shadow-md{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.video-wall-player .shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.video-wall-player .shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.video-wall-player .ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.video-wall-player .ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.video-wall-player .ring-blue-500{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.video-wall-player .ring-blue-500\/50{--tw-ring-color:#3b82f680}.video-wall-player .ring-white\/5{--tw-ring-color:#ffffff0d}.video-wall-player .backdrop-blur-\[1px\]{--tw-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.video-wall-player .backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.video-wall-player .backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.video-wall-player .transition-\[width\]{transition-property:width;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.video-wall-player .transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.video-wall-player .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.video-wall-player .transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.video-wall-player .transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.video-wall-player .duration-100{transition-duration:.1s}.video-wall-player .duration-200{transition-duration:.2s}.video-wall-player .duration-300{transition-duration:.3s}.video-wall-player .duration-500{transition-duration:.5s}.video-wall-player .duration-700{transition-duration:.7s}.video-wall-player .ease-linear{transition-timing-function:linear}.video-wall-player .ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}html,body,#app{height:100%;margin:0;padding:0;overflow:hidden}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--demo-bg:#05070b;--demo-panel:#12161ee6;--demo-border:#ffffff1f;--demo-text:#ffffffeb;--demo-muted:#ffffffad;--demo-accent:#3b82f6}.demo-root{background:var(--demo-bg);width:100vw;height:100vh;color:var(--demo-text);font:14px/1.4 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Apple Color Emoji,Segoe UI Emoji;position:relative;overflow:hidden}.demo-settings-toggle{z-index:50;border:1px solid var(--demo-border);color:var(--demo-text);cursor:pointer;background:#141821f2;border-radius:10px;padding:10px 12px;position:absolute;top:16px;right:16px;box-shadow:0 10px 30px #00000059}.demo-settings-toggle:hover{background:#1c222ef2}.demo-settings{z-index:50;border:1px solid var(--demo-border);background:var(--demo-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;width:320px;max-height:calc(100vh - 10rem);padding:14px;position:absolute;top:64px;right:16px;overflow:auto;box-shadow:0 18px 60px #00000073}.demo-settings h3{margin:0;font-size:16px;font-weight:700}.demo-settings-header{border-bottom:1px solid var(--demo-border);justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.demo-lang-toggle{border:1px solid var(--demo-border);color:var(--demo-text);cursor:pointer;background:#0a0c12a6;border-radius:999px;padding:6px 10px;font-size:12px}.demo-lang-toggle:hover{background:#0a0c12d9}.demo-settings h4{letter-spacing:.06em;text-transform:uppercase;color:var(--demo-muted);border-bottom:1px solid var(--demo-border);margin:14px 0 8px;padding-bottom:6px;font-size:12px}.demo-settings .row{justify-content:space-between;align-items:center;gap:12px;margin:10px 0;display:flex}.demo-settings label{color:var(--demo-text)}.demo-settings .muted{color:var(--demo-muted);font-size:12px}.demo-settings input[type=checkbox]{width:16px;height:16px;accent-color:var(--demo-accent)}.demo-settings input[type=range]{width:100%}.demo-settings select{border:1px solid var(--demo-border);width:100%;color:var(--demo-text);background:#0a0c12cc;border-radius:10px;padding:10px}.demo-settings select:focus{border-color:#3b82f6b3;outline:none;box-shadow:0 0 0 3px #3b82f62e}.video-wall-player .hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.video-wall-player .hover\:scale-150:hover{--tw-scale-x:1.5;--tw-scale-y:1.5;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.video-wall-player .hover\:bg-black\/90:hover{background-color:#000000e6}.video-wall-player .hover\:bg-blue-500:hover{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.video-wall-player .hover\:bg-red-500\/20:hover{background-color:#ef444433}.video-wall-player .hover\:bg-white\/10:hover{background-color:#ffffff1a}.video-wall-player .hover\:bg-white\/20:hover{background-color:#fff3}.video-wall-player .hover\:bg-white\/5:hover{background-color:#ffffff0d}.video-wall-player .hover\:bg-yellow-400:hover{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.video-wall-player .hover\:text-gray-200:hover{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.video-wall-player .hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.video-wall-player .hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.video-wall-player .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.video-wall-player .active\:scale-90:active{--tw-scale-x:.9;--tw-scale-y:.9;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.video-wall-player .active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.video-wall-player .active\:cursor-grabbing:active{cursor:grabbing}.video-wall-player :is(.group\/bar:hover .group-hover\/bar\:h-1\.5){height:.375rem}.video-wall-player :is(.group\/progress:hover .group-hover\/progress\:scale-100){--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.video-wall-player :is(.group\/bar:hover .group-hover\/bar\:bg-white\/20){background-color:#fff3}.video-wall-player :is(.group\/progress:hover .group-hover\/progress\:opacity-100),.video-wall-player :is(.group\/tag:hover .group-hover\/tag\:opacity-100),.video-wall-player :is(.group\/vol:hover .group-hover\/vol\:opacity-100),.video-wall-player :is(.group:hover .group-hover\:opacity-100){opacity:1}