/* Focused mobile gallery and cover-editor controls. Existing recipe-card shapes stay untouched. */
.recipe-media-track{width:100%;max-width:100%;min-width:0;overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
.recipe-media-slide{width:100%;min-width:100%;scroll-snap-stop:always}
.recipe-media-slide img,.recipe-media-slide video{pointer-events:none;user-select:none;-webkit-user-drag:none}
.recipe-media-count{left:10px;right:auto}
.recipe-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:0;border-radius:999px;background:#142d23e6;color:#fff;padding:10px 14px;font-size:12px;font-weight:800;cursor:pointer}

.recipe-cover-summary{position:relative;width:min(100%,280px);aspect-ratio:1/1;overflow:hidden;border-radius:12px;background:#e8eee3;justify-self:center;margin:4px auto}
.media-preview .recipe-cover-summary>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;max-width:none;object-fit:cover;object-position:var(--cover-x) var(--cover-y);transform:scale(var(--cover-zoom));transform-origin:var(--cover-x) var(--cover-y);pointer-events:none;border-radius:0}
.media-reorder-hint{font-size:12px;color:var(--muted);line-height:1.5}
.recipe-media-choice{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.recipe-media-choice>img,.recipe-media-choice>video{-webkit-user-drag:none;pointer-events:none}
.recipe-media-choice.media-is-dragging{z-index:10;pointer-events:none;box-shadow:0 12px 28px #16392b40;opacity:.94;cursor:grabbing}
.recipe-media-choice.media-drop-target{outline:2px dashed #417a59;outline-offset:2px;background:#eaf4e6}
.cover-crop-focus-mode:not([open]){display:none}
dialog.cover-crop-focus-mode[open]{position:fixed;inset:0;margin:auto;width:min(560px,calc(100% - 24px));height:min(760px,calc(100dvh - 24px));max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);border:0;border-radius:24px;background:#fbfcf8;color:var(--ink);display:flex;flex-direction:column;gap:18px;box-sizing:border-box;overflow:auto;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-shadow:0 24px 80px #0005}
.cover-crop-focus-mode::backdrop{background:#10271fe8}
body.cover-crop-open{overflow:hidden}
.cover-crop-focus-header{flex-shrink:0;padding-bottom:14px;border-bottom:1px solid #dce4dc}
.cover-crop-focus-header button{min-height:44px;padding:10px 14px;font-size:14px}
.cover-crop-focus-header [data-cover-editor-done]{background:#173e32;color:white;border-radius:999px}
.cover-crop-focus-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.cover-crop-focus-header b{text-align:center}.cover-crop-focus-header [data-cover-editor-done]{justify-self:end}
.cover-crop-focus-mode>p{margin:0;color:var(--muted);font-size:13px;line-height:1.4}
.cover-crop-focus-stage{position:relative;width:min(100%,480px,calc(100dvh - 230px));flex-shrink:0;margin:auto;aspect-ratio:1/1;overflow:hidden;border-radius:12px;background:#e8eee3;touch-action:none;outline:1px solid #fff8;box-shadow:0 8px 30px #17382b20}
.cover-crop-focus-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent 33.1%,#ffffff60 33.2%,#ffffff60 33.4%,transparent 33.5%,transparent 66.4%,#ffffff60 66.5%,#ffffff60 66.7%,transparent 66.8%),linear-gradient(to bottom,transparent 33.1%,#ffffff60 33.2%,#ffffff60 33.4%,transparent 33.5%,transparent 66.4%,#ffffff60 66.5%,#ffffff60 66.7%,transparent 66.8%)}
.cover-crop-focus-stage img{width:100%;height:100%;display:block;object-fit:cover;object-position:var(--cover-x) var(--cover-y);transform:scale(var(--cover-zoom));transform-origin:var(--cover-x) var(--cover-y);pointer-events:none;user-select:none;-webkit-user-drag:none}
@media(max-width:600px){.recipe-cover-summary{width:100%;max-width:260px}.cover-crop-focus-mode{border-radius:18px}.cover-crop-focus-stage{max-width:100%}}
.post-image.feed-media-gallery>.feed-media-track{position:absolute;inset:0;width:100%;height:100%;display:block;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scrollbar-width:none;touch-action:pan-y;-webkit-overflow-scrolling:touch}
.feed-media-track::-webkit-scrollbar{display:none}
.feed-media-track>.feed-media-slide{position:relative;width:100%;height:100%;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:#17291f}
.feed-media-slide>img,.feed-media-slide>video{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}
.post-image.feed-media-gallery>.feed-media-count{position:absolute;inset:10px auto auto 10px;width:auto;height:auto;min-height:0;align-self:start;justify-self:start;z-index:3;padding:5px 9px;border-radius:999px;font:600 11px/1.3 sans-serif;background:#132c23b8;color:#fff;pointer-events:none}
.feed-media-mute,.feed-media-play{position:absolute;z-index:3;border:0;border-radius:999px;background:#132c23c9;color:white;font:600 12px/1.3 sans-serif;padding:12px;min-height:44px}
.feed-media-mute{right:10px;bottom:10px}.feed-media-play{left:50%;top:50%;transform:translate(-50%,-50%)}
.feed-media-play[hidden]{display:none}.feed-media-gallery>.post-label{pointer-events:none}