.card-media{position:relative;isolation:isolate;width:100%;height:280px;overflow:hidden;background:#102a35}.card-media::before{content:"";position:absolute;inset:-22px;z-index:0;background-image:var(--card-image);background-size:cover;background-position:center;filter:blur(18px);transform:scale(1.08);opacity:0}.card-media.fit-contain::before{opacity:.5}.card-media img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover}.card-media.fit-contain img{object-fit:contain}.card-media.fit-cover img{object-fit:cover}.card>.photo{height:280px}
.panel select{width:100%;padding:12px;border:1px solid #cbd3d6;border-radius:12px;margin-top:6px;background:#fff;font:inherit}.photo-framing-controls{margin-top:18px;padding:16px;border:1px solid #d7e0e2;border-radius:14px;background:#fff}.photo-framing-controls h4{margin:8px 0}.focal-controls{margin-top:14px;padding-top:12px;border-top:1px solid #e0e6e8}.focal-controls p{margin:.35em 0 12px;color:#667278;line-height:1.45}.focal-controls input[type=range]{padding:0;border:0}.framing-preview{position:relative;isolation:isolate;width:100%;height:min(420px,52vw);overflow:hidden;border-radius:14px;border:1px solid #dce3e5;background:#102a35}.framing-preview::before{content:"";position:absolute;inset:-24px;z-index:0;background-image:var(--preview-image);background-size:cover;background-position:center;filter:blur(20px);transform:scale(1.08);opacity:0}.framing-preview.fit-contain::before{opacity:.5}.framing-preview img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover}.framing-preview.fit-contain img{object-fit:contain}.framing-preview.fit-cover img{object-fit:cover}.framing-preview.empty{display:grid;place-items:center;color:#6b777c;background:#f3f6f7}.framing-preview.empty::before{display:none}.framing-preview span{position:relative;z-index:1}
@media(max-width:760px){.card-media,.card>.photo{height:240px}.framing-preview{height:300px}}