.creation-fit-image { display:block; background:#fff; border-radius:10px; overflow:hidden; }
.creation-fit-image img,.creation-main-image { display:block; width:100%; height:auto; }
.creation-main-image { max-width:780px; margin:0 auto 36px; border-radius:10px; }
.creation-actions,.creation-account-top { display:flex; gap:14px; align-items:center; flex-wrap:wrap; margin:20px 0; }
.creation-heading .creation-description { max-width:680px; margin:16px auto; white-space:normal; line-height:1.7; }
.creation-actions > .item-moderator { position:static; }
.creation-previews { margin:0 auto 30px; }
.creation-previews summary { cursor:pointer; font-size:12px; padding:12px 0; }
.creation-preview-pages { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.creation-preview-pages img { display:block; width:100%; height:auto; background:#fff; border-radius:8px; }
@media(max-width:767px){.creation-preview-pages{grid-template-columns:1fr}}
.my-creations,.stories-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 24px; }
.my-creations img,.stories-grid img { width:100%; height:auto; background:#fff; border-radius:9px; }
.my-creations h2,.stories-grid h2 { font:500 19px/1.35 var(--display); margin:14px 0 8px; }
.my-creations p,.stories-grid time { font-size:12px; color:var(--muted); }
.creative-choices { display:grid; gap:8px; margin-top:18px; max-height:45vh; overflow:auto; }
.creative-choices button { text-align:left; padding:12px; border:1px solid var(--line); border-radius:7px; }
.creative-choices small { display:block; color:var(--muted); font-size:11px; }
.creative-post-menu { width:min(440px,calc(100% - 30px)); }
.creative-post-menu button,.creative-post-menu a { display:block; width:100%; padding:13px 10px; text-align:left; border-bottom:1px solid var(--line); }
.creative-post-menu h2 { font:500 20px/1.4 var(--display); padding:10px; }
.creative-post-menu .creative-close { text-align:right; border:0; padding:3px 10px; color:var(--muted); }
.story-article { max-width:100%; }
.story-hero { position:relative; margin-bottom:12px; overflow:hidden; border-radius:10px 10px 0 0; }
.story-hero img { width:100%; height:clamp(220px,35vw,430px); object-fit:cover; }
.story-hero::after { content:""; position:absolute; inset:auto 0 -1px; height:75px; background:linear-gradient(transparent,var(--paper)); }
.story-title { position:relative; margin:10px 0 45px; }
.story-title h1 { font-size:clamp(30px,4vw,56px); line-height:1.15; margin:16px 0 20px; font-weight:500; }
.story-byline { display:flex; justify-content:space-between; gap:20px; font-size:11px; color:var(--muted); }
.story-block { margin:0 0 54px; }
.story-block > h2 { font-size:clamp(23px,2.4vw,34px); font-weight:500; margin:0 0 24px; }
.story-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; align-items:start; }
.story-columns > div { min-width:0; }
.story-text { font:15px/1.8 var(--body); overflow-wrap:anywhere; }
.story-text p { margin:0 0 1em; }
.story-text h3,.story-text h4 { font:500 20px/1.4 var(--display); margin:1em 0; }
.story-text a { text-decoration:underline; text-underline-offset:3px; }
.story-text blockquote { border-left:2px solid var(--line); margin:20px 0; padding-left:18px; }
.story-text pre { white-space:pre-wrap; overflow-wrap:anywhere; padding:16px; background:#eee; border-radius:6px; }
.story-inline-image,.story-fit img { width:100%; height:auto; border-radius:8px; }
.story-all { display:flex; gap:10px; align-items:center; justify-content:flex-end; margin:16px 0; font-size:12px; }
.story-all svg { width:16px; height:16px; }
.story-desktop-set { display:grid; grid-template-columns:repeat(var(--story-cols),minmax(0,1fr)); gap:12px; }
.story-desktop-set .mini-item { display:block; padding:0; }
.story-desktop-set .mini-image { aspect-ratio:4/5; width:100%; background:transparent; }
.story-desktop-set .mini-image img { width:100%; height:100%; object-fit:contain; }
.story-desktop-set .mini-copy { display:none; }
.story-mobile-set { display:none; }
.story-brand .brand-board { width:100%; }
@media(max-width:767px){
 .my-creations,.stories-grid{grid-template-columns:1fr;gap:30px}
 .story-columns{grid-template-columns:1fr;gap:24px}
 .story-block{margin-bottom:42px}
 .story-desktop-set{display:none}
 .story-mobile-set{display:block}
 .story-mobile-set .collection-bleed{width:100%;left:auto;transform:none}
 .story-hero img{height:260px}
 .creation-actions{justify-content:center}
 .creative-post-menu{border-radius:14px 14px 0 0;margin:auto 0 0;width:100%;max-width:none}
}

@media(min-width:768px){.feed-grid > .fit.creation-fit-post{display:block;grid-column:auto}}
.mini-wrapper,.carousel-slide,.brand-cell { position:relative; }
.piece-more { position:absolute; right:7px; bottom:7px; width:29px; height:29px; display:flex; align-items:center; justify-content:center; border-radius:5px; background:rgba(255,255,255,.86); color:#666; opacity:.55; z-index:3; }
.piece-more svg { width:16px; height:16px; }
.piece-more:hover,.piece-more:focus-visible { opacity:1; color:#111; }
.product-topbar > .piece-more { position:static; margin-left:auto; flex-shrink:0; }
@media(hover:hover){.piece-more{opacity:0}.mini-wrapper:hover>.piece-more,.carousel-slide:hover>.piece-more,.brand-cell:hover>.piece-more,.piece-more:focus-visible,.product-topbar>.piece-more{opacity:.7}}