.filter-panel{display:none;position:fixed;top:64px;left:0;right:0;background:var(--white);border-bottom:1px solid var(--border);z-index:90;padding:20px 20px 16px;box-shadow:0 8px 24px rgba(0,0,0,.06);max-height:calc(100vh - 64px);overflow-y:auto}.filter-panel.open{display:block}.filter-section{margin-bottom:16px}.filter-section h4{font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.filter-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border-light);margin-top:4px}.filter-count{font-size:13px;color:var(--text-muted)}.filter-count strong{color:var(--text)}.btn-reset{background:transparent;border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius);padding:6px 14px;font-size:13px;cursor:pointer;font-family:var(--font);transition:all .12s}.btn-reset:hover{border-color:#aaa;color:var(--text)}.photo-page{width:100%;max-width:1400px;margin:0 auto;padding:28px 20px 56px}.modal-body{gap:0}.modal-body,.modal-left{display:flex;align-items:flex-start}.modal-left{flex:0 0 60%;max-width:40%;min-width:320px;padding:0 24px 0 0;justify-content:center}.modal-left img{width:auto;height:auto;max-width:100%;max-height:80vh;border-radius:var(--card-radius);-o-object-fit:contain;object-fit:contain}.modal-right{flex:1 1 40%;min-width:280px;padding:0 0 0 28px}@media (max-width:860px){.photo-page{padding:20px 16px 40px}.modal-body{flex-direction:column}.modal-left{flex:0 0 auto;max-width:100%;width:100%;min-width:0;padding:0 0 20px}.modal-left img{max-height:70vh}.modal-right{flex:1 1 auto;min-width:0;border-left:none;border-top:1px solid var(--border-light);padding:20px 0 0}}.modal-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.meta-badge{color:#999;font-size:20px;font-weight:900;padding:5px 10px;border-radius:8px;letter-spacing:-2px}.meta-pill{background:#999;border:1px solid var(--border);color:#fff;font-size:14px;padding:5px 20px;border-radius:var(--radius);line-height:28px}.modal-actions{display:flex;gap:9px;margin-bottom:24px}.btn-dl{background:var(--text);color:#fff;border:none;border-radius:var(--radius);padding:12px 28px;font-family:var(--font);font-size:14px;font-weight:500;cursor:pointer;transition:opacity .15s}.btn-dl:hover{opacity:.8}.btn-shr{width:42px;height:42px;background:var(--text);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .15s}.btn-shr:hover{opacity:.8}.modal-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}.modal-tag{border:1px solid var(--border);color:var(--text);font-size:13px;padding:6px 13px;border-radius:var(--radius);background:var(--white)}.series-title{font-size:11px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.series-strip{display:flex;gap:12px;flex-wrap:nowrap;align-items:flex-end;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:6px}.series-strip>.card{flex:0 0 220px;width:220px;margin-bottom:0}@media (max-width:860px){.series-strip>.card{flex:0 0 160px;width:160px}}