.heart-options { margin:16px 0; border:1px solid #e2e8ec; border-radius:8px; background:#fafcfd; }
.heart-options summary { cursor:pointer; padding:12px 14px; color:#31516a; font-size:13px; font-weight:700; }
.heart-options summary:focus-visible { outline:2px solid #b77e12; outline-offset:2px; }
.heart-options-content { padding:0 14px 14px; }
.heart-options-content p { margin:0 0 12px; font-size:12px; color:#617385; line-height:1.5; }
.heart-options-content label { margin-top:12px; }
.heart-options-content label > span { display:flex; justify-content:space-between; gap:10px; }
.heart-options-content select { width:100%; padding:10px; border:1px solid #cbd6e0; border-radius:6px; color:#173f60; background:white; font:inherit; }
.heart-options-content input[type=range] { width:100%; padding:0; min-height:30px; accent-color:#b77e12; }
.heart-options-content small { display:flex; justify-content:space-between; font-size:11px; color:#617385; }
.heart-options-content button { background:white; border:1px solid #cbd6e0; color:#31516a; border-radius:6px; padding:9px 12px; margin-top:16px; cursor:pointer; }
.heart-photo [data-heart-preview] { transform-origin:center; }