.ll-backdrop{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;background-color:transparent;pointer-events:none;transition-property:color,background-color,border-color;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ll-backdrop.ll-open{background-color:#000;pointer-events:auto}.ll-outer{width:100%;height:100%;display:flex;flex-direction:column;opacity:0;transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ll-outer.ll-visible{opacity:1}.ll-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;flex-shrink:0;background-color:#000}.ll-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.875rem;line-height:1.25rem;font-weight:500;letter-spacing:.025em;color:#fffc}.ll-toolbar-actions{display:flex;align-items:center;gap:.25rem}.ll-toolbar-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.375rem;color:#ffffffb3;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);cursor:pointer;border:0;background-color:transparent;padding:0}.ll-toolbar-btn:hover{color:#fff;background-color:#ffffff1a}.ll-toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.ll-toolbar-btn svg{width:1.25rem;height:1.25rem;display:block;pointer-events:none}.ll-body{display:flex;flex:1 1 0%;overflow:hidden;position:relative}.ll-content{display:flex;flex-direction:column;flex:1 1 0%;overflow:hidden;position:relative}.ll-prev,.ll-next{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;color:#ffffffb3;background-color:#0000004d;border-radius:9999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:0;cursor:pointer;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ll-prev:hover,.ll-next:hover{color:#fff;background-color:#0009}.ll-prev{left:.5rem}.ll-next{right:.5rem}.ll-prev svg,.ll-next svg{width:1.5rem;height:1.5rem;pointer-events:none}.ll-prev.ll-disabled,.ll-next.ll-disabled{opacity:.3;cursor:not-allowed}.ll-stage{flex:1 1 0%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.ll-img-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transform-origin:center center}.ll-img{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;transform-origin:center center;transition:transform .15s ease;-webkit-user-drag:none}.ll-video-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ll-video-iframe{width:100%;border-radius:.5rem;border:0;aspect-ratio:16 / 9}.ll-video{width:100%;max-height:100%;border-radius:.5rem}.ll-sub-html{display:none;width:30vw;flex-shrink:0;background-color:#fff;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent;padding:2.5rem}.ll-sub-html.ll-sub-html-visible{display:flex}.ll-sub-html::-webkit-scrollbar{width:4px}.ll-sub-html::-webkit-scrollbar-track{background:transparent}.ll-sub-html::-webkit-scrollbar-thumb{background-color:#00000026;border-radius:9999px}@media(max-width:768px){.ll-body{flex-direction:column}.ll-sub-html{width:100%;max-height:40vh;flex-shrink:0;padding:1.5rem}}.ll-thumb-outer{flex-shrink:0;overflow-x:auto;overflow-y:hidden;display:flex;align-items:center;justify-content:safe center;background-color:#000;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.ll-thumb-outer::-webkit-scrollbar{height:4px}.ll-thumb-outer::-webkit-scrollbar-track{background:transparent}.ll-thumb-outer::-webkit-scrollbar-thumb{background-color:#ffffff40;border-radius:9999px}.ll-thumb{display:flex;align-items:center;padding-left:1rem;padding-right:1rem}.ll-thumb-item{flex-shrink:0;position:relative;cursor:pointer;overflow:hidden;border-radius:.25rem;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:.55;outline:2px solid transparent;outline-offset:0}.ll-thumb-item:hover{opacity:.8}.ll-thumb-item.ll-thumb-active{opacity:1;outline-color:#b68a35;outline-offset:2px}.ll-thumb-item img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none}.ll-thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e)}.ll-thumb-play-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0000004d}.ll-thumb-play-icon svg{width:2rem;height:2rem;color:#fff;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06))}.ll-stage.ll-zoom-active{cursor:grab}.ll-stage.ll-zoom-dragging{cursor:grabbing!important}@keyframes ll-slide-in-right{0%{opacity:0;translate:48px 0}to{opacity:1;translate:0px 0}}@keyframes ll-slide-in-left{0%{opacity:0;translate:-48px 0}to{opacity:1;translate:0px 0}}@keyframes ll-media-fade-out{to{opacity:0}}@keyframes ll-media-fade-in{0%{opacity:0}to{opacity:1}}.ll-slide-enter-right{animation:ll-slide-in-right .28s ease-out forwards}.ll-slide-enter-left{animation:ll-slide-in-left .28s ease-out forwards}.ll-slide-exit{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:ll-media-fade-out .2s ease forwards}.ll-fade-in{animation:ll-media-fade-in .22s ease forwards}