/* Public showcase and owner album additions; existing site styles stay intact. */
#dv-gallery-app textarea { width:100%; min-height:120px; resize:vertical; padding:11px; font:inherit; color:var(--ink); background:white; border:1px solid var(--line); }
.album-note { white-space:pre-wrap; overflow-wrap:anywhere; }
#dv-gallery-app #album-name { overflow-wrap:anywhere; }
#dv-gallery-app .actions a { align-self:center; font-size:13px; }
#public-albums [hidden] { display:none!important; }
#public-albums .album-eyebrow { color:#7a6b5d; font-size:12px; letter-spacing:.12em; }
#public-albums .showcase-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:28px; }
#public-albums .showcase-card { display:block; text-decoration:none; color:inherit; border:1px solid #e2d7cc; background:#fff; padding:14px; min-width:0; }
#public-albums .showcase-card img { width:100%; height:280px; object-fit:cover; display:block; }
#public-albums .showcase-card h3 { margin:18px 0 8px; overflow-wrap:anywhere; }
#public-albums .showcase-card p { margin:0 0 12px; white-space:pre-wrap; overflow-wrap:anywhere; }
#public-albums .showcase-card small { color:#7a6b5d; }
#public-albums .showcase-placeholder { height:280px; display:grid; place-items:center; background:#eee6dc; color:#7a6b5d; }
#public-albums .showcase-open { border:0; padding:0; background:transparent; cursor:pointer; }
#public-albums .showcase-open img { display:block; width:100%; height:300px; object-fit:cover; }
#public-albums #showcase-detail { margin-top:24px; }
#public-albums dialog { border:0; background:#faf8f4; color:#2a2420; margin:auto; padding:22px; width:min(1000px,calc(100vw - 28px)); max-height:92vh; overflow:auto; }
#public-albums dialog::backdrop { background:rgba(42,36,32,.8); }
#public-albums #showcase-close { display:block; margin:0 0 12px auto; border:1px solid #e2d7cc; background:white; padding:10px 16px; cursor:pointer; }
#public-albums #showcase-photo { display:block; width:100%; max-height:70vh; object-fit:contain; }
#public-albums #showcase-caption { margin:12px 0 0; overflow-wrap:anywhere; }
@media(max-width:750px) { #public-albums .showcase-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } #public-albums .showcase-card img,#public-albums .showcase-placeholder,#public-albums .showcase-open img { height:220px; } }
@media(max-width:450px) { #public-albums .showcase-grid { grid-template-columns:1fr; } }