/* 사진 줄이기 — 지붕 base.css 위에 이 앱 것만 */
.ps-drop { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; padding: 40px 24px; cursor: pointer; color: var(--fg); margin: 0; }
.ps-drop svg { width: 40px; height: 40px; fill: none; stroke: var(--acc); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.ps-drop b { font-size: 20px; }
.ps-drop:hover, .ps-drop.on { background: var(--hover); }
.ps-drop:focus-within { outline: 3px solid var(--acc); outline-offset: 2px; }
.ps-drop input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.sec-gap { margin-top: 16px; }
#ps-qv { color: var(--fg); }
.ps-sum { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.ps-total { font-size: 20px; font-weight: 600; margin: 0; }
.ps-acts { display: flex; gap: 8px; flex-wrap: wrap; }
.ps-list { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 8px; }
.ps-item { display: flex; align-items: center; gap: 12px; padding: 12px; }
.ps-item img, .ps-ph { width: 56px; height: 56px; object-fit: cover; border-radius: 10px; background: var(--band); flex: 0 0 56px; }
.ps-meta { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; font-size: 14px; }
.ps-meta b { font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ps-meta .note { margin-top: 4px; }