@charset "UTF-8";

.photo-editor{margin:22px 0 10px;padding:17px 15px 12px;border:1px solid #e1e5d6;border-radius:14px;background:#f2f4e9}
.photo-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.photo-editor-label{font-size:12px;font-weight:500;color:#405e49}
.photo-editor-count{font-size:10px;color:#849177;font-variant-numeric:tabular-nums}
.photo-editor-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.photo-editor-list[hidden],.photo-summary[hidden],.photo-lightbox-navigation[hidden]{display:none}
.photo-editor-item{min-width:0}
.photo-thumbnail-button{display:block;padding:0;width:100%;aspect-ratio:1;border:1px solid #dce3d0;border-radius:10px;overflow:hidden;background:#e5ebdb}
.photo-thumbnail{display:block;width:100%;height:100%;object-fit:cover}
.photo-remove-button{display:block;width:100%;min-height:40px;margin:3px 0 0;padding:7px 2px;background:transparent;font-size:11px;color:#7c6656;border-radius:7px}
.photo-remove-button:hover{background:#e9eadc}
.photo-add-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;border:1px dashed #aebc9a;border-radius:10px;background:#fbfcf4;color:#547047;font-size:12px;letter-spacing:.03em;line-height:1.6;padding:10px}
.photo-add-button:disabled{opacity:.65;color:#7a8970;border-color:#cbd5bd;cursor:default}
.photo-editor-hint{margin:9px 0 0;font-size:10px;line-height:1.8;color:#879179}
.photo-editor-status{margin:0;font-size:11px;line-height:1.8;color:#657d56}
.photo-editor-status:not(:empty){margin-top:8px}
.photo-file-input[hidden]{display:none}
.photo-summary{position:relative;display:flex;align-items:center;flex-wrap:nowrap;gap:5px;flex-shrink:0;min-height:39.6px;margin-top:0}
.preview-heading>.photo-summary{align-self:center;max-width:128.8px}
.photo-summary-thumbnail{display:block;flex-shrink:0;width:39.6px;height:39.6px;object-fit:cover;border:1px solid #dfe5d5;border-radius:5px;background:#e6ebdc}
.photo-summary-count{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.photo-lightbox{width:min(94vw,850px);max-width:850px;max-height:94dvh;margin:auto;padding:14px;border:1px solid #dbe3ce;border-radius:17px;background:#fafaf2;color:#29483e;overflow:auto;overscroll-behavior:contain;box-shadow:0 12px 70px #132f3440}
.photo-lightbox::backdrop{background:#1b3027c9;backdrop-filter:blur(4px)}
.photo-lightbox-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.photo-lightbox-title{margin:0 0 0 3px;font-size:13px;font-weight:500;letter-spacing:.04em}
.photo-lightbox-close{padding:10px 13px;min-height:44px;border:1px solid #dbe3ce;border-radius:10px;background:#eef2e4;font-size:12px;color:#55704b;white-space:nowrap}
.photo-lightbox-image{display:block;width:100%;height:auto;max-height:calc(94dvh - 145px);object-fit:contain;border-radius:9px;background:#fff}
.photo-lightbox-navigation{display:flex;justify-content:space-between;gap:14px;margin-top:10px}
.photo-lightbox-navigation button{min-height:44px;padding:9px 13px;border-radius:9px;background:#edf2e4;font-size:12px;color:#58704c}
.photo-lightbox-navigation button:disabled{opacity:.4}
@media(max-height:620px){.photo-summary{min-height:33px}.preview-heading>.photo-summary{max-width:109px}.photo-summary-thumbnail{width:33px;height:33px}}
@media(max-width:360px){.photo-editor{padding:14px 11px}.photo-editor-list{gap:7px}.photo-editor-hint{font-size:9px}}