/* Two local previews. The homepage's existing outer frame and perspective stay intact. */
.lr-page .lr-preview__toggle,.lr-home .lr-preview__toggle{all:unset;display:block;box-sizing:border-box;width:100%;border-radius:8px;color:#d9f4ff;cursor:default;-webkit-tap-highlight-color:transparent}
.lr-preview .lr-preview__toggle:enabled{cursor:pointer}
.lr-preview .lr-preview__toggle:focus-visible{outline:3px solid #b3f2ff;outline-offset:5px}
.lr-preview__stage{display:block;position:relative;aspect-ratio:16/9;perspective:2400px;border-radius:8px;background:#07121c}
.lr-preview__rotor{display:block;position:absolute;inset:0;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.22,.75,.2,1)}
.lr-preview__face{position:absolute;inset:0;display:block;border-radius:8px;background:#07121c;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(0deg)}
.lr-page .lr-preview__face img,.lr-home .lr-preview__face img{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.lr-preview__face--menu{transform:rotateY(180deg);background:#1d1b17;visibility:hidden}
.lr-preview__face--menu img{background:#1d1b17}
.lr-preview.is-ready .lr-preview__face--menu{visibility:visible}
.lr-preview.is-menu .lr-preview__rotor{transform:rotateY(180deg)}
.lr-preview__switch{display:flex;justify-content:center;align-items:center;gap:12px;min-height:48px;box-sizing:border-box;margin-top:8px;padding:8px 14px;border:1px solid #7893a24d;border-radius:7px;background:linear-gradient(110deg,#203648,#101c28);color:#d9f4ff;font:600 14px/1.5 var(--mono,monospace);letter-spacing:.06em;transition:background .3s,color .3s,border-color .3s}
.lr-preview__toggle:disabled .lr-preview__switch{display:none}
.lr-preview__switch-icon{display:inline-block;font:400 25px/1 sans-serif;color:#a3ebff;transition:transform .65s cubic-bezier(.22,.75,.2,1)}
.lr-preview.is-menu .lr-preview__switch{background:linear-gradient(110deg,#393022,#221e19);color:#ffedcf;border-color:#dcb57566}
.lr-preview.is-menu .lr-preview__switch-icon{color:#edc282;transform:rotate(180deg)}
.lr-preview__toggle:enabled:hover .lr-preview__switch,.lr-preview__toggle:focus-visible .lr-preview__switch{border-color:#b9edff;background:#29485b;color:#fff}
.lr-preview.is-menu .lr-preview__toggle:enabled:hover .lr-preview__switch,.lr-preview.is-menu .lr-preview__toggle:focus-visible .lr-preview__switch{border-color:#edc282;background:#51412c;color:#fff}
.lr-preview figcaption{font-size:14px}
.lr-home__caption{position:relative;display:flex;justify-content:space-between;gap:15px;padding:13px 8px 2px;font:500 12px/1.5 var(--mono,monospace);color:#b6cfdf}
.lr-home__caption-size{visibility:hidden}
.lr-home__caption [data-preview-title]{position:absolute;inset:13px 8px 2px}
.lr-home .lr-preview__toggle:enabled:hover .lr-home__caption,.lr-home .lr-preview__toggle:focus-visible .lr-home__caption{color:#e0f7ff}
.lr-page .lr-gallery__frame{display:block;padding:8px;border-radius:12px;border:1px solid #718d9d66;background:linear-gradient(130deg,#34495788,#0d1520);box-shadow:0 20px 40px #0005}
@media(max-width:700px){.lr-preview__switch{font-size:14px;letter-spacing:0;gap:8px;padding-inline:8px}.lr-preview figcaption{font-size:12px}.lr-page .lr-preview [data-preview-title]{min-height:3em}.lr-preview__stage,.lr-preview__face{border-radius:5px}}
@media(prefers-reduced-motion:reduce){
 .lr-preview__rotor,.lr-preview.is-menu .lr-preview__rotor,.lr-preview__face--menu{transform:none;transition:none}
 .lr-preview.is-ready:not(.is-menu) .lr-preview__face--menu,.lr-preview.is-menu .lr-preview__face--monitor{visibility:hidden}
 .lr-preview__switch,.lr-preview__switch-icon{transition:none}
}