.maple-frame-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.maple-frame-card{min-width:0;border:1px solid #d8cfc5;border-radius:10px;overflow:hidden;background:#fffdf9}.maple-frame-choice{display:block;cursor:pointer}.maple-frame-card.selected{border-color:#a93226;box-shadow:0 0 0 2px #a93226}.maple-frame-card:focus-within{outline:2px solid #2c3e50;outline-offset:3px}.maple-frame-thumbnail{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:1;object-fit:contain;margin:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important}.maple-frame-empty{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#f5eee5;font-size:24px;color:#67503d}.maple-frame-details{padding:12px}.maple-frame-details input{accent-color:#a93226}.maple-frame-details strong{font-size:15px}.maple-frame-price,.maple-frame-description{display:block;margin-top:6px;font-size:13px}.maple-frame-price{color:#a93226;font-weight:700}.maple-frame-description{color:#665d54;line-height:1.45}.maple-frame-enlarge{display:block;width:calc(100% - 24px);margin:0 12px 12px;padding:8px;background:#f3ece4;color:#392b23;border:1px solid #d8cfc5;border-radius:6px;font:inherit;font-size:13px;cursor:pointer}.maple-frame-select-link{display:block;margin:0 12px 12px;color:#a93226;font-size:14px}.maple-frame-modal{position:fixed;inset:0;z-index:10001;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}.maple-frame-modal[hidden]{display:none}.maple-frame-modal-content{max-width:850px;width:100%;color:white;text-align:center}.maple-frame-modal img{display:block;max-width:100%;max-height:80vh;width:auto;height:auto;margin:auto}.maple-frame-modal button{width:auto;padding:10px 18px;margin:12px;background:white;color:#222;border:0;border-radius:6px;cursor:pointer}.maple-frame-modal h2{color:white;font-size:18px}@media(max-width:900px){.maple-frame-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:380px){.maple-frame-grid{grid-template-columns:1fr}}