.luna-video-block,.luna-video-block-edit{--luna-video-bg-current: var(--lb-bg, transparent);--luna-video-bg-opacity-current: var(--lb-bg-opacity, 100%);--luna-video-bg-image-current: var(--lb-bg-img, none);--luna-video-radius-current: var(--lb-radius, var(--video-radius, 0px));--luna-video-border-width-current: var(--lb-border-w, 0px);--luna-video-border-style-current: var(--lb-border-s, solid);--luna-video-border-color-current: var(--lb-border-c, transparent);--luna-video-border-image-current: var(--lb-border-img, none);--luna-video-shadow-current: var(--lb-shadow, none);--luna-video-pt-current: var(--lb-pt, 0px);--luna-video-pr-current: var(--lb-pr, 0px);--luna-video-pb-current: var(--lb-pb, 0px);--luna-video-pl-current: var(--lb-pl, 0px);--luna-video-transition-duration: .2s;--luna-video-transition-timing: ease;--video-active-object-position: var(--video-object-position, center);position:relative;display:flex;flex-direction:column;width:100%;height:var(--video-block-height, auto);box-sizing:border-box;padding:var(--luna-video-pt-current) var(--luna-video-pr-current) var(--luna-video-pb-current) var(--luna-video-pl-current);overflow:visible;font-family:system-ui,-apple-system,sans-serif;background-color:color-mix(in srgb,var(--luna-video-bg-current) var(--luna-video-bg-opacity-current),transparent);background-image:var(--luna-video-bg-image-current);border-width:var(--luna-video-border-width-current);border-style:var(--luna-video-border-style-current);border-color:var(--luna-video-border-color-current);border-radius:var(--luna-video-radius-current);box-shadow:var(--luna-video-shadow-current);transition:background-color var(--luna-video-transition-duration) var(--luna-video-transition-timing),background-image var(--luna-video-transition-duration) var(--luna-video-transition-timing),border-color var(--luna-video-transition-duration) var(--luna-video-transition-timing),border-radius var(--luna-video-transition-duration) var(--luna-video-transition-timing),border-width var(--luna-video-transition-duration) var(--luna-video-transition-timing),box-shadow var(--luna-video-transition-duration) var(--luna-video-transition-timing)}.luna-video-block:before,.luna-video-block-edit:before{content:"";position:absolute;inset:calc(-1 * var(--luna-video-border-width-current));z-index:1;box-sizing:border-box;padding:var(--luna-video-border-width-current);pointer-events:none;background:var(--luna-video-border-image-current);border-radius:calc(var(--luna-video-radius-current) + var(--luna-video-border-width-current));-webkit-mask:linear-gradient(var(--luna-video-border-mask-color, #fff) 0 0) content-box,linear-gradient(var(--luna-video-border-mask-color, #fff) 0 0);-webkit-mask-composite:xor;mask:linear-gradient(var(--luna-video-border-mask-color, #fff) 0 0) content-box,linear-gradient(var(--luna-video-border-mask-color, #fff) 0 0);mask-composite:exclude;transition:background var(--luna-video-transition-duration) var(--luna-video-transition-timing)}[data-luna-style-border-image][data-block-type=video]>.luna-grid-block__content>:is(.luna-video-block,.luna-video-block-edit),.luna-grid-block[data-block-type=video][style*="--lb-border-img:"]>.luna-grid-block__content>:is(.luna-video-block,.luna-video-block-edit),:is(.luna-block-wrapper,.luna-block-wrapper-edit)[data-luna-block-type=video][style*="--lb-border-img:"] :is(.luna-video-block,.luna-video-block-edit){border-color:transparent!important}.video-placeholder{display:flex;flex:var(--video-placeholder-flex, initial);flex-direction:column;align-items:center;justify-content:center;width:100%;height:var(--video-placeholder-height, auto);min-height:var(--video-placeholder-min-height, 220px);aspect-ratio:var(--video-placeholder-aspect-ratio, auto);box-sizing:border-box;gap:clamp(10px,2.5cqi,20px);padding:clamp(16px,6cqi,40px);background:color-mix(in srgb,var(--luna-theme-background, var(--background)) 50%,transparent);border-radius:inherit;container-type:size;transition:background-color .2s,border-color .2s,color .2s}.video-placeholder.drag-over{color:var(--foreground);background:color-mix(in srgb,var(--foreground) 10%,transparent);border:2px dashed currentColor}.video-placeholder.uploading{cursor:default;background:color-mix(in srgb,var(--luna-theme-background, var(--background)) 80%,transparent)}.placeholder-icon{flex:0 0 auto;width:clamp(48px,min(34cqi,34cqb),220px);height:auto;color:var(--luna-theme-light2, var(--muted-foreground));opacity:.7;transition:color .2s}.video-placeholder.drag-over .placeholder-icon,.video-placeholder.drag-over .placeholder-text{color:var(--foreground)}.placeholder-text{max-width:min(100%,28ch);margin:0;color:var(--muted-foreground);font-size:clamp(12px,min(6cqi,6cqb),18px);font-weight:500;text-align:center}.upload-spinner{width:48px;height:48px;margin-bottom:16px;border:4px solid var(--luna-theme-light2, var(--border));border-top-color:var(--luna-dark-theme-accent, var(--primary));border-radius:50%;animation:luna-video-spin 1s linear infinite}@keyframes luna-video-spin{to{transform:rotate(360deg)}}.error-message{padding:8px 12px;margin-top:16px;color:var(--destructive);font-size:12px;text-align:center;background:var(--destructive-foreground);border:1px solid color-mix(in srgb,var(--destructive) 25%,transparent);border-radius:6px}.video-container,.video-preview{position:relative;flex:var(--video-preview-flex, initial);width:100%;height:var(--video-container-height, 100%);aspect-ratio:var(--video-container-aspect-ratio, auto);overflow:hidden;background:transparent;border-radius:inherit}.luna-video-block[data-fit=contain] .video-container,.video-preview[data-fit=contain]{display:flex;align-items:center;justify-content:center}.luna-video-block-edit[data-layout=grid] .video-preview{pointer-events:none}.luna-grid-block__content--interactive .luna-video-block-edit[data-layout=grid] .video-preview{pointer-events:auto}.video-player{position:relative;width:100%;height:100%;overflow:hidden;background:transparent;border-radius:inherit;container-type:size}.video-loading-backdrop{position:absolute;inset:0;z-index:1;overflow:hidden;background-color:transparent;border-radius:inherit;opacity:0;transform:scale(1.02);transition:opacity .25s ease,transform .25s ease}.video-loading-placeholder{background-color:transparent;opacity:1;transform:scale(1)}.video-loading-poster{display:block;width:100%;height:100%;object-fit:cover;object-position:var( --video-active-object-position, var(--video-object-position, center) )}.video-embed-frame{flex:none;width:100%;height:100%;overflow:hidden;border-radius:inherit}.video-embed-frame iframe,.video-preview iframe,.video-container iframe{width:100%;height:100%;border:none;border-radius:inherit}.luna-video-block[data-fit=contain] .video-embed-frame,.video-preview[data-fit=contain] .video-embed-frame{width:100%;max-width:100%;height:auto;max-height:100%;aspect-ratio:16 / 9}.video-element{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:var(--video-object-fit, contain);object-position:var( --video-active-object-position, var(--video-object-position, center) );background:transparent;border-radius:inherit;opacity:1;transition:opacity .25s ease}.video-player.is-loading .video-loading-backdrop{opacity:1;transform:scale(1)}.video-player.is-loading .video-element{opacity:0}.luna-video-block[data-layout=inline] .video-container,.luna-video-block-edit[data-layout=inline] .video-preview{height:var(--video-container-height, auto)}.luna-video-block[data-layout=inline] .video-player,.luna-video-block-edit[data-layout=inline] .video-player{height:100%}.luna-video-block[data-layout=inline] .video-embed-frame,.luna-video-block-edit[data-layout=inline] .video-embed-frame{height:100%;aspect-ratio:auto}.luna-video-block[data-layout=inline] .video-element,.luna-video-block-edit[data-layout=inline] .video-element{height:100%}#main-content[data-view-mode=tablet] .luna-video-block,#main-content[data-view-mode=tablet] .luna-video-block-edit{--video-active-object-position: var( --video-object-position-tablet, var(--video-object-position, center) )}#main-content[data-view-mode=mobile] .luna-video-block,#main-content[data-view-mode=mobile] .luna-video-block-edit{--video-active-object-position: var( --video-object-position-mobile, var(--video-object-position-tablet, var(--video-object-position, center)) )}.video-center-play{position:absolute;inset:50% auto auto 50%;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:74px;height:74px;color:var( --luna-video-control-foreground, var(--luna-theme-accent-contrast, #fff) );cursor:pointer;background:var(--luna-theme-accent, #3b82f6);border:none;border-radius:999px;box-shadow:0 14px 34px var(--luna-video-control-shadow, rgb(0 0 0 / 25%)),0 3px 10px var(--luna-video-control-shadow-strong, rgb(0 0 0 / 32%));transform:translate(-50%,-50%);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.video-center-play:hover{box-shadow:0 18px 38px var(--luna-video-control-shadow, rgb(0 0 0 / 25%)),0 5px 14px var(--luna-video-control-shadow-strong, rgb(0 0 0 / 32%));transform:translate(-50%,-50%) scale(1.06)}.video-controls-shell{position:absolute;right:14px;bottom:clamp(10px,5cqb,18px);left:14px;z-index:4;display:flex;gap:10px;align-items:center;padding:10px 12px;color:var(--luna-video-controls-text, #fff);pointer-events:none;background:var(--luna-video-controls-surface, rgb(0 0 0 / 72%));border:1px solid var(--luna-video-controls-border, rgb(255 255 255 / 24%));border-radius:14px;opacity:0;backdrop-filter:blur(10px);transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}.video-player:hover .video-controls-shell,.video-player:focus-within .video-controls-shell,.video-container:hover .video-controls-shell,.video-container:focus-within .video-controls-shell{pointer-events:auto;opacity:1;transform:translateY(0)}.video-control-btn{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:34px;height:34px;color:inherit;cursor:pointer;background:color-mix(in srgb,currentColor 16%,transparent);border:none;border-radius:10px;transition:background-color .2s ease}.video-control-btn:hover{background:color-mix(in srgb,currentColor 24%,transparent)}.video-time{flex-shrink:0;min-width:92px;color:color-mix(in srgb,currentColor 95%,transparent);font-size:12px;font-weight:600;letter-spacing:.01em;text-align:center}.video-seek,.video-volume{height:4px;cursor:pointer;appearance:none;background:color-mix(in srgb,currentColor 32%,transparent);border-radius:999px;outline:none}.video-seek{flex:1;min-width:120px}.video-volume{flex-shrink:0;width:88px}.video-seek::-webkit-slider-thumb,.video-volume::-webkit-slider-thumb{width:14px;height:14px;appearance:none;background:var(--luna-theme-accent, #3b82f6);border:2px solid var(--luna-video-controls-text, #fff);border-radius:999px}.video-seek::-moz-range-thumb,.video-volume::-moz-range-thumb{width:14px;height:14px;background:var(--luna-theme-accent, #3b82f6);border:2px solid var(--luna-video-controls-text, #fff);border-radius:999px}[data-icon=pause],[data-icon=volume-off]{display:none}.video-player.is-playing .video-center-play{pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.9)}.video-player.is-playing .video-toggle-play [data-icon=play],.video-player.is-muted .video-toggle-mute [data-icon=volume-on]{display:none}.video-player.is-playing .video-toggle-play [data-icon=pause],.video-player.is-muted .video-toggle-mute [data-icon=volume-off]{display:block}.video-overlay{position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit}.video-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:200px;color:var(--luna-video-empty-color, var(--muted-foreground));background:linear-gradient(135deg,var(--luna-video-empty-bg, var(--foreground)) 0%,color-mix(in srgb,var(--foreground) 85%,var(--background)) 100%);border-radius:inherit}.video-empty svg{margin-bottom:12px;opacity:.5}.video-empty p{margin:0;font-size:14px}.luna-grid-block .luna-video-block,.luna-grid-block .luna-video-block-edit,.luna-grid-block .video-container,.luna-grid-block .video-preview{width:100%;height:100%}.luna-grid-block .video-element{width:100%;height:100%;object-fit:var(--video-object-fit, contain)}@container main-content (max-width: 991px){.luna-video-block,.luna-video-block-edit{--luna-video-bg-current: var(--lb-t-bg, var(--lb-bg, transparent));--luna-video-bg-opacity-current: var( --lb-t-bg-opacity, var(--lb-bg-opacity, 100%) );--luna-video-bg-image-current: var(--lb-t-bg-img, var(--lb-bg-img, none));--luna-video-radius-current: var( --lb-t-radius, var(--lb-radius, var(--video-radius, 0px)) );--luna-video-border-width-current: var( --lb-t-border-w, var(--lb-border-w, 0px) );--luna-video-border-style-current: var( --lb-t-border-s, var(--lb-border-s, solid) );--luna-video-border-color-current: var( --lb-t-border-c, var(--lb-border-c, transparent) );--luna-video-border-image-current: var( --lb-t-border-img, var(--lb-border-img, none) );--luna-video-shadow-current: var(--lb-t-shadow, var(--lb-shadow, none));--luna-video-pt-current: var(--lb-t-pt, var(--lb-pt, 0px));--luna-video-pr-current: var(--lb-t-pr, var(--lb-pr, 0px));--luna-video-pb-current: var(--lb-t-pb, var(--lb-pb, 0px));--luna-video-pl-current: var(--lb-t-pl, var(--lb-pl, 0px));--video-active-object-position: var( --video-object-position-tablet, var(--video-object-position, center) )}}@container main-content (max-width: 479px){.luna-video-block,.luna-video-block-edit{--luna-video-bg-current: var( --lb-m-bg, var(--lb-t-bg, var(--lb-bg, transparent)) );--luna-video-bg-opacity-current: var( --lb-m-bg-opacity, var(--lb-t-bg-opacity, var(--lb-bg-opacity, 100%)) );--luna-video-bg-image-current: var( --lb-m-bg-img, var(--lb-t-bg-img, var(--lb-bg-img, none)) );--luna-video-radius-current: var( --lb-m-radius, var(--lb-t-radius, var(--lb-radius, var(--video-radius, 0px))) );--luna-video-border-width-current: var( --lb-m-border-w, var(--lb-t-border-w, var(--lb-border-w, 0px)) );--luna-video-border-style-current: var( --lb-m-border-s, var(--lb-t-border-s, var(--lb-border-s, solid)) );--luna-video-border-color-current: var( --lb-m-border-c, var(--lb-t-border-c, var(--lb-border-c, transparent)) );--luna-video-border-image-current: var( --lb-m-border-img, var(--lb-t-border-img, var(--lb-border-img, none)) );--luna-video-shadow-current: var( --lb-m-shadow, var(--lb-t-shadow, var(--lb-shadow, none)) );--luna-video-pt-current: var(--lb-m-pt, var(--lb-t-pt, var(--lb-pt, 0px)));--luna-video-pr-current: var(--lb-m-pr, var(--lb-t-pr, var(--lb-pr, 0px)));--luna-video-pb-current: var(--lb-m-pb, var(--lb-t-pb, var(--lb-pb, 0px)));--luna-video-pl-current: var(--lb-m-pl, var(--lb-t-pl, var(--lb-pl, 0px)));--video-active-object-position: var( --video-object-position-mobile, var(--video-object-position-tablet, var(--video-object-position, center)) )}}[data-view-mode=tablet] .luna-video-block,[data-view-mode=tablet] .luna-video-block-edit{--video-active-object-position: var( --video-object-position-tablet, var(--video-object-position, center) )}[data-view-mode=mobile] .luna-video-block,[data-view-mode=mobile] .luna-video-block-edit{--video-active-object-position: var( --video-object-position-mobile, var(--video-object-position-tablet, var(--video-object-position, center)) )}@container (max-width: 520px){.video-controls-shell{flex-wrap:nowrap;gap:8px;padding:8px 10px}.video-time,.video-volume{display:none}.video-seek{min-width:48px}}@container (max-height: 150px){.video-controls-shell{right:10px;bottom:8px;left:10px;gap:8px;padding:7px 9px;border-radius:10px}.video-control-btn{width:28px;height:28px;border-radius:8px}.video-time,.video-volume{display:none}.video-seek{min-width:48px}}@media(hover:none)and (pointer:coarse){.video-controls-shell{pointer-events:auto;opacity:1;transform:translateY(0)}}