[hidden] { display: none !important; }
.upload-section { max-width:650px; margin:72px auto 0; padding:0 24px; text-align:center; }
.upload-section > .quiet-line { height:50px; margin-bottom:38px; }
.upload-section h2 { font-size:clamp(34px,4.5vw,46px); line-height:1.2; font-weight:400; margin:0 0 18px; }
.upload-intro { font-size:18px; line-height:1.6; margin-bottom:28px; }
.file-picker,.primary-button { display:inline-flex; align-items:center; justify-content:center; gap:24px; padding:14px 24px; border:1px solid #655d51; border-radius:2px; background:transparent; color:inherit; font:inherit; font-size:16px; cursor:pointer; }
.file-picker,.primary-button { background:#4a5146; color:#fff; border-color:#4a5146; }
.primary-button:disabled { opacity:.5; cursor:wait; }
.file-picker:hover,.file-picker:focus-within { background:#363e33; }
#photos { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.file-picker:has(+ #photos:focus-visible) { outline:2px solid #616e55; outline-offset:4px; }
.selected-photos { display:grid; grid-template-columns:repeat(auto-fit,minmax(100px,132px)); justify-content:center; gap:12px; }
.selected-photo { position:relative; min-width:0; padding:5px; border:1px solid #d9d7cd; }
.selected-photo img { width:100%; aspect-ratio:1; object-fit:cover; display:block; }
.selected-photo button { position:absolute; right:3px; top:3px; width:28px; height:28px; padding:0; border:0; border-radius:50%; background:#fff; color:#333; font:22px sans-serif; cursor:pointer; }
.upload-status { font-size:19px; line-height:1.6; margin-top:20px; }
.upload-status.error { color:#8a352c; }
.footer-links { font:12px sans-serif; margin:30px 0; }
.footer-links a { color:#797268; text-underline-offset:4px; }
button:focus-visible,input:focus-visible,.file-picker:focus-visible { outline:2px solid #616e55; outline-offset:4px; }
@media(max-width:700px) { .upload-section { margin-top:54px; padding:0 24px; } }

.selection-summary { margin:0 0 18px; font-size:13px; color:var(--muted); }
.upload-actions { display:flex; flex-direction:column; align-items:center; gap:24px; margin-top:22px; }
.add-photos { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:8px 4px; background:transparent; border:0; color:var(--ink); font:inherit; font-size:14px; text-decoration:underline; text-decoration-color:var(--line); text-underline-offset:5px; cursor:pointer; }
.add-photos:hover { text-decoration-color:currentColor; }
.add-photos:disabled { opacity:.5; cursor:wait; }
.primary-button:hover:not(:disabled) { background:#363e33; }
.upload-status .add-photos { margin-top:18px; }
@media(max-width:700px) { .upload-section > .quiet-line { height:42px; margin-bottom:32px; } }