.photo-folder-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.photo-folder{display:flex;flex-direction:column;text-align:left;padding:0;border:1px solid var(--line);background:#fff;cursor:pointer}
.photo-folder .photo-frame{height:150px}
.photo-folder .photo-info{padding:12px}
.photo-folder .photo-info h3{font-size:13px;margin:0 0 3px}
.photo-folder .photo-info span{font-size:10px;color:var(--muted)}
.breadcrumb-back{display:inline-flex;align-items:center;gap:2px;border:0;background:transparent;color:var(--rose-dark);font-size:11px;font-weight:700;padding:0 0 6px;cursor:pointer}
.breadcrumb-back svg{transform:rotate(180deg)}
.photo-frame.empty-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#a28d96;background:#f5edef}
.photo-frame.empty-slot span{font-size:9px}
@media(max-width:1150px){.photo-folder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.photo-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.photo-session-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.photo-session-toolbar .btn.is-active{background:var(--rose);color:#fff;border-color:var(--rose)}
.photo-compare-bar{display:flex;align-items:center;gap:10px;justify-content:flex-end;font-size:12px;color:var(--muted);margin-bottom:12px}
.photo-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.photo-gallery-item{position:relative}
.photo-gallery-item.is-selected{outline:2px solid var(--rose);outline-offset:-2px;border-radius:17px}
.photo-gallery-open{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;position:relative}
.photo-frame.gallery-thumb{height:170px}
.photo-select-mark{position:absolute;right:10px;top:10px;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.92);border:1.5px solid var(--rose);display:flex;align-items:center;justify-content:center;color:var(--rose-dark)}
@media(max-width:1150px){.photo-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.photo-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-frame.gallery-thumb{height:130px}}

body.viewer-open{overflow:hidden}
.photo-viewer-backdrop{position:fixed;inset:0;background:rgba(26,17,21,.94);z-index:250;display:flex;align-items:center;justify-content:center;padding:16px}
.photo-viewer-shell{width:min(1000px,100%);max-height:94vh;display:flex;flex-direction:column;background:#1c1418;border-radius:var(--radius);box-shadow:0 28px 90px rgba(55,33,42,.45);overflow:hidden;animation:modalIn .18s ease-out}
.photo-viewer-shell.wide{width:min(1400px,100%)}
.photo-viewer-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;color:var(--rose-light);font-size:12px;font-weight:700}
.photo-viewer-head .icon-btn{color:#fdf3f7;background:rgba(255,255,255,.08)}
.photo-viewer-head .icon-btn:hover{background:#fff;border-color:transparent;color:var(--rose-dark)}
.photo-viewer-body{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:0 8px 14px}
.photo-viewer-frame{width:100%;height:min(72vh,760px);overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab;background:#120d10;border-radius:var(--radius-sm)}
.photo-viewer-frame.is-zoomed{cursor:grab}
.photo-viewer-frame img{max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;transition:transform .05s linear;transform-origin:center center}
.photo-viewer-empty{color:#c9a8b5;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px}
.photo-viewer-meta{color:#fdf3f7;text-align:center;padding:10px 6px 0;font-size:11px}
.photo-viewer-meta strong{display:block;font-size:13px;margin-bottom:2px;font-weight:700}
.photo-viewer-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:40px;height:40px;border-radius:50%;border:0;background:rgba(243,200,215,.14);color:#fdf3f7;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.18s}
.photo-viewer-nav:hover{background:var(--rose);color:#fff}
.photo-viewer-nav.prev{left:14px}.photo-viewer-nav.prev svg{transform:rotate(180deg)}
.photo-viewer-nav.next{right:14px}
.photo-viewer-compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;padding:0 14px 16px;overflow:auto}
.photo-viewer-compare-cell .photo-viewer-frame{height:min(56vh,520px)}
@media(max-width:650px){.photo-viewer-frame{height:56vh}.photo-viewer-compare-grid{grid-template-columns:1fr}}