.cipher-grid-lightbox{z-index:1000;opacity:0;pointer-events:none;background-color:#000000e6;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0;overflow:hidden}.cipher-grid-lightbox.open{opacity:1;pointer-events:auto}.cipher-grid-lightbox .content{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.cipher-grid-lightbox .image-container{transform-origin:50%;justify-content:center;align-items:center;max-width:90%;max-height:calc(100vh - 180px);transition:transform .2s;display:flex;position:relative}.cipher-grid-lightbox.zoom-active .image-container{cursor:grab}.cipher-grid-lightbox.zoom-active .image-container:active{cursor:grabbing}.cipher-grid-lightbox .image-controls{z-index:1002;-webkit-backdrop-filter:blur(8px);background:#0009;border-radius:24px;flex-direction:column-reverse;align-items:center;padding:10px 0;display:flex;position:fixed;bottom:10px;right:10px}.cipher-grid-lightbox .caption{color:#fff;z-index:1001;background:#000c;border-radius:8px;max-width:80%;padding:16px;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.cipher-grid-lightbox .details-btn{color:#fff;cursor:pointer;z-index:1001;background:#0009;border:none;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;display:flex;position:fixed;bottom:20px;right:20px}.cipher-grid-lightbox .details-popover{color:#fff;z-index:1002;background:#000c;border-radius:8px;max-width:400px;padding:20px;position:fixed;bottom:80px;right:20px}.cipher-grid-lightbox .lightbox-image{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:calc(100vh - 180px)}.cipher-grid-lightbox .cipher-player{width:100%;max-width:90vw;height:auto;max-height:calc(100vh - 180px)}.cipher-grid-lightbox .nav-btn{color:#fff;cursor:pointer;z-index:1001;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.cipher-grid-lightbox .prev-btn{left:20px}.cipher-grid-lightbox .next-btn{right:20px}.cipher-grid-lightbox .close-btn{color:#fff;cursor:pointer;z-index:1001;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:fixed;top:20px;right:20px}.cipher-grid-lightbox .hui-btn{color:#fff;cursor:pointer;z-index:1001;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:fixed;top:20px;left:20px}.cipher-grid-lightbox .lightbox-counter{color:#fff;z-index:1001;pointer-events:none;letter-spacing:.03em;background:#0009;border-radius:20px;justify-content:center;align-items:center;height:40px;padding:0 14px;font-size:14px;font-weight:500;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.cipher-grid-lightbox .transform-style-0-normal{transform:rotate(0)scaleX(1)}.cipher-grid-lightbox .transform-style-0-flipped{transform:rotate(0)scaleX(-1)}.cipher-grid-lightbox .transform-style-90-normal{transform:rotate(90deg)scaleX(1)}.cipher-grid-lightbox .transform-style-90-flipped{transform:rotate(90deg)scaleX(-1)}.cipher-grid-lightbox .transform-style-180-normal{transform:rotate(180deg)scaleX(1)}.cipher-grid-lightbox .transform-style-180-flipped{transform:rotate(180deg)scaleX(-1)}.cipher-grid-lightbox .transform-style-270-normal{transform:rotate(270deg)scaleX(1)}.cipher-grid-lightbox .transform-style-270-flipped{transform:rotate(270deg)scaleX(-1)}.cipher-grid-lightbox .transform-style-0-normal,.cipher-grid-lightbox .transform-style-0-flipped,.cipher-grid-lightbox .transform-style-90-normal,.cipher-grid-lightbox .transform-style-90-flipped,.cipher-grid-lightbox .transform-style-180-normal,.cipher-grid-lightbox .transform-style-180-flipped,.cipher-grid-lightbox .transform-style-270-normal,.cipher-grid-lightbox .transform-style-270-flipped{transition:transform .2s}.cipher-grid-lightbox .image-controls button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:background-color .2s;display:flex}.cipher-grid-lightbox .image-controls .image-controls-row{align-items:center;gap:6px;padding:0 6px;display:flex}.cipher-grid-lightbox .lightbox-menu{z-index:1002;position:fixed;bottom:20px;left:20px}.cipher-grid-lightbox .lightbox-menu-btn,.cipher-grid-lightbox .more-btn{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 12px;display:flex}.cipher-grid-lightbox .lightbox-dropdown{-webkit-backdrop-filter:blur(8px);background:#000000e6;border-radius:10px;min-width:180px;padding:6px;position:absolute;bottom:50px;left:0}.cipher-grid-lightbox .dropdown-item{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 10px;display:flex}.cipher-grid-lightbox .dropdown-item:hover{background:#ffffff1a}.cipher-grid-lightbox .image-controls button:hover:not(:disabled){background-color:#fff3}.cipher-grid-lightbox .image-controls button:disabled{opacity:.5;cursor:not-allowed}.cipher-grid-lightbox .image-controls .divider{background:#ffffff4d;width:20px;height:1px;margin:0 5px}.cipher-grid-lightbox .zoom-level{text-align:center;min-width:50px;font-size:14px}.cipher-grid-lightbox .caption-toggle{color:#fff;cursor:pointer;z-index:1001;background:#0009;border:none;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.cipher-grid-lightbox .caption-close{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;display:flex;position:absolute;top:5px;right:5px}.cipher-grid-lightbox .markdown-caption{max-height:200px;overflow-y:auto}.cipher-grid-lightbox .keyboard-shortcuts-hint{z-index:1001;position:fixed;bottom:20px;left:20px}.cipher-grid-lightbox .shortcuts-btn{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;transition:background-color .2s;display:flex}.cipher-grid-lightbox .shortcuts-btn:hover{background-color:#000c}.cipher-grid-lightbox .keyboard-shortcuts-modal{z-index:1010;background-color:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cipher-grid-lightbox .keyboard-shortcuts-content{color:#fff;background:#1e1e1ef2;border-radius:8px;width:90%;max-width:800px;max-height:80vh;padding:30px;position:relative;overflow-y:auto}.cipher-grid-lightbox .close-shortcuts-btn{cursor:pointer;color:#fff;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:10px;right:10px}.cipher-grid-lightbox .close-shortcuts-btn:hover{background:#ffffff1a}.cipher-grid-lightbox .keyboard-shortcuts-content h3{border-bottom:1px solid #fff3;margin-top:0;margin-bottom:20px;padding-bottom:10px;font-size:24px}.cipher-grid-lightbox .keyboard-shortcuts-content h4{color:#ffffffe6;margin-top:0;margin-bottom:15px;font-size:18px}.cipher-grid-lightbox .shortcuts-columns{flex-wrap:wrap;gap:30px;display:flex}.cipher-grid-lightbox .shortcuts-column{flex:1;min-width:200px}.cipher-grid-lightbox .shortcut-row{align-items:center;margin-bottom:12px;display:flex}.cipher-grid-lightbox .key{text-align:center;background:#ffffff26;border-radius:4px;min-width:20px;margin-right:10px;padding:2px 8px;font-family:monospace;font-size:14px;box-shadow:0 2px #0000004d}.cipher-grid-lightbox .description{color:#fffc;font-size:14px}@media (max-width:768px){.cipher-grid-lightbox .shortcuts-columns{flex-direction:column;gap:20px}}.cipher-grid-lightbox .media-actions{z-index:1001;gap:8px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.cipher-grid-lightbox .media-btn{color:#fff;-webkit-backdrop-filter:blur(8px);cursor:pointer;background-color:#0009;border:none;border-radius:20px;align-items:center;gap:5px;padding:8px 16px;transition:background-color .2s;display:flex}@media (max-width:400px){.cipher-grid-lightbox .media-btn{gap:3px;padding:6px 12px;font-size:13px}.cipher-grid-lightbox .media-btn svg{width:14px;height:14px}.cipher-grid-lightbox .download-progress{padding:6px 12px;font-size:13px}.cipher-grid-lightbox .spinner{width:16px;height:16px}}.cipher-grid-lightbox .media-btn:hover{background:#000c}.cipher-grid-lightbox .like-btn.active{background:#ff4b4b33}.cipher-grid-lightbox .like-btn:hover{background:#000c}.cipher-grid-lightbox .like-btn.active:hover{background:#ff4b4b4d}.cipher-grid-lightbox .download-progress{color:#fff;background:#0009;border-radius:20px;align-items:center;gap:12px;padding:8px 16px;display:flex}.cipher-grid-lightbox .spinner{border:2px solid #ffffff4d;border-top-color:#00a3ff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.cipher-grid-lightbox .progress-text{flex-direction:column;align-items:flex-start;font-size:14px;display:flex}.cipher-grid-lightbox .file-info{color:#fff;z-index:1001;background:#0009;border-radius:8px;padding:12px;font-size:14px;position:fixed;bottom:80px;left:20px}.cipher-grid-lightbox .file-info p{opacity:.8;margin:4px 0}.cipher-grid-lightbox .file-info p:first-child{margin-top:0}.cipher-grid-lightbox .file-info p:last-child{margin-bottom:0}.cipher-grid-lightbox .download-btn{align-items:center;gap:8px;display:flex}.cipher-grid-lightbox .download-count{opacity:.8;font-size:14px}.cipher-grid-lightbox .info-popover{z-index:1010;background-color:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cipher-grid-lightbox .info-content{color:#fff;background:#1e1e1ef2;border-radius:8px;width:90%;max-width:500px;max-height:80vh;padding:30px;position:relative;overflow-y:auto}.cipher-grid-lightbox .close-info-btn{cursor:pointer;color:#fff;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:10px;right:10px}.cipher-grid-lightbox .close-info-btn:hover{background:#ffffff1a}.cipher-grid-lightbox .info-content h3{border-bottom:1px solid #fff3;margin-top:0;margin-bottom:20px;padding-bottom:10px;font-size:24px}.cipher-grid-lightbox .info-list{flex-direction:column;gap:12px;display:flex}.cipher-grid-lightbox .info-row{align-items:flex-start;gap:12px;display:flex}.cipher-grid-lightbox .info-label{color:#fffc;min-width:120px;font-weight:500}.cipher-grid-lightbox .info-value{word-break:break-all;flex:1}.cipher-grid-lightbox.hide-ui .close-btn,.cipher-grid-lightbox.hide-ui .nav-btn,.cipher-grid-lightbox.hide-ui .lightbox-counter,.cipher-grid-lightbox.hide-ui .image-controls,.cipher-grid-lightbox.hide-ui .caption,.cipher-grid-lightbox.hide-ui .caption-toggle,.cipher-grid-lightbox.hide-ui .details-btn,.cipher-grid-lightbox.hide-ui .details-popover,.cipher-grid-lightbox.hide-ui .keyboard-shortcuts-hint,.cipher-grid-lightbox.hide-ui .keyboard-shortcuts-modal,.cipher-grid-lightbox.hide-ui .media-actions,.cipher-grid-lightbox.hide-ui .file-info,.cipher-grid-lightbox.hide-ui .info-popover,.cipher-grid-lightbox.hide-ui .lightbox-menu{display:none!important}@media (max-width:768px){.cipher-grid-lightbox .image-container{touch-action:none;max-width:95%;max-height:calc(100vh - 120px)}.cipher-grid-lightbox .lightbox-image{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-height:calc(100vh - 120px)}.cipher-grid-lightbox .image-controls{padding:12px 8px;bottom:15px;right:15px}.cipher-grid-lightbox .image-controls button{width:40px;height:40px;margin:2px}.cipher-grid-lightbox .zoom-level{min-width:60px;padding:0 8px;font-size:16px}.cipher-grid-lightbox .nav-btn{width:56px;height:56px}.cipher-grid-lightbox .close-btn,.cipher-grid-lightbox .hui-btn{width:48px;height:48px}.cipher-grid-lightbox .caption{max-width:90%;font-size:14px;bottom:100px}.cipher-grid-lightbox .lightbox-dropdown{min-width:200px;max-width:calc(100vw - 40px)}.cipher-grid-lightbox .dropdown-item{padding:12px 16px;font-size:16px}}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.cipher-grid-lightbox .lightbox-fade-in{animation:.2s ease-out lightboxFadeIn}.cipher-grid-lightbox .lightbox-loading{z-index:1003;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cipher-grid-lightbox .lightbox-loading .spinner{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}
