.project-showcase{margin:0 5% 28px;padding:24px;border:1px solid #d8e3da;border-radius:20px;background:linear-gradient(120deg,#e7efe6,#fff1d8 65%,#f8e4db)}
.project-showcase[hidden]{display:none}
.showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.showcase-heading h2{font-size:clamp(24px,3vw,36px);line-height:1.1;margin:6px 0;color:#244e43;letter-spacing:-1px}
.showcase-heading p{margin:0;font-size:14px;color:#52645b}
.showcase-photos{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px}
.showcase-photos figure{flex:0 0 min(260px, calc((100% - 32px)/3));min-width:0;margin:0;scroll-snap-align:start;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px #244e430a}
.showcase-photos img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#fdfbf7}
.showcase-photos figcaption{padding:12px 16px;color:#244e43;font-size:15px;font-weight:600;line-height:1.4}
.gallery-edit{display:grid;grid-template-columns:180px 1fr;gap:20px;background:#fff;border:1px solid #dce4dc;border-radius:14px;margin:16px 0;padding:16px}
.gallery-preview{display:grid;place-items:center;background:#f5f5ef;border-radius:10px;min-height:140px}
.gallery-preview img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}
.gallery-edit label{display:block;margin-bottom:12px}.gallery-edit p{overflow-wrap:anywhere}.gallery-edit input[data-order]{max-width:100px}
@media(max-width:640px){.project-showcase{margin:0 16px 20px;padding:16px}.showcase-heading{display:block}.showcase-heading>p{margin-top:8px}.showcase-photos figure{flex-basis:min(76%,240px)}.showcase-heading h2{font-size:26px}.gallery-edit{grid-template-columns:100px 1fr;gap:12px;padding:12px}}


.showcase-story{font-size:14px;font-weight:400;line-height:1.5;color:#52645b;margin:8px 0 0;white-space:pre-line;overflow-wrap:anywhere}
.showcase-stories{margin:24px 0;padding-top:20px;border-top:1px solid #dce4dc}.showcase-stories textarea{display:block;width:100%;min-height:90px;font:inherit;padding:10px;box-sizing:border-box}.showcase-stories .story-editor{display:grid;grid-template-columns:80px 1fr;gap:16px;margin:20px 0}.story-editor img{width:80px;height:106px;object-fit:contain}.story-editor button{margin-top:8px}.story-editor p{margin:8px 0}

#showcase-screen [data-gallery-files]{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:20px;border:0;padding:0}
#showcase-screen .story-editor{display:flex;flex-direction:column;gap:10px;margin:0;padding:16px;border:1px solid #dce4dc;border-radius:14px;background:#fff;min-width:0}
#showcase-screen .story-editor img{width:100%;height:240px;object-fit:contain;background:#fdfbf7;border-radius:8px}
#showcase-screen .story-editor label{display:block;margin:8px 0;font-weight:600}
#showcase-screen .story-editor input{width:100%;box-sizing:border-box}
#showcase-screen .story-editor .hint{font-size:13px}