.panel.photos{width:min(880px,calc(100vw - 32px));padding:30px}.photo-panel{display:flex;flex-direction:column;gap:20px}.photo-intro,.photo-storage{margin:0;line-height:1.7}.photo-storage{font-size:14px;color:#bbcebf}.photo-detail{display:flex;flex-direction:column;gap:18px}.photo-full{display:block;width:100%;height:auto;max-height:52vh;object-fit:contain;background:#102e31;border-radius:8px}.photo-caption{display:flex;flex-wrap:wrap;column-gap:18px;row-gap:6px;font-size:17px;line-height:1.6}.photo-caption small{width:100%;color:#bbcebf;font-size:14px}.photo-actions,.photo-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.photo-panel button,.photo-import{min-height:44px;padding:10px 16px;font-size:15px;line-height:1.5}.photo-import{display:inline-flex;position:relative;border:1px solid #7e9b86;cursor:pointer;background:#284a43;overflow:hidden}.photo-import input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.photo-import.disabled{opacity:.5}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.photo-grid button{text-align:left;padding:8px;display:flex;flex-direction:column;gap:8px;overflow:hidden;border-radius:8px}.photo-thumb{width:100%;height:150px;object-fit:cover;border-radius:4px}.photo-grid b{font-size:15px;line-height:1.5}.photo-grid small{font-size:13px;color:#bbcebf}.photo-empty{padding:28px 18px;background:#254b48;border-radius:8px;line-height:1.8}.photo-status,.photo-delete-confirm{background:#315953;padding:16px;border-radius:7px;line-height:1.7}.photo-delete-confirm button{margin:8px 12px 0 0}@media(max-width:650px){.panel.photos{padding:26px 18px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo-thumb{height:120px}.photo-actions button,.photo-toolbar button{flex:1 1 110px;white-space:nowrap}.photo-caption{font-size:16px}.photo-panel{gap:16px}}@media(max-height:500px)and (orientation:landscape){.photo-full{max-height:60vh}}.bag-photography{margin-bottom:22px;padding:18px;background:#234b47;border:1px solid #7f9a83;border-radius:10px}.bag-photography h3{font-size:20px;margin:0 0 8px;color:#eee3c5}.bag-photography p{font-size:14px;line-height:1.8;margin:0 0 16px;color:#d4ddca}.bag-photography>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bag-photography button{display:flex;flex-direction:column;align-items:center;gap:7px;min-height:76px;padding:13px 10px;border-radius:7px;background:#315a50;color:#fff0d1}.bag-photography b{font-size:17px;font-weight:500}.bag-photography small{font-size:13px;color:#d4ddca}.photo-back{margin-bottom:18px;min-height:44px;font-size:15px}@media(max-width:650px){.bag-photography{padding:14px}.bag-photography>div{gap:10px}.bag-photography small{font-size:12px}}button[data-activity-bag]{min-width:44px}.photo-preview-import{display:flex;flex-wrap:wrap;gap:12px;padding:16px;border:1px solid #617f77;border-radius:8px}.photo-preview-import p{width:100%;margin:0;font-size:15px;line-height:1.7}.photo-comparison{display:flex;flex-direction:column;gap:16px;min-width:0}.photo-comparison h3{margin:0;font-size:24px;color:#fff0d1;line-height:1.5}.photo-comparison>p{margin:0;line-height:1.7}.photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.photo-pair figure{margin:0;min-width:0;display:flex;flex-direction:column;gap:12px;background:#102e31;padding:12px;border:1px solid #617f77;border-radius:8px}.photo-pair figcaption{display:flex;flex-direction:column;gap:5px;line-height:1.7}.photo-pair figcaption b{font-size:19px;color:#fff0d1}.photo-pair time,.photo-pair small,.photo-compare-note{font-size:13px;color:#d4ddca}.photo-detail:focus{outline:none}.photo-pair .photo-full{max-height:none;border-radius:3px}.photo-pair button{align-self:flex-start}.photo-partner{display:flex;flex-direction:column;gap:8px;font-size:15px}.photo-partner select{width:100%;min-height:44px;font-size:15px;padding:10px;background:#234b47;color:#fff0d1;border:1px solid #7f9a83;border-radius:4px}.photo-compare-entry p{font-size:14px;line-height:1.8;margin:0;color:#d4ddca}.photo-pair-badge{font-size:12px;line-height:1.6;color:#fff0d1;padding:3px 7px;background:#315a50;border-radius:4px}@media(max-width:650px){.photo-pair{grid-template-columns:1fr;gap:18px}.photo-comparison h3{font-size:21px}.photo-pair figure{padding:10px}.photo-pair .photo-full{max-height:none}}