.lb-overlay{position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:5000;display:none;flex-direction:column}.lb-overlay.lb-active{display:flex}.lb-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:rgba(0,0,0,.6);z-index:5010;flex-shrink:0}.lb-toolbar-left,.lb-toolbar-right{display:flex;align-items:center;gap:8px}.lb-counter{color:rgba(255,255,255,.6);font-size:.85rem;font-variant-numeric:tabular-nums}.lb-title{color:#fff;font-size:.9rem;font-weight:500;max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-btn{background:0 0;border:none;color:rgba(255,255,255,.7);font-size:1.1rem;cursor:pointer;padding:6px 8px;border-radius:4px;text-decoration:none;display:inline-flex;align-items:center;transition:all .15s}.lb-btn:hover{background:rgba(255,255,255,.1);color:#fff}.lb-btn-active{color:var(--accent)!important}.lb-btn-close{font-size:1.3rem}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.4);border:none;color:rgba(255,255,255,.8);font-size:3rem;cursor:pointer;padding:20px 12px;z-index:5010;border-radius:4px;transition:all .15s;line-height:1}.lb-nav:hover{background:rgba(0,0,0,.7);color:#fff}.lb-nav-prev{left:8px}.lb-nav-next{right:8px}.lb-stage{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.lb-image{max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.lb-video{max-width:90%;max-height:90%;outline:0}.lb-spinner{position:absolute;font-size:2rem;animation:lbSpin 1s linear infinite}@keyframes lbSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.lb-panel{position:absolute;top:0;right:0;bottom:0;width:340px;background:var(--bg-card,#1f2937);border-left:1px solid var(--border,#374151);transform:translateX(100%);transition:transform .25s ease;z-index:5020;display:flex;flex-direction:column;overflow-y:auto}.lb-panel.lb-panel-open{transform:translateX(0)}.lb-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border,#374151);flex-shrink:0}.lb-panel-header h3{font-size:1rem;color:var(--text-primary,#e0e0e0);margin:0}.lb-panel-body{padding:16px;font-size:.85rem;color:var(--text-primary,#e0e0e0)}.lb-exif-table{width:100%;border-collapse:collapse}.lb-exif-table td{padding:3px 0;vertical-align:top}.lb-exif-label{color:var(--text-muted,#6b7280);width:80px;padding-right:8px}.lb-exif-geo{margin-top:12px;font-size:.85rem;color:var(--text-secondary,#9ca3af)}.lb-rating-popup{position:absolute;bottom:60px;left:50%;transform:translateX(-50%);background:var(--bg-card,#1f2937);border:1px solid var(--border,#374151);border-radius:8px;padding:8px 16px;display:flex;gap:8px;z-index:5030;box-shadow:0 8px 24px rgba(0,0,0,.5)}.lb-rating-popup span{font-size:1.8rem;cursor:pointer;transition:transform .1s}.lb-rating-popup span:hover{transform:scale(1.3);color:var(--warning,#f59e0b)!important}@media (max-width:768px){.lb-nav{padding:12px 8px;font-size:2rem}.lb-panel{width:280px}.lb-title{max-width:150px}.lb-toolbar{padding:6px 8px}.lb-toolbar-right .lb-btn{padding:4px 6px;font-size:.95rem}}