/* Zypherius Lightbox */
#zyph-lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}
#zyph-lightbox.lb-show{opacity:1;pointer-events:auto}
.lb-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.88);backdrop-filter:blur(12px)}
.lb-container{position:relative;display:flex;max-width:92vw;max-height:88vh;gap:0;z-index:1}
.lb-media{flex:1;display:flex;align-items:center;justify-content:center;min-width:300px;max-width:72vw;max-height:88vh;padding:8px}
.lb-media img,.lb-media video{max-width:100%;max-height:85vh;border-radius:12px;box-shadow:0 8px 40px rgba(0,0,0,0.5)}

/* Sidebar */
.lb-sidebar{width:280px;background:rgba(17,17,40,0.95);border-radius:0 16px 16px 0;padding:20px;display:flex;flex-direction:column;gap:16px;border-left:1px solid rgba(124,92,252,0.1)}

/* Action buttons */
.lb-actions{display:flex;gap:8px;flex-wrap:nowrap}
.lb-btn{width:38px;height:38px;border-radius:11px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.05);color:#c8c6d4;font-size:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}
.lb-btn:hover{background:rgba(124,92,252,0.2);border-color:rgba(124,92,252,0.35);color:#fff;transform:scale(1.08)}
.lb-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lb-faved{color:#ff4d6a!important;border-color:rgba(255,77,106,0.25)!important;background:rgba(255,77,106,0.08)!important}
.lb-faved svg{fill:#ff4d6a;stroke:#ff4d6a}
.lb-delete:hover{color:#ff4d4d!important;border-color:rgba(255,77,77,0.3)!important;background:rgba(255,77,77,0.12)!important}
.lb-close-btn:hover{background:rgba(255,255,255,0.12)!important;border-color:rgba(255,255,255,0.2)!important}

/* Divider */
.lb-divider{height:1px;background:rgba(255,255,255,0.06);margin:0 -4px}

/* Prompt */
.lb-info{flex:1;overflow-y:auto}
.lb-prompt-label{font-size:10px;color:#6b6b82;text-transform:uppercase;letter-spacing:0.8px;font-weight:600;margin-bottom:6px}
.lb-prompt{font-size:13px;color:#e8e6f0;line-height:1.55;cursor:pointer;padding:10px 12px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);border-radius:10px;transition:all .2s;position:relative}
.lb-prompt:hover{background:rgba(124,92,252,0.06);border-color:rgba(124,92,252,0.15)}
.lb-prompt:active{background:rgba(124,92,252,0.12)}
.lb-prompt-copied{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(124,92,252,0.9);color:#fff;padding:4px 14px;border-radius:8px;font-size:12px;font-weight:600;pointer-events:none;opacity:0;transition:opacity .2s}
.lb-prompt-copied.show{opacity:1}

/* Model badge */
.lb-model{display:inline-block;padding:4px 12px;background:rgba(124,92,252,0.12);color:#a78bfa;border-radius:8px;font-size:11px;font-weight:600;margin-top:4px}

/* Counter */
.lb-counter{font-size:11px;color:#6b6b82;margin-top:4px}

/* Quick actions row */
.lb-quick-actions{display:flex;gap:8px;flex-wrap:wrap}
.lb-quick-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:10px;color:#c8c6d4;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}
.lb-quick-btn:hover{background:rgba(124,92,252,0.15);border-color:rgba(124,92,252,0.3);color:#fff}
.lb-quick-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}

/* Thumbs */
.lb-thumbs{display:flex;gap:6px;flex-wrap:wrap;max-height:160px;overflow-y:auto;padding-top:4px}
.lb-thumb{width:48px;height:48px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .15s;flex-shrink:0}
.lb-thumb:hover{border-color:rgba(124,92,252,0.5)}
.lb-thumb.active{border-color:#7c5cfc;box-shadow:0 0 0 2px rgba(124,92,252,0.25)}

/* Navigation arrows */
.lb-nav{position:fixed;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,0.08);background:rgba(0,0,0,0.5);backdrop-filter:blur(8px);color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}
.lb-nav:hover{background:rgba(124,92,252,0.35);border-color:rgba(124,92,252,0.5);transform:translateY(-50%) scale(1.08)}
.lb-nav svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.lb-prev{left:16px}.lb-next{right:16px}

@media(max-width:768px){.lb-sidebar{display:none}.lb-container{max-width:96vw}.lb-media{max-width:96vw}}