/* Preserve each saved crop; the card controls the presentation size. */
.db-artist-artwork img.db-saved-artwork,.db-artist-artwork img.formatted-art{object-fit:contain}
.journal img.db-saved-artwork,.db-journal-card-image img.db-saved-artwork,.db-editorial-hero img.db-saved-artwork,.db-linked-art-grid img.db-saved-artwork,.db-editorial img.formatted-art,.journal img.formatted-art{object-fit:contain!important}

img.db-saved-artwork,img[data-db-artist-art].formatted-art{object-fit:contain!important}

/* Light from upper left: a close contact edge plus a softer cast shadow.
   Drop-shadow follows alpha, including circles and the gap between two panels. */
img.db-saved-artwork,img.formatted-art{
 --db-art-contact:1px 2px 1px rgba(34,29,22,.16);
 --db-art-cast:4px 7px 6px rgba(34,29,22,.14);
 filter:drop-shadow(var(--db-art-contact)) drop-shadow(var(--db-art-cast))!important;
 box-shadow:none!important;
}
.shape-preview img.formatted-art{
 --db-art-contact:.5px 1px .8px rgba(34,29,22,.18);
 --db-art-cast:1.5px 2.5px 2px rgba(34,29,22,.14);
 background:transparent!important;
}
/* Keep the shadow within editorial image windows without changing card heights. */
.journal img.db-saved-artwork,.db-journal-card-image img.db-saved-artwork,
.db-editorial-hero img.db-saved-artwork,.db-featured-works img.db-saved-artwork{
 box-sizing:border-box;padding:12px 16px 20px;
}
@media(max-width:600px){
 img.db-saved-artwork,img.formatted-art{--db-art-cast:3px 5px 4px rgba(34,29,22,.14)}
 .shape-preview img.formatted-art{--db-art-cast:1px 2px 1.5px rgba(34,29,22,.14)}
}

/* A clear entry to the existing frame builder, immediately below the artwork. */
#modal-content .db-frame-choice{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px 16px;align-items:center;padding:18px;margin:20px 0 24px;background:#eee7db;border:1px solid #c8b99e;color:#302e27}
#modal-content .db-frame-mini{display:block;width:42px;height:52px;border:5px solid #423d34;background:#d9cdb8;box-shadow:inset 0 0 0 4px #faf7ef,2px 3px 4px #302a2226}
#modal-content .db-frame-choice strong{font:normal 23px/1.2 Georgia,serif;display:block}
#modal-content .db-frame-choice p{margin:7px 0 0;font:12px/1.6 Arial,sans-serif;color:#655b4b}
#modal-content .db-frame-launch{grid-column:1/-1;width:100%;min-height:48px;padding:14px 20px;background:#292923!important;color:#faf9f5!important;border:1px solid #292923!important;font:13px/1.4 Arial,sans-serif;letter-spacing:.6px;cursor:pointer}
#modal-content .db-frame-launch:hover{background:#4e493f!important}
#modal-content .db-frame-launch:focus-visible{outline:3px solid #96784e;outline-offset:4px}
@media(max-width:400px){#modal-content .db-frame-choice{padding:14px;gap:10px 12px}#modal-content .db-frame-choice strong{font-size:21px}}