:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-dark:#070913;--bg-panel:#12162db3;--border-color:#ffffff14;--border-active:#3b82f6;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-accent:#60a5fa;--accent-cyan:#06b6d4;--accent-purple:#a855f7;--font-sans:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--shadow-glow:0 0 25px #3b82f626;--shadow-lg:0 10px 30px #0006}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle at 10% 10%,#6366f11f 0%,#0000 45%),radial-gradient(circle at 90% 85%,#06b6d41f 0%,#0000 45%);width:100dvw;height:100dvh;position:fixed;top:0;left:0}.container{max-width:1400px;margin:0 auto;padding:2.5rem 1.5rem}header{text-align:center;margin-bottom:3.5rem}h1{letter-spacing:-.04em;background:linear-gradient(135deg,#fff 30%,#a5b4fc 70%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.75rem;font-size:clamp(2.5rem,5vw,3.8rem);font-weight:800;line-height:1.1}.subtitle{color:var(--text-muted);max-width:600px;margin:0 auto 1.5rem;font-size:1.15rem}.badges{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.dev-quickstart{grid-template-columns:1fr;gap:.75rem;max-width:980px;margin:2rem auto 0;display:grid}@media (width>=840px){.dev-quickstart{grid-template-columns:1fr 1fr}}.snippet-card{border:1px solid var(--border-color);background:#0a1022bf;border-radius:12px;padding:.9rem}.snippet-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.55rem;display:flex}.snippet-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.78rem;font-weight:600}.snippet-copy{border:1px solid var(--border-color);color:var(--text-accent);cursor:pointer;background:#3b82f614;border-radius:8px;padding:.3rem .55rem;font-size:.72rem}.snippet-code{color:#bff8e2;white-space:pre;background:#00000059;border:1px solid #ffffff0f;border-radius:10px;margin:0;padding:.65rem .75rem;font-size:.84rem;overflow-x:auto}.badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--border-color);background:#ffffff0d;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-accent{color:var(--text-accent);background:#3b82f626;border-color:#3b82f64d}.app-grid{grid-template-columns:1fr;gap:2.5rem;margin-bottom:4rem;display:grid}@media (width>=1024px){.app-grid{grid-template-columns:1fr 420px}}.sandbox-panel{background-color:var(--bg-panel);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;justify-content:flex-start;align-items:stretch;min-width:0;min-height:400px;padding:2rem;display:flex;position:relative}@media (width>=768px){.sandbox-panel{min-height:520px}}.sandbox-preview{place-items:start center;width:100%;min-width:0;min-height:220px;max-height:clamp(260px,44vh,430px);margin-bottom:1.25rem;display:grid;overflow:hidden}.sandbox-preview>.lum-frame{width:min(100%,520px);max-width:100%;max-height:100%}.sandbox-preview>.lum-frame:not(.lum-aspect-square):not(.lum-aspect-video):not(.lum-aspect-standard):not(.lum-aspect-portrait):not(.lum-aspect-cinematic):not(.lum-aspect-golden){aspect-ratio:4/3}.sandbox-preview img{object-fit:cover;width:100%;height:100%}.code-panel{border:1px solid var(--border-color);background:#00000073;border-radius:12px;width:100%;min-width:0;padding:1.25rem;font-family:Courier New,Courier,monospace;font-size:.9rem;position:relative}.code-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;padding-bottom:.5rem;font-size:.75rem;display:flex}.code-actions{align-items:center;gap:.55rem;display:flex}.mode-toggle{border:1px solid var(--border-color);border-radius:9px;display:inline-flex;overflow:hidden}.mode-btn{color:var(--text-muted);letter-spacing:.04em;cursor:pointer;background:#ffffff08;border:none;padding:.38rem .62rem;font-size:.7rem;font-weight:600}.mode-btn.active{color:var(--text-main);background:#3b82f633}.btn-copy{color:var(--text-accent);cursor:pointer;background:0 0;border:none;font-size:.75rem;font-weight:600;transition:opacity .2s}.btn-copy:hover{opacity:.8}.code-output{color:#a7f3d0;white-space:pre-wrap;word-break:break-all;overflow-x:auto}.class-list-panel{border-top:1px solid #ffffff14;margin-top:1rem;padding-top:.85rem}.class-list-head{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;margin-bottom:.6rem;font-size:.75rem;display:flex}.active-class-list{flex-wrap:wrap;gap:.45rem;display:flex}.class-chip{color:#9ff5cf;cursor:pointer;background:#0a1914d9;border:1px solid #6ee7b74d;border-radius:999px;align-items:center;padding:.24rem .58rem;font-family:Courier New,Courier,monospace;font-size:.75rem;transition:transform .2s,border-color .2s,background-color .2s;display:inline-flex}.class-chip:hover{background:#0d2a21e6;border-color:#6ee7b7a6;transform:translateY(-1px)}.controls-sidebar{background-color:var(--bg-panel);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;gap:1.75rem;padding:1.5rem;display:flex}.control-section h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-left:3px solid var(--border-active);margin-bottom:1rem;padding-left:.5rem;font-size:.8rem}.control-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.preset-btn{text-align:center;width:100%}.control-btn{border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;background:#ffffff0a;border-radius:8px;padding:.4rem .8rem;font-size:.82rem;transition:all .2s}.control-btn:hover{background:#ffffff14}.control-btn.active{border-color:var(--border-active);color:var(--text-accent);box-shadow:var(--shadow-glow);background:#3b82f626}.class-search-wrap{grid-template-columns:1fr auto;gap:.5rem;margin-bottom:.45rem;display:grid}.class-search-input{border:1px solid var(--border-color);width:100%;color:var(--text-main);background:#00000047;border-radius:8px;padding:.45rem .6rem;font-size:.82rem}.class-search-input:focus-visible{outline-offset:1px;outline:2px solid #60a5fab3}.class-search-hint{color:var(--text-muted);margin-bottom:.6rem;font-size:.74rem}.class-search-results{gap:.45rem;max-height:210px;padding-right:.2rem;display:grid;overflow:auto}.class-result-row{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:.35rem;padding:.32rem;display:grid}.class-result-name{color:#b7f5de;text-overflow:ellipsis;white-space:nowrap;font-family:Courier New,Courier,monospace;font-size:.77rem;overflow:hidden}.class-result-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:#ffffff08;border-radius:7px;padding:.27rem .5rem;font-size:.72rem}.class-result-btn:hover{color:var(--text-main);border-color:#60a5fa80}.class-result-empty{color:var(--text-muted);padding:.35rem 0;font-size:.76rem}.showcase-section{border-top:1px solid #ffffff0d;margin-top:4.5rem;padding-top:3rem}.showcase-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2rem;display:flex}.showcase-header h2{letter-spacing:-.02em;font-size:1.8rem;font-weight:700}.showcase-header p{color:var(--text-muted);max-width:600px}.showcase-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.demo-card{border:1px solid var(--border-color);background:#ffffff05;border-radius:16px;flex-direction:column;transition:transform .25s,border-color .25s;display:flex;overflow:hidden}.demo-card:hover{border-color:#ffffff1f;transform:translateY(-4px)}.card-preview{aspect-ratio:16/10;background-color:#03050a;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.card-preview img{object-fit:cover;width:100%;height:100%}.card-info{flex-direction:column;flex-grow:1;gap:.5rem;padding:1.25rem;display:flex}.card-title{font-size:1rem;font-weight:600}.card-desc{color:var(--text-muted);flex-grow:1;font-size:.85rem;line-height:1.4}.card-tag{appearance:none;color:#6ee7b7;text-align:left;cursor:pointer;background:#0000004d;border:1px solid #ffffff14;border-radius:6px;align-self:flex-start;padding:.2rem .5rem;font-family:Courier New,Courier,monospace;font-size:.75rem;transition:transform .2s,border-color .2s,background-color .2s}.card-tag:hover{background:#0f181bb3;border-color:#6ee7b780;transform:translateY(-1px)}.card-tag:focus-visible,.snippet-copy:focus-visible,.class-chip:focus-visible{outline-offset:2px;outline:2px solid #34d399}.usecase-meta{color:var(--text-muted);font-size:.78rem;line-height:1.35}.customizer-box{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:20px;grid-template-columns:1fr;gap:2rem;margin-top:4rem;padding:2rem;display:grid}@media (width>=768px){.customizer-box{grid-template-columns:1fr 1fr}}.customizer-controls{flex-direction:column;gap:1.25rem;display:flex}.slider-group{flex-direction:column;gap:.5rem;display:flex}.slider-labels{justify-content:space-between;font-size:.85rem;display:flex}input[type=range]{width:100%;accent-color:var(--border-active);appearance:none;cursor:pointer;background:#ffffff1a;border-radius:999px;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--border-active);background:#fff;border-radius:50%;width:16px;height:16px}.demo-card-frame{--lum-border-radius:12px}.toast{color:#fff;opacity:0;pointer-events:none;z-index:999;background:#10b981e6;border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s;position:fixed;bottom:2rem;right:2rem;transform:translateY(10px);box-shadow:0 10px 15px -3px #0000004d}.toast.show{opacity:1;transform:translateY(0)}.back-link{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.9rem;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--text-main)}@media (pointer:coarse){.control-btn{min-block-size:40px;padding:.6rem 1.1rem;font-size:.9rem}}.control-btn,.back-link,.btn-copy,.card-tag,.snippet-copy,.class-chip,.mode-btn,.class-result-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@layer base{:where(.lum-img){--lum-trans-duration:.35s;--lum-trans-timing:cubic-bezier(.25, .8, .25, 1);--lum-focus-color:#3b82f6;--lum-blur:blur(0px);--lum-grayscale:grayscale(0%);--lum-sepia:sepia(0%);--lum-brightness:brightness(1);--lum-contrast:contrast(1);--lum-saturate:saturate(1);--lum-hue-rotate:hue-rotate(0deg);--lum-invert:invert(0%);--lum-opacity:opacity(1);--lum-drop-shadow:drop-shadow(0 0 0 transparent);--lum-scale:1;--lum-rotate:0deg;--lum-translate-x:0px;--lum-translate-y:0px;--lum-skew-x:0deg;--lum-skew-y:0deg;--lum-perspective:1000px;--lum-rotate-x:0deg;--lum-rotate-y:0deg;--lum-rotate-z:0deg;--lum-anim-name:none;--lum-anim-duration:6s;--lum-anim-timing:ease-in-out;--lum-anim-delay:0s;--lum-anim-iteration:infinite;--lum-anim-direction:normal;--lum-anim-fill-mode:both;--lum-anim-play-state:running;vertical-align:middle;max-width:100%;height:auto;filter:var(--lum-blur) var(--lum-grayscale) var(--lum-sepia) var(--lum-brightness) var(--lum-contrast) var(--lum-saturate) var(--lum-hue-rotate) var(--lum-invert) var(--lum-opacity) var(--lum-drop-shadow);transform:perspective(var(--lum-perspective)) translate(var(--lum-translate-x), var(--lum-translate-y)) scale(var(--lum-scale)) rotate(var(--lum-rotate)) rotateX(var(--lum-rotate-x)) rotateY(var(--lum-rotate-y)) rotateZ(var(--lum-rotate-z)) skew(var(--lum-skew-x), var(--lum-skew-y));transition:filter var(--lum-trans-duration) var(--lum-trans-timing), transform var(--lum-trans-duration) var(--lum-trans-timing), opacity var(--lum-trans-duration) var(--lum-trans-timing), outline-offset .2s ease;animation:var(--lum-anim-name) var(--lum-anim-duration) var(--lum-anim-timing) var(--lum-anim-delay) var(--lum-anim-iteration) var(--lum-anim-direction) var(--lum-anim-fill-mode);animation-play-state:var(--lum-anim-play-state);will-change:transform, filter;display:inline-block}.lum-img:focus-visible{outline:3px solid var(--lum-focus-color);outline-offset:6px}:where(.lum-img),:where(.lum-frame){-webkit-tap-highlight-color:transparent}}@layer filters{.lum-blur-xs{--lum-blur:blur(2px)}.lum-blur-sm{--lum-blur:blur(4px)}.lum-blur{--lum-blur:blur(8px)}.lum-blur-lg{--lum-blur:blur(16px)}.lum-blur-xl{--lum-blur:blur(28px)}.lum-grayscale{--lum-grayscale:grayscale(100%)}.lum-sepia{--lum-sepia:sepia(100%)}.lum-invert{--lum-invert:invert(100%)}.lum-bright-50{--lum-brightness:brightness(.5)}.lum-bright-75{--lum-brightness:brightness(.75)}.lum-bright-110{--lum-brightness:brightness(1.1)}.lum-bright-125{--lum-brightness:brightness(1.25)}.lum-bright-150{--lum-brightness:brightness(1.5)}.lum-bright-200{--lum-brightness:brightness(2)}.lum-contrast-50{--lum-contrast:contrast(.5)}.lum-contrast-75{--lum-contrast:contrast(.75)}.lum-contrast-125{--lum-contrast:contrast(1.25)}.lum-contrast-150{--lum-contrast:contrast(1.5)}.lum-contrast-200{--lum-contrast:contrast(2)}.lum-saturate-0{--lum-saturate:saturate(0)}.lum-saturate-50{--lum-saturate:saturate(.5)}.lum-saturate-125{--lum-saturate:saturate(1.25)}.lum-saturate-150{--lum-saturate:saturate(1.5)}.lum-saturate-200{--lum-saturate:saturate(2)}.lum-hue-30{--lum-hue-rotate:hue-rotate(30deg)}.lum-hue-60{--lum-hue-rotate:hue-rotate(60deg)}.lum-hue-90{--lum-hue-rotate:hue-rotate(90deg)}.lum-hue-180{--lum-hue-rotate:hue-rotate(180deg)}.lum-hue-270{--lum-hue-rotate:hue-rotate(270deg)}.lum-opacity-0{--lum-opacity:opacity(0)}.lum-opacity-25{--lum-opacity:opacity(.25)}.lum-opacity-50{--lum-opacity:opacity(.5)}.lum-opacity-75{--lum-opacity:opacity(.75)}.lum-opacity-90{--lum-opacity:opacity(.9)}.lum-shadow-sm{--lum-drop-shadow:drop-shadow(0 2px 5px #0000001a)}.lum-shadow{--lum-drop-shadow:drop-shadow(0 5px 12px #00000026)}.lum-shadow-lg{--lum-drop-shadow:drop-shadow(0 12px 28px #00000038)}.lum-shadow-xl{--lum-drop-shadow:drop-shadow(0 22px 48px #00000047)}.lum-shadow-glow{--lum-drop-shadow:drop-shadow(0 8px 24px #3b82f659)}}@layer transforms{.lum-scale-50{--lum-scale:.5}.lum-scale-75{--lum-scale:.75}.lum-scale-90{--lum-scale:.9}.lum-scale-95{--lum-scale:.95}.lum-scale-105{--lum-scale:1.05}.lum-scale-110{--lum-scale:1.1}.lum-scale-120{--lum-scale:1.2}.lum-scale-150{--lum-scale:1.5}.lum-rotate-15{--lum-rotate:15deg}.lum-rotate-30{--lum-rotate:30deg}.lum-rotate-45{--lum-rotate:45deg}.lum-rotate-90{--lum-rotate:90deg}.lum-rotate-180{--lum-rotate:180deg}.lum-rotate-270{--lum-rotate:270deg}.lum-rotate-n15{--lum-rotate:-15deg}.lum-rotate-n30{--lum-rotate:-30deg}.lum-rotate-n45{--lum-rotate:-45deg}.lum-rotate-n90{--lum-rotate:-90deg}.lum-flip-h{--lum-scale:-1 1}.lum-flip-v{--lum-scale:1 -1}.lum-flip-both{--lum-scale:-1 -1}.lum-skew-x-5{--lum-skew-x:5deg}.lum-skew-x-12{--lum-skew-x:12deg}.lum-skew-x-20{--lum-skew-x:20deg}.lum-skew-y-5{--lum-skew-y:5deg}.lum-skew-y-12{--lum-skew-y:12deg}.lum-skew-y-20{--lum-skew-y:20deg}.lum-tilt-l{--lum-rotate-y:-22deg}.lum-tilt-r{--lum-rotate-y:22deg}.lum-tilt-u{--lum-rotate-x:22deg}.lum-tilt-d{--lum-rotate-x:-22deg}}@layer hovers{.lum-hover-zoom:where(:hover,:active,.lum-touch-active){--lum-scale:1.1}.lum-hover-shrink:where(:hover,:active,.lum-touch-active){--lum-scale:.9}.lum-hover-rotate-l:where(:hover,:active,.lum-touch-active){--lum-rotate:-8deg}.lum-hover-rotate-r:where(:hover,:active,.lum-touch-active){--lum-rotate:8deg}.lum-hover-tilt-l:where(:hover,:active,.lum-touch-active){--lum-rotate-y:-18deg}.lum-hover-tilt-r:where(:hover,:active,.lum-touch-active){--lum-rotate-y:18deg}.lum-hover-tilt-u:where(:hover,:active,.lum-touch-active){--lum-rotate-x:18deg}.lum-hover-tilt-d:where(:hover,:active,.lum-touch-active){--lum-rotate-x:-18deg}.lum-hover-rotate-3d:where(:hover,:active,.lum-touch-active){--lum-rotate-x:14deg;--lum-rotate-y:-14deg;--lum-scale:1.06;--lum-drop-shadow:drop-shadow(0 15px 35px #00000047)}.lum-hover-flip-h:where(:hover,:active,.lum-touch-active){--lum-rotate-y:180deg}.lum-hover-flip-v:where(:hover,:active,.lum-touch-active){--lum-rotate-x:180deg}.lum-hover-grayscale-off{--lum-grayscale:grayscale(100%)}.lum-hover-grayscale-off:where(:hover,:active,.lum-touch-active){--lum-grayscale:grayscale(0%)}.lum-hover-grayscale-on:where(:hover,:active,.lum-touch-active){--lum-grayscale:grayscale(100%)}.lum-hover-blur-off{--lum-blur:blur(8px)}.lum-hover-blur-off:where(:hover,:active,.lum-touch-active){--lum-blur:blur(0px)}.lum-hover-blur-on:where(:hover,:active,.lum-touch-active){--lum-blur:blur(8px)}.lum-hover-sepia-on:where(:hover,:active,.lum-touch-active){--lum-sepia:sepia(100%)}.lum-hover-invert-on:where(:hover,:active,.lum-touch-active){--lum-invert:invert(100%)}.lum-hover-bright-on:where(:hover,:active,.lum-touch-active){--lum-brightness:brightness(1.25)}.lum-hover-bright-off:where(:hover,:active,.lum-touch-active){--lum-brightness:brightness(.75)}}@layer layout{.lum-frame{border-radius:var(--lum-border-radius,16px);background-color:var(--lum-frame-bg,#090d16);border:var(--lum-frame-border-width,0) solid var(--lum-frame-border-color,transparent);isolation:isolate;display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #00000026,0 2px 10px -1px #0000001a}.lum-frame>.lum-img{width:100%;height:100%;margin:0;display:block}.lum-overlay{background-color:var(--lum-overlay-bg,#00000073);opacity:0;transition:opacity var(--lum-trans-duration) var(--lum-trans-timing);color:#fff;z-index:2;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0}.lum-overlay-blur{-webkit-backdrop-filter:blur(8px)}.lum-overlay-top{justify-content:flex-start;align-items:stretch}.lum-overlay-bottom{justify-content:flex-end;align-items:stretch}.lum-overlay-left{text-align:left;justify-content:center;align-items:flex-start}.lum-overlay-right{text-align:right;justify-content:center;align-items:flex-end}.lum-overlay-dark{--lum-overlay-bg:#0009}.lum-overlay-brand{--lum-overlay-bg:linear-gradient(145deg, #2563ebad, #0e749094)}.lum-overlay-warm{--lum-overlay-bg:linear-gradient(145deg, #b4530985, #78350fa3)}.lum-frame:hover .lum-overlay,.lum-frame:active .lum-overlay,.lum-frame.lum-touch-active .lum-overlay{opacity:1}.lum-caption{background:var(--lum-caption-bg,#000000bf);color:#fff;transition:all var(--lum-trans-duration) var(--lum-trans-timing);z-index:3;pointer-events:none;padding:1.2rem 1.5rem;position:absolute;left:0;right:0}.lum-caption-slide-up{bottom:0;transform:translateY(100%)}.lum-caption-slide-down{top:0;transform:translateY(-100%)}.lum-caption-slide-left{width:75%;top:0;bottom:0;left:0;transform:translate(-100%)}.lum-caption-slide-right{width:75%;top:0;bottom:0;right:0;transform:translate(100%)}.lum-caption-fade{opacity:0;bottom:0}.lum-caption-scale{opacity:0;bottom:0;transform:scale(.85)}.lum-frame:hover .lum-caption-slide-up,.lum-frame:active .lum-caption-slide-up,.lum-frame.lum-touch-active .lum-caption-slide-up,.lum-frame:hover .lum-caption-slide-down,.lum-frame:active .lum-caption-slide-down,.lum-frame.lum-touch-active .lum-caption-slide-down{transform:translateY(0)}.lum-frame:hover .lum-caption-slide-left,.lum-frame:active .lum-caption-slide-left,.lum-frame.lum-touch-active .lum-caption-slide-left,.lum-frame:hover .lum-caption-slide-right,.lum-frame:active .lum-caption-slide-right,.lum-frame.lum-touch-active .lum-caption-slide-right{transform:translate(0)}.lum-frame:hover .lum-caption-fade,.lum-frame:active .lum-caption-fade,.lum-frame.lum-touch-active .lum-caption-fade{opacity:1}.lum-frame:hover .lum-caption-scale,.lum-frame:active .lum-caption-scale,.lum-frame.lum-touch-active .lum-caption-scale{opacity:1;transform:scale(1)}.lum-aspect-square{aspect-ratio:1}.lum-aspect-video{aspect-ratio:16/9}.lum-aspect-standard{aspect-ratio:4/3}.lum-aspect-portrait{aspect-ratio:3/4}.lum-aspect-cinematic{aspect-ratio:21/9}.lum-aspect-golden{aspect-ratio:1.618}.lum-fit-cover{object-fit:cover}.lum-fit-contain{object-fit:contain}.lum-fit-fill{object-fit:fill}.lum-pos-top{object-position:top center}.lum-pos-bottom{object-position:bottom center}.lum-pos-left{object-position:center left}.lum-pos-right{object-position:center right}.lum-pos-top-left{object-position:top left}.lum-pos-top-right{object-position:top right}.lum-pos-bottom-left{object-position:bottom left}.lum-pos-bottom-right{object-position:bottom right}.lum-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--lum-col-min,280px)), 1fr));gap:var(--lum-grid-gap,1.5rem);width:100%;display:grid}.lum-grid-cols-2{--lum-col-min:340px}.lum-grid-cols-3{--lum-col-min:280px}.lum-grid-cols-4{--lum-col-min:220px}.lum-grid-gap-sm{--lum-grid-gap:.75rem}.lum-grid-gap-lg{--lum-grid-gap:2.5rem}.lum-frame-soft{--lum-border-radius:22px}.lum-frame-sharp{--lum-border-radius:0}.lum-frame-flat{box-shadow:none}.lum-frame-border{--lum-frame-border-width:1px;--lum-frame-border-color:#ffffff2e}.lum-frame-border-strong{--lum-frame-border-width:2px;--lum-frame-border-color:#fff6}.lum-frame-glass{--lum-frame-bg:#0b111c94;--lum-frame-border-width:1px;--lum-frame-border-color:#ffffff42;-webkit-backdrop-filter:blur(10px);box-shadow:0 16px 36px #00000047,inset 0 1px #ffffff1f}.lum-loading{background:linear-gradient(90deg,#101827 25%,#1b2738 37%,#101827 63%) 0 0/300% 100%;position:relative;overflow:hidden}.lum-loading:before{content:"";z-index:4;pointer-events:none;background:linear-gradient(110deg,#0000 20%,#ffffff38 45%,#0000 70%);animation:1.8s linear infinite lumFrameShimmer;position:absolute;inset:0;transform:translate(-110%)}.lum-loading>.lum-img{opacity:0}.lum-loaded>.lum-img{opacity:1}@media (width<=768px){:where(.lum-img){--lum-blur:blur(0px)!important;--lum-drop-shadow:drop-shadow(0 0 0 transparent)!important;--lum-perspective:none!important;--lum-rotate-x:0deg!important;--lum-rotate-y:0deg!important}}@media (prefers-reduced-motion:reduce){:where(.lum-img),.lum-overlay,.lum-caption,.lum-loading:before{--lum-trans-duration:1ms!important;transition:none!important;animation:none!important}}}@layer utilities{.lum-transition-fast{--lum-trans-duration:.18s}.lum-transition-slow{--lum-trans-duration:.65s}.lum-ease-smooth{--lum-trans-timing:cubic-bezier(.25, .8, .25, 1)}.lum-ease-snappy{--lum-trans-timing:cubic-bezier(.22, 1, .36, 1)}.lum-ease-linear{--lum-trans-timing:linear}.lum-interactive{cursor:pointer}.lum-select-none{-webkit-user-select:none;user-select:none}}@layer animations{@keyframes lumFloat{0%,to{transform:perspective(var(--lum-perspective)) translate(var(--lum-translate-x), calc(var(--lum-translate-y) + 0px)) scale(var(--lum-scale)) rotate(var(--lum-rotate)) rotateX(var(--lum-rotate-x)) rotateY(var(--lum-rotate-y)) rotateZ(var(--lum-rotate-z)) skew(var(--lum-skew-x), var(--lum-skew-y))}50%{transform:perspective(var(--lum-perspective)) translate(var(--lum-translate-x), calc(var(--lum-translate-y) - 10px)) scale(var(--lum-scale)) rotate(var(--lum-rotate)) rotateX(var(--lum-rotate-x)) rotateY(var(--lum-rotate-y)) rotateZ(var(--lum-rotate-z)) skew(var(--lum-skew-x), var(--lum-skew-y))}}@keyframes lumPulse{0%,to{opacity:1;filter:var(--lum-blur) var(--lum-grayscale) var(--lum-sepia) var(--lum-brightness) var(--lum-contrast) var(--lum-saturate) var(--lum-hue-rotate) var(--lum-invert) var(--lum-opacity) var(--lum-drop-shadow)}50%{opacity:.78;filter:var(--lum-blur) var(--lum-grayscale) var(--lum-sepia) brightness(1.06) var(--lum-contrast) var(--lum-saturate) var(--lum-hue-rotate) var(--lum-invert) var(--lum-opacity) var(--lum-drop-shadow)}}@keyframes lumBreathe{0%,to{transform:perspective(var(--lum-perspective)) translate(var(--lum-translate-x), var(--lum-translate-y)) scale(var(--lum-scale)) rotate(var(--lum-rotate)) rotateX(var(--lum-rotate-x)) rotateY(var(--lum-rotate-y)) rotateZ(var(--lum-rotate-z)) skew(var(--lum-skew-x), var(--lum-skew-y));filter:var(--lum-blur) var(--lum-grayscale) var(--lum-sepia) var(--lum-brightness) var(--lum-contrast) var(--lum-saturate) var(--lum-hue-rotate) var(--lum-invert) var(--lum-opacity) var(--lum-drop-shadow)}50%{transform:perspective(var(--lum-perspective)) translate(var(--lum-translate-x), var(--lum-translate-y)) scale(calc(var(--lum-scale) * 1.05)) rotate(var(--lum-rotate)) rotateX(var(--lum-rotate-x)) rotateY(var(--lum-rotate-y)) rotateZ(var(--lum-rotate-z)) skew(var(--lum-skew-x), var(--lum-skew-y));filter:var(--lum-blur) var(--lum-grayscale) var(--lum-sepia) brightness(1.08) var(--lum-contrast) var(--lum-saturate) var(--lum-hue-rotate) var(--lum-invert) var(--lum-opacity) var(--lum-drop-shadow)}}@keyframes lumKenBurns{0%{transform:perspective(var(--lum-perspective)) translate(calc(var(--lum-translate-x) - 2%), calc(var(--lum-translate-y) - 1.4%)) scale(calc(var(--lum-scale) * 1.03)) rotate(var(--lum-rotate)) rotateX(var(--lum-rotate-x)) rotateY(var(--lum-rotate-y)) rotateZ(var(--lum-rotate-z)) skew(var(--lum-skew-x), var(--lum-skew-y))}to{transform:perspective(var(--lum-perspective)) translate(calc(var(--lum-translate-x) + 2%), calc(var(--lum-translate-y) + 1.4%)) scale(calc(var(--lum-scale) * 1.16)) rotate(var(--lum-rotate)) rotateX(var(--lum-rotate-x)) rotateY(var(--lum-rotate-y)) rotateZ(var(--lum-rotate-z)) skew(var(--lum-skew-x), var(--lum-skew-y))}}@keyframes lumSpinSlow{0%{transform:perspective(var(--lum-perspective)) translate(var(--lum-translate-x), var(--lum-translate-y)) scale(var(--lum-scale)) rotate(0deg) rotateX(var(--lum-rotate-x)) rotateY(var(--lum-rotate-y)) rotateZ(var(--lum-rotate-z)) skew(var(--lum-skew-x), var(--lum-skew-y))}to{transform:perspective(var(--lum-perspective)) translate(var(--lum-translate-x), var(--lum-translate-y)) scale(var(--lum-scale)) rotate(360deg) rotateX(var(--lum-rotate-x)) rotateY(var(--lum-rotate-y)) rotateZ(var(--lum-rotate-z)) skew(var(--lum-skew-x), var(--lum-skew-y))}}@keyframes lumFrameShimmer{0%{transform:translate(-110%)}to{transform:translate(110%)}}.lum-animate-float{--lum-anim-name:lumFloat;--lum-anim-duration:5.4s}.lum-animate-pulse{--lum-anim-name:lumPulse;--lum-anim-duration:2.6s}.lum-animate-breathe{--lum-anim-name:lumBreathe;--lum-anim-duration:4.2s}.lum-animate-kenburns{--lum-anim-name:lumKenBurns;--lum-anim-duration:9s;--lum-anim-direction:alternate}.lum-animate-spin-slow{--lum-anim-name:lumSpinSlow;--lum-anim-duration:14s;--lum-anim-timing:linear}.lum-anim-fast{--lum-anim-duration:1.8s}.lum-anim-slow{--lum-anim-duration:10s}.lum-anim-once{--lum-anim-iteration:1}.lum-anim-loop{--lum-anim-iteration:infinite}.lum-anim-paused{--lum-anim-play-state:paused}.lum-anim-delay-1{--lum-anim-delay:.15s}.lum-anim-delay-2{--lum-anim-delay:.35s}@media (prefers-reduced-motion:reduce){:where(.lum-img),.lum-loading:before{animation:none!important}}}