.story-feed{display:grid;gap:24px;max-width:560px;margin:24px auto}.story-card{min-width:0;border:1px solid var(--mv-border,#dde5e7);border-radius:20px;background:var(--mv-card,#fff);overflow:hidden}.story-card header,.story-card-body{padding:16px}.story-card header small{display:block;color:#57636c}.story-card p,.story-card a{overflow-wrap:anywhere}.story-card>img,.story-card>video{display:block;width:100%;max-height:65dvh;object-fit:contain;background:#141414}.story-actions{display:flex;flex-wrap:wrap;gap:8px}.story-actions>*{min-height:44px}.story-external{display:grid;gap:16px;place-items:center;padding:20px;background:#f3f5f6}.story-external iframe{width:100%;height:480px;max-height:65dvh;border:0}.story-recorder{display:grid;gap:12px;max-width:600px}.story-recorder video{width:100%;max-height:50dvh;background:#141414;border-radius:16px}.story-recorder [hidden]{display:none!important}.story-controls{display:flex;gap:10px;flex-wrap:wrap}.story-controls .btn{min-height:44px}.story-card-body p{white-space:pre-wrap}.story-quota{font-weight:600;color:var(--mv-primary,#b00020)}.story-upload-progress{width:100%}.story-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.story-library .story-card{align-self:start}
@media(max-width:600px){.story-feed{margin:16px auto}.story-card header,.story-card-body{padding:12px}.story-controls>*{flex:1 1 130px}}
@media(prefers-reduced-motion:reduce){.story-feed{scroll-behavior:auto}}

.story-post-step[hidden]{display:none!important}.story-post-steps{display:flex;list-style:none;gap:8px;padding:0;margin:0 0 16px}.story-post-steps li{flex:1;min-width:0;padding:10px 8px;background:#f1f5f9;border-radius:10px;font-size:13px}.story-post-steps [aria-current=step]{background:#a70016;color:#fff;font-weight:700}.story-post-step>.col-md-6{width:100%;margin:16px 0}.story-post-navigation{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.story-post-navigation p{flex-basis:100%;margin:0;color:#a70016}#story-final-preview img,#story-final-preview video{display:block;width:100%;max-width:420px;max-height:55vh;object-fit:contain;border-radius:14px;background:#f1f5f9;margin:0 auto 14px}#story-final-preview p{overflow-wrap:anywhere}

.story-share-dialog{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(440px,calc(100vw - 24px));max-height:85dvh;overflow:auto;border:0;border-radius:18px;padding:20px;background:#fff;color:#172033}.story-share-dialog::backdrop{background:#0008}.story-share-dialog a,.story-share-dialog button{display:inline-block;margin:5px;padding:12px;border:1px solid #a70020;border-radius:10px;background:#fff;color:#a70020;min-height:44px}.story-share-dialog p{font-size:14px}

.story-card header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.story-shop-logo,.story-shop-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}.story-shop-avatar{display:grid;place-items:center;background:#a70020;color:#fff;font-weight:700}.story-card header>a{flex:1;min-width:100px}.story-card header small{font-size:12px}.story-open-viewer,.story-more button{border:1px solid #ddd;border-radius:10px;background:#fff;padding:8px;min-height:44px}.story-caption{margin-bottom:12px}.story-caption summary{cursor:pointer;overflow-wrap:anywhere}.story-more{margin-top:12px}.story-more>summary{padding:10px;cursor:pointer}.story-actions{display:flex;gap:8px}.story-actions>*{flex:1;text-align:center;font-size:13px}.story-card-body{padding:12px}
@layer mv-story-viewer{dialog.story-viewer{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;transform:none!important;background:#101014!important;color:#fff!important;overflow:hidden!important;box-sizing:border-box!important}dialog.story-viewer[open]{display:flex!important;flex-direction:column!important}dialog.story-viewer:not([open]){display:none!important}.story-viewer-nav{display:flex;gap:8px;align-items:center;padding:8px max(10px,env(safe-area-inset-right))}.story-viewer-nav progress{flex:1;min-width:0;height:5px;accent-color:#fff}.story-viewer-nav button{width:44px;height:44px;border:0;border-radius:50%;background:#ffffff22;color:white;font-size:22px}.story-viewer-slot{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.story-viewer .story-card{max-width:620px;margin:auto;border:0;border-radius:0;background:#101014;color:#fff}.story-viewer .story-card header{position:sticky;top:0;background:#101014;z-index:2}.story-viewer .story-card header a,.story-viewer .story-card header small{color:white}.story-viewer .story-card>video,.story-viewer .story-card>img{max-height:58dvh}.story-viewer .story-open-viewer{display:none}.story-viewer .story-more{background:#fff;color:#172033;border-radius:12px;padding:4px}body:has(.story-viewer[open]){overflow:hidden!important}}

@layer mv-story-editor{dialog.story-editor{position:fixed!important;inset:0!important;margin:auto!important;width:min(680px,calc(100vw - 16px))!important;max-height:calc(100dvh - 16px)!important;box-sizing:border-box!important;overflow:auto!important;padding:16px!important;border:0!important;border-radius:16px!important;transform:none!important;background:#fff!important;color:#172033!important}.story-editor::backdrop{background:#0009}.story-editor header,.story-editor footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.story-editor canvas{display:block;max-width:100%;max-height:38dvh;width:auto;height:auto;margin:12px auto;touch-action:none}.story-editor-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.story-editor-tools label{min-width:0;font-size:13px}.story-editor input,.story-editor select{display:block;max-width:100%;width:100%;box-sizing:border-box}.story-editor button{min-height:44px;padding:8px;border:1px solid #a70020;border-radius:9px;background:white;color:#a70020}.story-editor footer{position:sticky;bottom:-16px;background:white;padding:12px 0}.story-editor [data-apply]{background:#a70020;color:white}}

/* Compact story panels; primary controls retain comfortable touch targets. */
.story-feed{gap:16px;margin:16px auto}
.story-card{border-radius:14px}
.story-card header{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:2px 8px;padding:10px 12px}
.story-shop-logo,.story-shop-avatar{width:32px;height:32px;grid-row:1 / 3}
.story-card header>a{min-width:0;font-size:14px;line-height:1.3}
.story-card header small{grid-column:2;font-size:11px;line-height:1.4}
.story-card header .story-open-viewer{grid-column:3;grid-row:1 / 3;font-size:12px;padding:6px 8px}
.story-card-body{padding:10px 12px;font-size:14px}
.story-caption{margin-bottom:8px}.story-caption p{margin:8px 0}
.story-actions{gap:6px}.story-actions>.btn{padding:7px 9px;font-size:13px;line-height:1.35;min-width:0}
.story-more{margin-top:6px}.story-more>summary{padding:8px;min-height:44px;box-sizing:border-box;font-size:13px}
.story-share-dialog{padding:16px;border-radius:14px}.story-share-dialog h2{font-size:20px;margin:0 0 12px}
.story-share-dialog a,.story-share-dialog button{margin:3px;padding:8px 10px;font-size:13px}
.story-post-steps{gap:6px;margin-bottom:12px}.story-post-steps li{padding:8px 6px;font-size:12px}
.story-post-step>.col-md-6{margin:12px 0}
.story-card .mv-ui-help-trigger,.story-share-dialog .mv-ui-help-trigger{display:inline-grid;place-items:center;width:30px;height:30px;min-width:30px;min-height:30px;flex:0 0 30px;padding:0;margin:3px;border-radius:50%;font:700 16px/1 system-ui}
@media(max-width:360px){.story-card header{padding:8px;gap:2px 6px}.story-card-body{padding:8px}.story-actions{gap:4px}.story-actions>.btn{padding:6px;font-size:12px}}