/* Feature A only: inherits the website's existing colors and typography. */
.photo-field{margin-top:21px;padding:17px 18px;background:#fffdf8;border:1px solid var(--line);border-radius:3px}
.photo-field .field-label{margin:0 0 8px}
.photo-field input[type=file]{display:block;max-width:100%;font:12px/1.5 var(--body);color:var(--ink);cursor:pointer}
.photo-field input[type=file]::file-selector-button{padding:8px 12px;border:1px solid var(--line);border-radius:3px;background:var(--paper);color:var(--ink);font:600 12px var(--body);cursor:pointer;margin-right:12px}
.photo-field input[type=file]:focus-visible{outline:2px solid var(--ember);outline-offset:3px}
.photo-field .field-help{margin-top:9px}
.result-board canvas{display:block;width:100%;height:auto;aspect-ratio:4/5;background:var(--paper);border-radius:2px}
.result-copy .download-button{margin-top:14px;min-height:48px;font-size:12px}
.download-button:disabled{opacity:.55;cursor:not-allowed}
#board-generation-status{margin-top:15px}
.wall-copy .download-button{margin-top:12px}
@media(max-width:740px){.photo-field{padding:14px}.result-board{width:100%}}
.result-copy .download-button{display:flex;width:fit-content;max-width:100%;}

/* Editable thumbnails: image selection is cumulative, even after reopening picker. */
.photo-count{font:600 12px/1.5 var(--body);margin:10px 0 7px;color:var(--ink)}
.selected-photo-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.selected-photo{display:flex;align-items:center;gap:10px;min-width:0;padding:8px;border:1px solid var(--line);background:var(--paper);border-radius:4px}
.selected-photo img{width:58px;height:58px;object-fit:cover;flex:none;border-radius:2px;background:#e7e2d9}
.selected-photo-info{display:flex;flex-direction:column;min-width:0;flex:1;gap:4px}
.selected-photo-name{font:600 12px/1.35 var(--body);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.selected-photo-position{font:11px/1.3 var(--body);color:var(--muted,#666)}
.selected-photo-remove{border:1px solid var(--line);background:#fffdf8;color:var(--ink);font:600 11px/1.2 var(--body);padding:7px 9px;border-radius:3px;cursor:pointer;flex:none}
.selected-photo-remove:hover{border-color:var(--ember);color:var(--ember)}
.selected-photo-remove:focus-visible{outline:2px solid var(--ember);outline-offset:2px}
@media(max-width:760px){.selected-photo-list{grid-template-columns:1fr}}