.hp-panel{background:var(--bg-elevated);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:280px;height:100%;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.hp-panel.collapsed{width:40px}.hp-toggle-bar{cursor:pointer;z-index:2;width:40px;height:100%;color:var(--text-muted);background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding-top:12px;transition:color .15s;display:flex;position:absolute;top:0;left:0}.hp-toggle-bar:hover{color:var(--accent-primary,#7c5cfc)}.hp-toggle-icon{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:2px;color:inherit;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:600}.hp-content{flex-direction:column;min-width:280px;height:100%;display:flex}.hp-panel.collapsed .hp-content{opacity:0;pointer-events:none}.hp-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.hp-title{color:var(--text-primary);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.hp-title-count{color:var(--text-muted);background:var(--bg-overlay-active,#7c5cfc14);border-radius:10px;padding:1px 6px;font-size:11px;font-weight:500}.hp-actions{gap:4px;display:flex}.hp-actions button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;font-size:14px;transition:all .15s;display:flex}.hp-actions button:hover{background:var(--bg-overlay-hover);color:var(--text-primary)}.hp-list{flex:1;padding:8px;overflow-y:auto}.hp-list::-webkit-scrollbar{width:4px}.hp-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.hp-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.hp-card{cursor:pointer;border:1px solid var(--border);aspect-ratio:1;background:var(--bg-surface);border-radius:8px;transition:all .15s;position:relative;overflow:hidden}.hp-card:hover{border-color:var(--accent-primary,#7c5cfc);z-index:1;transform:scale(1.03)}.hp-card img{object-fit:cover;width:100%;height:100%;display:block}.hp-card-placeholder{width:100%;height:100%;color:var(--text-muted);background:var(--bg-overlay-active);justify-content:center;align-items:center;font-size:24px;display:flex}.hp-card-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#000000b3;align-items:flex-end;padding:6px;transition:opacity .15s;display:flex;position:absolute;inset:0}.hp-card:hover .hp-card-overlay{opacity:1}.hp-card-prompt{color:#fff;-webkit-line-clamp:3;line-clamp:3;word-break:break-all;-webkit-box-orient:vertical;font-size:10px;line-height:1.3;display:-webkit-box;overflow:hidden}.hp-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.hp-empty-icon{opacity:.4;font-size:32px}.hp-empty-text{font-size:13px}.hp-loading{color:var(--text-muted);justify-content:center;align-items:center;padding:40px;font-size:13px;display:flex}.hp-date-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:8px 4px 4px;font-size:10px;font-weight:600}.hp-lightbox{z-index:2000;cursor:zoom-out;background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hp-lightbox-content{cursor:default;flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.hp-lightbox-media{object-fit:contain;border-radius:12px;max-width:90vw;max-height:80vh;box-shadow:0 20px 80px #0009}.hp-lightbox-prompt{color:#ffffffbf;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border-radius:8px;max-width:700px;margin-top:16px;padding:10px 18px;font-size:13px;line-height:1.5}.hp-nav-btn{color:#fff;cursor:pointer;z-index:2010;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:none;border-radius:12px;justify-content:center;align-items:center;width:56px;height:90px;font-size:36px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hp-nav-btn:hover{background:#ffffff40}.hp-nav-btn.prev{left:24px}.hp-nav-btn.next{right:24px}.hp-lightbox-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:background .15s;display:flex;position:absolute;top:20px;right:20px}.hp-lightbox-close:hover{background:#ffffff4d}.hp-lightbox-download{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:none;border-radius:12px;align-items:center;gap:6px;padding:10px 24px;font-size:14px;font-weight:500;transition:background .15s;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.hp-lightbox-download:hover{background:#ffffff4d}.hp-load-more{justify-content:center;padding:12px;display:flex}.hp-load-more button{background:var(--bg-overlay-active);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;width:100%;padding:6px 16px;font-size:12px;transition:all .15s}.hp-load-more button:hover{background:var(--bg-overlay-hover);color:var(--text-primary)}.hp-engine-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:#000000a6;border-radius:4px;max-width:90%;padding:2px 6px;font-size:9px;font-weight:500;line-height:1.3;position:absolute;bottom:4px;left:4px;overflow:hidden}.hp-lightbox-meta{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000008c;border:1px solid #ffffff14;border-radius:10px;width:90vw;max-width:720px;margin-top:12px;padding:12px 16px}.hp-meta-prompt-row{border-bottom:1px solid #ffffff1a;align-items:flex-start;gap:10px;margin-bottom:10px;padding-bottom:10px;display:flex}.hp-meta-prompt-text{color:#fffc;word-break:break-all;flex:1;max-height:60px;font-size:13px;line-height:1.5;overflow-y:auto}.hp-meta-prompt-text::-webkit-scrollbar{width:3px}.hp-meta-prompt-text::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.hp-copy-btn{color:#fffc;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff26;border-radius:6px;flex-shrink:0;padding:4px 10px;font-size:12px;transition:all .15s}.hp-copy-btn:hover{color:#fff;background:#fff3}.hp-meta-grid{flex-wrap:wrap;gap:6px 12px;display:flex}.hp-meta-item{align-items:center;gap:4px;font-size:12px;display:flex}.hp-meta-label{color:#ffffff80;white-space:nowrap}.hp-meta-value{color:#ffffffe6;white-space:nowrap;font-weight:500}@media (max-width:1024px){.hp-panel{display:none}}