/* Media selection is a focused task; the editor keeps a bounded photo frame. */
.photo-frame{position:relative;min-width:0}
.photo-frame .photo-large{display:block}
.photo-empty{display:grid;place-items:center;color:#665f59}
.media-file-button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:36px;max-width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#42392f;font-size:12px;line-height:1.3;letter-spacing:0;cursor:pointer}
.media-file-button:hover{border-color:#aaa09a;background:#faf8f6}
.media-file-button:focus-within{outline:2px solid var(--red);outline-offset:2px}
.media-file-button:has(input:disabled){opacity:.5;cursor:default}
.media-file-button input[type=file]{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:inherit}
.media-photo-edit{position:absolute;right:10px;bottom:10px;box-shadow:0 3px 12px #24232212}
dialog:has(.media-dialog){width:960px;max-height:90vh}
.media-item-title{font-size:13px;line-height:1.5;max-width:75ch}
.media-local-actions{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.media-dialog-error{color:#b41325;line-height:1.5;margin:10px 0;overflow-wrap:anywhere}
.media-dialog-error:empty{margin:0}
.media-gallery{min-width:0;margin-top:14px}
.media-gallery-heading{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:10px}
.media-count{margin:0}
.media-print-count{font-size:12px;color:#42392f}
.media-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px}
.media-tile{min-width:0}
.media-image{height:150px;background:#fff;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center;overflow:hidden}
.media-image img{width:100%;height:100%;max-height:150px;object-fit:contain}
.media-tile>small{display:block;margin:7px 0;color:#665f59;font-size:11px}
.media-tile-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.media-choice{min-width:0;min-height:34px;padding:7px 4px!important;font-size:11px!important}
.media-choice[aria-pressed=true]{border-color:var(--red);color:#b41325;background:#fff7f8;opacity:1;cursor:default}
.media-print-choice{display:flex;align-items:center;gap:7px;min-height:34px;font-size:12px;letter-spacing:0;color:#42392f;cursor:pointer}
.media-print-choice input{width:18px;height:18px;margin:0;flex:none}
.media-print-choice:has(input:disabled){color:#746c65;cursor:default}
.media-print-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.media-help{margin:10px 0;line-height:1.5}
.media-utilities{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.media-utilities .background-tools,.media-utilities .drawing-tools{padding:0;margin:0;border:0;display:grid;gap:8px;align-content:start}
.media-utilities h3{font-size:14px;margin:0}
.media-utilities p{margin:0}
@media(max-width:750px){.media-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.media-image,.media-image img{height:130px;max-height:130px}.media-file-button,.media-choice{min-height:40px}.media-print-choice{min-height:44px}.media-print-choice input{width:24px;height:24px}.media-utilities{grid-template-columns:1fr}.media-local-actions{display:grid;gap:8px}.media-file-button{font-size:12px}.media-tile-actions{grid-template-columns:1fr}.media-choice{font-size:12px!important}}

.media-clipboard .media-image{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:12px;color:#625950;background:#faf8f6;text-align:center;font-size:13px}
.media-clipboard .media-image small{font-size:11px;color:#625950}
.media-clipboard .media-image:focus{outline:2px solid var(--red);outline-offset:2px}