CloudFlare-ImgBed/css/801.b13f6a9e.css

.public-browse[data-v-7f3b198a]{min-height:100vh;background:#0a0a0a;color:#fff}.header[data-v-7f3b198a]{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:hsla(0,0%,8%,.95);backdrop-filter:blur(10px);border-bottom:1px solid #222}.logo[data-v-7f3b198a]{font-size:18px;font-weight:600}.breadcrumb[data-v-7f3b198a]{display:flex;align-items:center;gap:4px;font-size:14px}.breadcrumb-item[data-v-7f3b198a]{padding:4px 8px;border-radius:4px;cursor:pointer;transition:background .2s}.breadcrumb-item[data-v-7f3b198a]:hover{background:#333}.breadcrumb-sep[data-v-7f3b198a]{color:#666}.file-count[data-v-7f3b198a]{color:#888;font-size:14px}.error-container[data-v-7f3b198a],.loading-container[data-v-7f3b198a]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#888}.loading-spinner[data-v-7f3b198a]{width:40px;height:40px;border:3px solid #333;border-top-color:#0095f6;border-radius:50%;animation:spin-7f3b198a 1s linear infinite}@keyframes spin-7f3b198a{to{transform:rotate(1turn)}}.retry-btn[data-v-7f3b198a]{margin-top:16px;padding:8px 24px;background:#0095f6;border:none;border-radius:8px;color:#fff;cursor:pointer}.gallery-container[data-v-7f3b198a]{padding:24px}.gallery-grid[data-v-7f3b198a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.gallery-item[data-v-7f3b198a]{cursor:pointer}.folder-card[data-v-7f3b198a]{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;background:#1a1a1a;border-radius:12px;transition:transform .2s}.folder-card[data-v-7f3b198a]:hover{transform:scale(1.02);background:#222}.folder-icon[data-v-7f3b198a]{width:48px;height:48px;margin-bottom:8px;color:#666}.folder-icon svg[data-v-7f3b198a]{width:100%;height:100%}.folder-name[data-v-7f3b198a]{font-size:14px;color:#ccc}.image-wrapper[data-v-7f3b198a]{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#1a1a1a}.image-wrapper img[data-v-7f3b198a],.image-wrapper video[data-v-7f3b198a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.image-wrapper:hover img[data-v-7f3b198a],.image-wrapper:hover video[data-v-7f3b198a]{transform:scale(1.05)}.file-placeholder[data-v-7f3b198a]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1a1a1a;color:#444}.file-placeholder svg[data-v-7f3b198a]{width:48px;height:48px}.overlay[data-v-7f3b198a]{position:absolute;inset:0;background:linear-gradient(transparent 60%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;display:flex;align-items:flex-end;justify-content:flex-end;padding:12px}.image-wrapper:hover .overlay[data-v-7f3b198a]{opacity:1}.overlay-actions[data-v-7f3b198a]{display:flex;gap:8px}.action-btn[data-v-7f3b198a]{width:36px;height:36px;border:none;border-radius:50%;background:hsla(0,0%,100%,.2);backdrop-filter:blur(4px);cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;color:#fff}.action-btn svg[data-v-7f3b198a]{width:18px;height:18px}.action-btn[data-v-7f3b198a]:hover{background:hsla(0,0%,100%,.3)}.item-info[data-v-7f3b198a]{padding:8px 4px}.item-name[data-v-7f3b198a]{font-size:13px;color:#aaa;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.load-more[data-v-7f3b198a]{display:flex;justify-content:center;padding:32px}.load-more-btn[data-v-7f3b198a]{padding:12px 48px;background:#222;border:1px solid #333;border-radius:8px;color:#fff;cursor:pointer;transition:background .2s}.load-more-btn[data-v-7f3b198a]:hover:not(:disabled){background:#333}.load-more-btn[data-v-7f3b198a]:disabled{opacity:.5;cursor:not-allowed}.preview-modal[data-v-7f3b198a]{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center}.preview-content[data-v-7f3b198a]{position:relative;max-width:90vw;max-height:90vh}.preview-image[data-v-7f3b198a],.preview-video[data-v-7f3b198a]{max-width:90vw;max-height:90vh;-o-object-fit:contain;object-fit:contain}.preview-close[data-v-7f3b198a]{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:28px;cursor:pointer;width:40px;height:40px}.preview-next[data-v-7f3b198a],.preview-prev[data-v-7f3b198a]{position:absolute;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.1);border:none;color:#fff;font-size:36px;padding:16px 20px;cursor:pointer;border-radius:4px}.preview-next[data-v-7f3b198a]:hover,.preview-prev[data-v-7f3b198a]:hover{background:hsla(0,0%,100%,.2)}.preview-prev[data-v-7f3b198a]{left:-80px}.preview-next[data-v-7f3b198a]{right:-80px}@media (max-width:768px){.header[data-v-7f3b198a]{flex-direction:column;gap:12px;padding:12px}.gallery-grid[data-v-7f3b198a]{grid-template-columns:repeat(2,1fr);gap:8px}.gallery-container[data-v-7f3b198a]{padding:12px}.preview-next[data-v-7f3b198a],.preview-prev[data-v-7f3b198a]{position:fixed;top:auto;bottom:20px;transform:none}.preview-prev[data-v-7f3b198a]{left:20px}.preview-next[data-v-7f3b198a]{right:20px}}