/* Public showcase layout. Upload dialogs retain the existing controls. */
.vt-stories-page{background:#f5f7fb;color:#172b45}
.vt-stories-page .vs-shell{max-width:980px;width:calc(100% - 40px)}
.vt-stories-page .vs-top{background:#ffffffed;border-bottom:1px solid #e5eaf2}
.vt-stories-page .vs-top-inner{min-height:76px;gap:16px}
.vt-stories-page .vs-brand{display:inline-flex;align-items:center;white-space:nowrap;font-size:19px;font-weight:850;gap:12px}
.vt-stories-page .vs-brand span{font-size:12px;font-weight:700;color:#3861b0;background:#edf3ff;border:0;border-radius:8px;padding:3px 9px;margin:0}
.vt-stories-page .vs-top #vsCreate{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:auto;min-width:103px;height:44px;min-height:44px;padding:0 17px;border-radius:13px;font-size:14px;font-weight:750;line-height:1.4;white-space:nowrap;flex-shrink:0;box-shadow:0 4px 10px #2864f014}
.vt-stories-page .vs-create-plus{font-family:Arial,sans-serif;font-size:23px;font-weight:400;line-height:1}
.vt-stories-page .vs-main{padding-bottom:48px}
.vt-stories-page .vs-intro{padding:32px 2px 23px}
.vt-stories-page .vs-eyebrow{display:flex;align-items:center;gap:7px;color:#64748b;font-size:11px;margin:0 0 8px;font-weight:600}
.vt-stories-page .vs-eyebrow>span{width:6px;height:6px;border-radius:50%;background:#2864f0;box-shadow:0 0 0 3px #e1eaff}
.vt-stories-page #vsStoriesTitle{font-size:29px;letter-spacing:-.6px;line-height:1.65;font-weight:850;color:#172b45;margin:0 0 7px}
.vt-stories-page .vs-intro-copy{font-size:13px;line-height:1.9;color:#7a8798;margin:0}
.vt-stories-page .vs-browse-panel{background:white;border:1px solid #e5eaf2;border-radius:22px;padding:20px;box-shadow:0 5px 24px #172b4503}
.vt-stories-page .vs-filters.vs-top-filters{display:block;padding:0 0 22px;margin:0;border:0}
.vt-stories-page .vs-top-filters .vs-search-row{display:flex;align-items:center;gap:0;position:relative;margin:0;min-height:52px;padding:3px;background:#f5f7fb;border:1px solid #e8edf4;border-radius:13px}
.vt-stories-page .vs-search-row:focus-within{border-color:#8daef9;box-shadow:0 0 0 3px #2864f00c}
.vt-stories-page .vs-search-row .vs-search{display:block;min-width:0;flex:1;margin:0}
.vt-stories-page .vs-search-row input[type=search]{border:0;outline:0!important;box-shadow:none;background:transparent;padding:10px 13px;width:100%;height:44px;min-height:44px;color:#172b45;font-size:14px;line-height:1.5;border-radius:9px;-webkit-appearance:none;appearance:none}
.vt-stories-page .vs-search-row input::placeholder{color:#8b97a8;font-size:13px;opacity:1}
.vt-stories-page .vs-search-row input::-webkit-search-cancel-button{display:none}
.vt-stories-page .vs-search-submit,.vt-stories-page .vs-search-clear{display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:0;border:0;border-radius:9px;background:transparent;color:#667b96}
.vt-stories-page .vs-search-submit{color:#2864f0}
.vt-stories-page .vs-search-submit:hover{background:#e8efff}
.vt-stories-page .vs-search-submit svg{width:21px;height:21px}
.vt-stories-page .vs-search-clear{font-family:Arial,sans-serif;font-size:23px}
.vt-stories-page .vs-browse-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 15px}
.vt-stories-page .vs-browse-head h2{margin:0;font-size:14px;font-weight:800;color:#233650}
.vt-stories-page #vsResultCount{font-size:11px;color:#8b97a8;white-space:nowrap}
.vt-stories-page .vs-stories-all{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;overflow:visible;padding:0;margin:0;min-height:0;border:0}
.vt-stories-page .vs-showcase-card{position:relative;isolation:isolate;display:block;width:100%;aspect-ratio:3/4;min-width:0;overflow:hidden;border:0;border-radius:17px;padding:0;text-align:right;background:#172b45;color:#fff;box-shadow:0 3px 12px #172b450d;transition:transform .18s,box-shadow .18s}
.vt-stories-page .vs-showcase-card:focus-visible{outline:3px solid #89adff;outline-offset:4px}
.vt-stories-page .vs-showcase-visual,.vt-stories-page .vs-showcase-fallback{position:absolute;inset:0;display:grid;place-items:center}
.vt-stories-page .vs-showcase-fallback{background:linear-gradient(145deg,#d2ddf0,#435b80);color:#ffffff38;font-size:100px;font-weight:850}
.vt-stories-page .vs-showcase-visual>img{width:100%;height:100%;object-fit:cover;position:relative}
.vt-stories-page .vs-showcase-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#09152925 0%,transparent 34%,#0b19203d 56%,#0b1920f2 100%);z-index:1}
.vt-stories-page .vs-showcase-badges{position:absolute;z-index:2;inset:12px 12px auto;display:flex;justify-content:space-between;align-items:center;gap:8px}
.vt-stories-page .vs-showcase-count,.vt-stories-page .vs-showcase-type{display:inline-flex;align-items:center;gap:5px;line-height:1.6;min-height:27px;padding:3px 9px;border:1px solid #ffffff30;border-radius:8px;background:#10203266;backdrop-filter:blur(8px);color:white;font-size:10px}
.vt-stories-page .vs-stack-icon{font-size:14px;line-height:1}
.vt-stories-page .vs-showcase-info{position:absolute;z-index:2;bottom:16px;right:14px;left:14px;display:block}
.vt-stories-page .vs-showcase-identity{display:flex;align-items:center;gap:8px;min-width:0}
.vt-stories-page .vs-showcase-identity .vt-avatar{width:33px;height:33px;border:2px solid #ffffffeb;box-shadow:0 0 0 2px #719dff;background:#edf3ff;font-size:14px}
.vt-stories-page .vs-showcase-card.is-seen .vt-avatar{box-shadow:0 0 0 2px #ffffff55}
.vt-stories-page .vs-showcase-identity strong{min-width:0;font-size:13px;line-height:1.8;font-weight:750;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.vt-stories-page .vs-showcase-city{display:block;margin:5px 41px 0 0;color:#d1dae5;font-size:10px}
.vt-stories-page .vs-showcase-empty{grid-column:1/-1;padding:36px 12px 42px;text-align:center;color:#8b97a8}
.vt-stories-page .vs-empty-icon{display:grid;place-items:center;background:#f0f4fc;border:1px solid #e6edf8;border-radius:18px;width:62px;height:62px;margin:0 auto 16px;color:#8aa4d1;font-size:29px}
.vt-stories-page .vs-showcase-empty h2{font-size:15px;font-weight:750;margin:0 0 8px;color:#4f6580}
.vt-stories-page .vs-showcase-empty p{font-size:12px;margin:0;line-height:1.9}
.vt-stories-page #vsFeedStatus,.vt-stories-page #vsProfileStatus{color:#718099;font-size:12px;line-height:1.9;margin:18px 0}
.vt-stories-page #vsFeedStatus:empty,.vt-stories-page #vsProfileStatus:empty{display:none}
.vt-stories-page .vt-load-more{font-size:12px;min-height:44px;background:#f5f8ff;color:#2864f0;border-color:#e2eaff;margin:22px auto 0;padding:10px 22px}
.vt-stories-page .vs-profile{padding:24px 0;gap:22px}
.vt-stories-page #vsBusiness,.vt-stories-page #vtManager{margin-top:12px}
.vt-stories-page #vsBusiness>.vs-stories-all{padding-bottom:20px}
.vt-stories-page #mmVitrinePanelReturnRow{border-bottom:1px solid #edf1f7}
.vt-stories-page #mmVitrinePanelReturn{min-height:36px!important;font-size:11px!important}
.vt-stories-page .vs-type-picker[hidden],.vt-stories-page #vsChangeKind[hidden]{display:none!important}
@media(hover:hover){.vt-stories-page .vs-showcase-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px #172b4520}}
@media(max-width:700px){
 .vt-stories-page .vs-shell{width:calc(100% - 28px)}
 .vt-stories-page .vs-top-inner{min-height:68px;gap:10px}
 .vt-stories-page .vs-brand{font-size:17px;gap:9px}
 .vt-stories-page .vs-brand span{font-size:11px;padding:3px 8px}
 .vt-stories-page .vs-intro{padding:25px 3px 21px}
 .vt-stories-page #vsStoriesTitle{font-size:25px}
 .vt-stories-page .vs-intro-copy{font-size:12px}
 .vt-stories-page .vs-browse-panel{padding:15px;border-radius:20px}
 .vt-stories-page .vs-stories-all{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .vt-stories-page .vs-showcase-card{border-radius:14px}
 .vt-stories-page .vs-showcase-badges{inset:9px 9px auto}
 .vt-stories-page .vs-showcase-count,.vt-stories-page .vs-showcase-type{padding:3px 7px;min-height:25px;font-size:9px}
 .vt-stories-page .vs-showcase-info{right:11px;left:11px;bottom:13px}
 .vt-stories-page .vs-showcase-identity{gap:7px}
 .vt-stories-page .vs-showcase-identity strong{font-size:11px}
 .vt-stories-page .vs-showcase-identity .vt-avatar{width:27px;height:27px}
 .vt-stories-page .vs-showcase-city{margin-right:34px;font-size:9px}
 .vt-stories-page .vs-search-row input[type=search]{font-size:16px;padding-inline:9px}
 .vt-stories-page .vs-search-row input::placeholder{font-size:12px}
 .vt-stories-page .vs-filters.vs-top-filters{padding-bottom:19px}
 .vt-stories-page .vs-browse-head{margin-bottom:13px}
 .vt-stories-page .vs-browse-head h2{font-size:13px}
}
@media(max-width:359px){.vt-stories-page .vs-brand{font-size:15px;gap:7px}.vt-stories-page .vs-top #vsCreate{min-width:92px;padding-inline:12px;font-size:13px}.vt-stories-page .vs-browse-panel{padding:12px}.vt-stories-page #vsStoriesTitle{font-size:23px}.vt-stories-page .vs-intro-copy{font-size:11px}}
@media(prefers-reduced-motion:reduce){.vt-stories-page .vs-showcase-card{transition:none}}
/* Three portrait thumbnails in every row, including a partially filled row. */
.vt-stories-page .vs-main{width:100%;max-width:980px}
.vt-stories-page .vs-intro{padding:21px 16px 17px}
.vt-stories-page .vs-eyebrow{display:none}
.vt-stories-page #vsStoriesTitle{font-size:24px;margin-bottom:5px}
.vt-stories-page .vs-intro-copy{font-size:12px}
.vt-stories-page .vs-browse-panel{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.vt-stories-page .vs-filters.vs-top-filters{padding:0 16px 17px}
.vt-stories-page .vs-browse-head{padding:0 16px;margin-bottom:12px}
.vt-stories-page .vs-stories-all{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:0;padding:0;margin:0;min-height:0;background:#fff}
.vt-stories-page .vs-showcase-card{aspect-ratio:3/4;min-width:0;width:100%;border:0;border-radius:0;box-shadow:none;transform:none;text-align:left}
.vt-stories-page .vs-showcase-card:hover{box-shadow:none;transform:none}
.vt-stories-page .vs-showcase-card:focus-visible{outline:3px solid #90b5ff;outline-offset:-3px}
.vt-stories-page .vs-showcase-card::after{background:linear-gradient(transparent 65%,#07111d75 100%)}
.vt-stories-page .vs-showcase-fallback{font-size:48px}
.vt-stories-page .vs-tile-views{position:absolute;z-index:2;left:7px;bottom:6px;display:flex;align-items:center;gap:4px;color:white;font-size:11px;font-weight:650;line-height:1.6;direction:ltr;text-shadow:0 1px 4px #0008}
.vt-stories-page .vs-tile-views svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.vt-stories-page .vs-tile-video{position:absolute;z-index:2;right:7px;top:5px;color:white;font:22px/1 Arial,sans-serif;text-shadow:0 1px 4px #0008}
.vt-stories-page #vsFeedStatus,.vt-stories-page #vsProfileStatus{margin-inline:16px}
.vt-stories-page .vs-showcase-empty{grid-column:1/-1;background:#f5f7fb}
.vt-stories-page #vsProfileHeader,.vt-stories-page #vtManager{margin-inline:16px}
@media(max-width:700px){.vt-stories-page .vs-intro{padding:19px 14px 15px}.vt-stories-page .vs-filters.vs-top-filters{padding-inline:14px}.vt-stories-page .vs-browse-head{padding-inline:14px}.vt-stories-page .vs-stories-all{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px}.vt-stories-page .vs-showcase-card{aspect-ratio:3/4;border-radius:0}.vt-stories-page .vs-tile-views{left:5px;bottom:5px;font-size:10px;gap:3px}.vt-stories-page .vs-tile-views svg{width:12px;height:12px}}