html body .search .city-photo-button{display:grid;place-items:center;flex:0 0 40px;min-width:40px;width:40px;height:40px;min-height:40px;padding:0;border:0;border-radius:10px;background:#edf1e5;color:#285643;cursor:pointer}
html body .search input{min-width:0}
.city-photo-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:22px;border:1px solid #d6ddcf;border-radius:22px;background:#fffdf6;color:#263e31;box-shadow:0 24px 80px #182b3440;overflow:auto;font-family:inherit}
.city-photo-dialog::backdrop{background:#152c35a8;backdrop-filter:blur(5px)}
.city-photo-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.city-photo-header h2{font-size:22px;line-height:1.25;margin:0;font-weight:650}
html body .city-photo-dialog button{font:inherit;cursor:pointer}
html body .city-photo-dialog .city-photo-close{border:0;background:transparent;color:#285643;font-size:28px;min-height:44px;min-width:44px}
.city-photo-dialog p{font-size:14px;line-height:1.5;margin:12px 0}
.city-photo-dialog .city-photo-area{font-size:12px;color:#55705a;padding:10px 12px;border-radius:10px;background:#eef2e9}
.city-photo-preview{display:block;width:100%;height:190px;object-fit:contain;background:#f0f1eb;border-radius:14px;margin:14px 0}.city-photo-preview[hidden]{display:none}
.city-photo-file{position:absolute;width:1px;height:1px;padding:0;opacity:0;overflow:hidden}
.city-photo-choose{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:46px;padding:12px;border:1px dashed #9eae96;border-radius:12px;cursor:pointer;font-size:14px}
.city-photo-file:focus-visible+.city-photo-choose{outline:2px solid #8b784a;outline-offset:3px}
.city-photo-choose[aria-disabled=true]{opacity:.5;pointer-events:none}
.city-photo-dialog .city-photo-note{color:#748071;font-size:11px}.city-photo-dialog .city-photo-message{font-size:13px;min-height:20px}
html body .city-photo-dialog .city-photo-submit{width:100%;min-height:48px;border:0;border-radius:12px;background:#285643;color:white;font-weight:600;padding:12px}
.city-photo-submit:disabled{opacity:.55;cursor:default!important}
.city-photo-summary{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #dce0d2;background:#f2f4ec;border-radius:12px;margin:2px 0 10px}
.city-photo-summary img{width:48px;height:48px;flex:0 0 48px;border-radius:8px;object-fit:cover}
.city-photo-summary span{flex:1;min-width:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
html body .city-photo-summary button{flex:0 0 36px;width:36px;min-height:40px;padding:0;justify-content:center;font-size:21px}
@media(max-width:760px){.city-photo-dialog{padding:16px}.city-photo-preview{height:160px}html body .search .city-photo-button{height:36px;min-height:36px;flex-basis:38px;min-width:38px;width:38px}}