/* Photorealistic local-image preview and its change states. */
.preview-panel{padding:13px!important}
.preview-media{position:relative;aspect-ratio:4/3;overflow:hidden;border:1px solid rgba(244,242,236,.12);border-radius:4px;background:#10120f}
.preview-media:after{position:absolute;inset:0;z-index:3;content:"";pointer-events:none;background:linear-gradient(180deg,transparent 49%,rgba(5,7,5,.34) 100%)}
.preview-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.025);transition:opacity .7s ease,transform 1.1s cubic-bezier(.16,1,.3,1)}
.preview-photo.is-visible{opacity:1;transform:scale(1)}
.measure-badge{position:absolute;z-index:4;right:10px;bottom:10px;display:grid;grid-template-columns:auto 1fr;gap:0 7px;align-items:center;padding:8px 10px;border:1px solid rgba(244,242,236,.25);border-radius:3px;background:rgba(10,12,9,.72);backdrop-filter:blur(8px);color:var(--bone);font-size:10px;line-height:1.1}
.measure-badge span{grid-row:span 2;color:var(--amber);font-size:17px}.measure-badge b{font-family:var(--d);font-size:14px;letter-spacing:-.03em}.measure-badge small{color:var(--mute);font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.preview-caption{padding:8px 2px 0!important}.preview-caption span:first-child{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-caption span:last-child{color:var(--mute)!important;font-size:9px;text-transform:uppercase;letter-spacing:.1em}
.glass-wall-question{margin-top:28px;padding-top:23px;border-top:1px solid var(--line)}
@media (max-width:860px){.preview-media{aspect-ratio:16/10}.preview-panel{max-width:620px!important}.preview-photo{transition-duration:.55s}}
@media (prefers-reduced-motion:reduce){.preview-photo{transition:none}}