.progress-photos{display:grid;gap:14px;margin-top:4px;padding-top:16px;border-top:1px solid var(--line)}.progress-photos-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.progress-photos-head h4{margin:0;font-size:1rem}.progress-photos-head p{margin:4px 0 0;color:var(--muted);font-size:.84rem}.progress-photo-private{color:var(--gold-2);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.progress-photo-empty{margin:0;color:var(--muted);font-size:.9rem}.progress-photo-list{display:grid;gap:8px}.progress-photo-record{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);color:var(--ink);text-align:left}.progress-photo-record strong,.progress-photo-record small{display:block}.progress-photo-record small{margin-top:4px;color:var(--muted);font-size:.8rem}.progress-photo-record span{color:var(--gold-2);font-size:1.25rem}.progress-photo-overlay{position:fixed;z-index:30;inset:0;display:grid;align-items:end;padding:max(12px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:#000b}.progress-photo-sheet{width:min(600px,100%);max-height:calc(100dvh - 32px);margin:auto;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid var(--line-strong);border-radius:18px;background:var(--panel);box-shadow:0 24px 60px #000b}.progress-photo-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 14px;border-bottom:1px solid var(--line)}.progress-photo-sheet-head h2{margin:4px 0 0;font-size:1.35rem}.progress-photo-sheet-head p{margin:0;color:var(--gold-2);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.progress-photo-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line-strong);border-radius:50%;background:var(--panel-2);color:var(--ink);font-size:1.3rem}.progress-photo-sheet-body{display:grid;gap:16px;overflow:auto;padding:16px 18px calc(18px + env(safe-area-inset-bottom))}.progress-photo-help{margin:0;border:1px solid var(--line);border-radius:12px;background:var(--surface-input);padding:11px 12px;color:var(--muted);font-size:.85rem;line-height:1.45}.progress-photo-help summary{color:var(--ink);cursor:pointer;font-weight:750}.progress-photo-help p{margin:10px 0 0}.progress-photo-views{display:grid;gap:12px}.progress-photo-view{display:grid;gap:10px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2)}.progress-photo-view-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.progress-photo-view-head strong{font-size:.84rem;letter-spacing:.08em}.progress-photo-ready{color:var(--good);font-size:.77rem;font-weight:800}.progress-photo-preview{display:grid;place-items:center;min-height:112px;overflow:hidden;border:1px dashed var(--line-strong);border-radius:10px;background:var(--surface-input);color:var(--muted);font-size:.83rem}.progress-photo-preview img{display:block;width:100%;max-height:220px;object-fit:contain}.progress-photo-view-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.progress-photo-view-actions button{min-height:42px;border:1px solid var(--line-strong);border-radius:10px;background:#202625;color:var(--ink);font-weight:750}.progress-photo-view-actions .progress-photo-remove{color:#ffd5d5;background:#2b1919;border-color:#5f3333}.progress-photo-side-direction{display:grid;grid-template-columns:1fr 1fr;gap:8px}.progress-photo-side-direction button{min-height:42px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface-input);color:var(--ink);font-weight:750}.progress-photo-side-direction button[aria-pressed="true"]{border-color:var(--gold);background:#2b220e;color:var(--gold-2)}.progress-photo-warning,.progress-photo-error{margin:0;padding:10px 12px;border-radius:10px;font-size:.85rem;line-height:1.4}.progress-photo-warning{border:1px solid #805f1c;background:#29220f;color:#ffe0a0}.progress-photo-error{border:1px solid #793737;background:#2b1717;color:#ffd0d0}.progress-photo-sheet-foot{display:grid;gap:10px}.progress-photo-detail{display:grid;gap:14px}.progress-photo-detail-grid{display:grid;gap:12px}.progress-photo-detail figure{margin:0;display:grid;gap:7px}.progress-photo-detail figcaption{color:var(--muted);font-size:.83rem;font-weight:750}.progress-photo-detail img{width:100%;max-height:52dvh;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:var(--surface-input)}.progress-photo-detail-empty{margin:0;color:var(--muted)}@media(min-width:560px){.progress-photo-overlay{align-items:center}.progress-photo-sheet-body{padding-left:20px;padding-right:20px}.progress-photo-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:360px){.progress-photo-overlay{padding-left:12px;padding-right:12px}.progress-photo-sheet-head,.progress-photo-sheet-body{padding-left:14px;padding-right:14px}}
