.razem-photo-field{display:grid!important;grid-template-columns:minmax(160px,240px) minmax(0,1fr);gap:20px;align-items:center;border:1px solid #dce5ef;border-radius:16px;padding:20px;background:#f7fafe}.razem-photo-preview{aspect-ratio:8/5;overflow:hidden;border-radius:12px;background:#eaf1f7}.razem-photo-preview img{display:block;width:100%;height:100%;object-fit:cover}.razem-photo-preview.is-fallback img{object-fit:contain;padding:32px;box-sizing:border-box}.razem-photo-copy{min-width:0}.razem-photo-copy>strong{display:block;color:#10243d;font-size:16px}.razem-photo-copy small{font-weight:400;color:#61748b}.razem-photo-copy p{font-size:14px;color:#61748b;line-height:1.6;margin:8px 0 14px}.razem-photo-actions{display:flex;flex-wrap:wrap;gap:8px}.razem-photo-actions .razem-button{font-size:13px!important;padding:10px 12px!important;min-height:40px;cursor:pointer;position:relative}.razem-photo-actions input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.razem-photo-copy [role=status]{display:block;margin-top:10px;font-size:13px;line-height:1.5;color:#48627c}.razem-location-note{background:#edf4fb;padding:14px 16px;border-radius:12px;font-size:14px;line-height:1.6;color:#48627c}.razem-crop-dialog{border:1px solid #dce5ef;border-radius:20px;width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;color:#10243d;box-sizing:border-box;overflow:auto}.razem-crop-dialog::backdrop{background:rgba(8,26,47,.65)}.razem-crop-surface{padding:24px;display:grid;gap:16px;margin:0}.razem-crop-surface h2{margin:0;font-size:24px}.razem-crop-surface p{margin:0;color:#61748b;line-height:1.6}.razem-crop-surface canvas{display:block;width:100%;height:auto;aspect-ratio:8/5;border-radius:12px;touch-action:none;background:#eaf1f7;cursor:grab}.razem-crop-surface canvas:active{cursor:grabbing}.razem-crop-surface canvas:focus-visible{outline:3px solid #315f88;outline-offset:3px}.razem-crop-surface label{display:grid;gap:10px;font-weight:600}.razem-crop-surface input[type=range]{width:100%;accent-color:#10243d}.razem-crop-surface footer{display:flex;justify-content:flex-end;gap:10px}.razem-crop-status{font-size:14px;line-height:1.5;color:#48627c}.razem-end-optional{grid-column:1/-1;display:block!important;border:1px solid #dce5ef;border-radius:12px;padding:14px 16px}.razem-end-optional>summary{font-size:14px;color:#48627c;cursor:pointer}.razem-end-optional>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.razem-photo-own{margin:0 0 16px;aspect-ratio:8/5;max-height:240px;overflow:hidden;border-radius:12px;background:#edf3f8}.razem-photo-own img{display:block;width:100%;height:100%;object-fit:cover}@media(max-width:600px){.razem-photo-field{grid-template-columns:1fr;padding:16px;gap:16px}.razem-photo-preview{max-height:240px}.razem-crop-surface{padding:18px;gap:14px}.razem-crop-surface footer .razem-button{flex:1;justify-content:center}.razem-end-optional>div{grid-template-columns:1fr}}
.razem-crop-dialog[open]{position:fixed;inset:0;margin:auto!important}.razem-photo-copy p,.razem-photo-copy [role=status],.razem-crop-surface p{font-weight:400}.razem-host-add-choice{display:flex!important;align-items:flex-start;gap:10px;margin-top:14px;font-size:13px;line-height:1.55;font-weight:400}.razem-host-add-choice input[type=checkbox]{width:18px!important;height:18px!important;min-height:18px!important;flex:0 0 18px;margin:3px 0 0;accent-color:#10243d}
