/* Mobile is the base layout; larger screens progressively gain a second column. */
.video-entry{display:flex;align-items:center;gap:14px;padding:20px;margin:22px 0;background:#eee7ff;color:#342153;border:1px solid #dfd0fb;border-radius:17px;text-decoration:none;min-height:88px}
.video-entry>div{flex:1;min-width:0}.video-entry strong,.video-entry span{display:block}.video-entry strong{font-size:16px;margin-bottom:5px}.video-entry>div>span{font-size:13px;line-height:1.55;color:#756088}.video-entry-icon{width:43px;height:43px;flex-shrink:0;background:#6b36e8;border-radius:14px;display:grid!important;place-items:center;color:white;font-size:17px}.video-entry:hover{border-color:#9767ed}
.video-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 24px}.video-stepper>*{padding:12px 8px;border-bottom:2px solid #e3dcec;font-size:12px;color:#7e708c;text-decoration:none;line-height:1.5}.video-stepper>.active{color:#6b36e8;border-color:#6b36e8;font-weight:600}
.video-layout,.install-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}.video-layout>*{min-width:0}.video-layout .panel{padding:22px}.video-idea{min-height:150px;resize:vertical}.video-direction>summary{cursor:pointer;font-size:14px;font-weight:600;padding:14px 0}.video-direction>.stack{margin-top:10px}.video-build-footer{display:flex;flex-direction:column;gap:15px}.video-build-footer small{color:#8a7b95;font-size:12px}.video-build-footer>.btn{width:100%;min-height:50px}
.video-inspiration{background:#261d37;color:#fff;border-radius:22px;overflow:hidden}.video-inspiration>div:last-child{padding:28px}.video-inspiration h2{font-size:27px;letter-spacing:-.7px;line-height:1.2}.video-inspiration p{color:#c7bcd3;font-size:14px;line-height:1.7;margin:18px 0}.video-inspiration .btn{background:transparent;border-color:#73618c;color:#f2ebfb}.viewfinder{position:relative;min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:28px;background:radial-gradient(ellipse at 75% 15%,#9f7588 0%,transparent 58%),linear-gradient(140deg,#30283e,#51364f 58%,#221b31)}.viewfinder:before{position:absolute;content:'';inset:20px;border:1px solid #f4dcdf42;border-radius:5px;pointer-events:none}.viewfinder>span{position:absolute;top:32px;left:34px;font-size:12px;letter-spacing:1px;color:#ede0e8}.viewfinder .viewfinder-play{position:absolute;right:34px;top:29px;color:#e0edc3}.viewfinder strong{font-family:Georgia,serif;font-size:34px;line-height:1.15;font-weight:400;z-index:1;margin:55px 8px 16px}.viewfinder small{margin:0 8px 6px;color:#ddd1e2;font-size:11px}
.video-prompt-text{min-height:430px;font-family:inherit;font-size:15px;line-height:1.75;resize:vertical;white-space:pre-wrap;overflow-wrap:anywhere}.video-result-actions{display:grid;gap:10px}.video-result-actions>.btn:first-child{background:#6b36e8;color:#fff;border-color:#6b36e8}.video-history{margin-top:24px}.video-history strong{font-size:14px}.video-guide-short{align-self:start}.video-guide-short h2{font-size:30px;line-height:1.2}.video-guide-short ol{padding-left:22px;font-size:14px;line-height:1.7;color:#756781}.video-guide-short li{padding:7px 0}.external-buttons{display:grid;gap:10px}.external-buttons a{padding:14px 16px;background:#f2edf9;border:1px solid #e6dcee;border-radius:12px;text-decoration:none;font-weight:600;font-size:14px;color:#644098}.guide-timeline{display:grid;gap:20px}.guide-timeline .panel{position:relative}.guide-number{width:32px;height:32px;display:grid;place-items:center;background:#eee6ff;color:#6b36e8;border-radius:10px;font-weight:700}.guide-timeline p{line-height:1.75;font-size:14px;color:#71647e}.guide-timeline a{overflow-wrap:anywhere}.guide-timeline .grid2{gap:26px}.guide-timeline h3{margin-bottom:12px}
.install-banner{position:fixed;left:12px;right:12px;bottom:calc(78px + env(safe-area-inset-bottom,0px));z-index:45;display:grid;grid-template-columns:36px minmax(0,1fr) 86px 24px;gap:10px;align-items:center;background:#28203c;color:#fff;border:1px solid #8c65dc;border-radius:17px;padding:16px 12px;box-shadow:0 12px 30px #28173f30;max-width:550px;margin:auto}.install-banner img{width:36px;height:36px}.install-banner strong{font-size:13px;color:#dcf4aa;line-height:1.4}.install-banner p{font-size:12px;line-height:1.5;color:#d0c4dc;margin-top:4px}.install-banner button{border:0;font-family:inherit;cursor:pointer}.install-banner-cta{background:#d7edab;color:#2b233a;border-radius:10px;padding:12px 8px;min-height:46px;font-size:12px;font-weight:700;line-height:1.3}.install-dismiss{background:transparent;color:#d6c5ed;font-size:23px;min-height:44px;width:24px}.install-banner button:focus-visible{outline:3px solid #fff;outline-offset:3px}.has-install-banner #toast{bottom:calc(207px + env(safe-area-inset-bottom,0px))}
.install-preview{background:#eae3f6;border-radius:24px;padding:30px 24px;display:grid;justify-items:center}.install-preview>p{margin-top:20px;font-size:11px;text-align:center;color:#766784}.install-phone{width:min(250px,100%);aspect-ratio:1/1.65;background:linear-gradient(155deg,#281b43,#75569d);border:7px solid #2c2535;box-shadow:0 22px 40px #3d265329;border-radius:35px;position:relative;padding:42px 20px 30px;color:#fff}.phone-island{width:65px;height:14px;background:#201b29;border-radius:10px;position:absolute;top:10px;left:50%;transform:translateX(-50%)}.phone-date{font-size:10px;text-align:center;color:#d9c9e9}.phone-app{display:flex;align-items:center;flex-direction:column;gap:8px;margin:32px 0}.phone-app img{width:64px;height:64px;border-radius:18px;box-shadow:0 6px 16px #20103545}.phone-app span{font-size:11px}.phone-caption{font:400 22px/1.3 Georgia,serif;color:#e6d8f4;margin-top:25px}.phone-home-line{width:74px;height:4px;background:#fff8;position:absolute;bottom:12px;left:50%;transform:translateX(-50%);border-radius:4px}.install-tabs{display:flex;gap:10px}.install-tabs>*{flex:1}.install-steps{counter-reset:step;list-style:none;padding:0;display:grid;gap:20px}.install-steps li{counter-increment:step;position:relative;padding-left:40px;line-height:1.55;font-size:14px}.install-steps li:before{content:counter(step);position:absolute;left:0;top:0;width:27px;height:27px;border-radius:50%;background:#eee6fc;color:#6b36e8;display:grid;place-items:center;font-weight:700}.install-steps strong,.install-steps span{display:block}.install-steps span{font-size:13px;color:#7d6d8b;margin-top:4px}.install-layout details summary{cursor:pointer}.install-layout .note{font-size:13px;line-height:1.65}
.install-preview{order:2}.install-layout>.panel{order:1}
@media(min-width:1000px){.video-layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:28px}.video-layout .panel{padding:30px}.video-inspiration{align-self:start;position:sticky;top:24px}.viewfinder{min-height:330px}.video-build-footer{flex-direction:row;align-items:center;justify-content:space-between}.video-build-footer>.btn{width:auto}.video-result-actions{grid-template-columns:1fr 1fr}.video-result-actions>.btn:last-child{grid-column:1/-1}.install-layout{grid-template-columns:minmax(270px,.85fr) minmax(0,1.35fr);align-items:start}.install-preview{padding:50px 28px}.install-phone{width:275px}.video-stepper>*{font-size:14px}}
@media(max-width:900px){.has-install-banner #main{padding-bottom:215px}.mobile-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.video-layout input,.video-layout textarea,.video-layout select{font-size:16px!important}.video-layout button,.video-layout a.btn,.install-layout button,.guide-timeline a.btn{min-height:46px}.video-inspiration{display:none}.video-prompt-text{min-height:380px}.install-dismiss{position:relative}.install-dismiss:after{content:'';position:absolute;inset:0 -4px}.video-entry{padding:17px;gap:11px}.video-entry strong{font-size:15px}.video-entry>div>span{font-size:12px}}
@media(max-width:420px){.video-stepper{gap:4px}.video-stepper>*{font-size:11px;padding:10px 5px}.video-layout .panel{padding:18px}.video-history .version-list article{gap:10px}.video-history .btn{padding:10px 13px}.install-banner{gap:8px;grid-template-columns:30px minmax(0,1fr) 78px 24px}.install-banner img{width:30px;height:30px}.install-banner strong{font-size:12px}.install-banner p{font-size:11px}.install-preview{padding:24px}.video-entry>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){.install-banner,.video-entry{animation:none;transition:none}}
@media(min-width:1000px){.install-preview,.install-layout>.panel{order:0}}
.install-banner{grid-template-columns:36px minmax(0,1fr) 86px 40px}.install-dismiss{width:40px}.install-dismiss:after{inset:0 -2px}
@media(max-width:420px){.install-banner{grid-template-columns:30px minmax(0,1fr) 78px 40px}}
.social-journey{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px;color:#62667b;font-size:14px}.social-journey span{padding:8px 0;border-bottom:2px solid #e5e6ef}.social-journey .active{color:#6b36e8;border-color:#6b36e8;font-weight:700}.social-journey .done{color:#38785a;border-color:#38785a}.social-identify{margin-bottom:24px}.social-identify form{display:flex;align-items:end;gap:14px}.social-identify label{flex:1;min-width:0}.social-identify p{margin-top:12px}.social-report{padding:26px;background:#eeeafa;border-radius:16px;min-width:0;overflow-wrap:anywhere}.social-report h2{margin:14px 0 10px}.social-report p{color:#645776;font-size:14px}.social-checks{display:grid;grid-template-columns:1fr 1fr;gap:20px}.social-checks p{margin-top:6px;white-space:pre-wrap}.social-ideas{display:grid;gap:14px}.social-ideas article{background:#fff;padding:20px;border-radius:10px;border-left:3px solid #6b36e8}.social-ideas article p{margin:8px 0 16px}.social-ideas article>div{display:flex;flex-wrap:wrap;gap:10px}.social-layout>*,.social-layout form{min-width:0}.social-preview p{overflow-wrap:anywhere}@media(max-width:600px){.social-identify form{align-items:stretch;flex-direction:column}.social-checks{grid-template-columns:1fr}.social-report{padding:20px}.social-ideas article{padding:16px}.social-ideas .btn{flex:1;min-height:44px}.social-journey{font-size:12px;gap:10px}}

/* VemPost: a guided, mobile-first profile entry. */
.profile-steps{display:flex;gap:20px;list-style:none;padding:0;margin:0 0 24px;color:#62667b;font-size:14px}.profile-steps li{padding-bottom:10px;border-bottom:2px solid #e5e6ef}.profile-steps .active{color:#6034bb;border-color:#6034bb;font-weight:700}.profile-steps .done{color:#347357;border-color:#347357}.profile-entry{display:flex;gap:30px;align-items:center;background:#eee8fa;border-radius:24px;padding:36px;margin-bottom:18px}.profile-entry-copy{flex:1;min-width:0}.profile-entry h2{font-size:26px;letter-spacing:-.6px;margin-bottom:24px}.profile-entry p{line-height:1.6;max-width:65ch}.profile-entry #instagram-help{font-size:14px;margin:10px 0}.profile-entry input{background:#fff;font-size:20px;min-width:0}.profile-input-row{display:flex;gap:12px;margin-top:8px}.profile-input-row input{flex:1;width:100%}.profile-input-row .btn{white-space:nowrap}.profile-at{font-size:130px;font-weight:750;line-height:1;color:#673abe;letter-spacing:-12px;padding-right:15px}.profile-address{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:20px 6px 28px;overflow-wrap:anywhere}.profile-address strong{display:block;font-size:22px}.profile-address span{display:block;font-size:13px;color:#666b7e;margin-top:6px}.profile-details{margin-bottom:20px}.profile-details summary{font-size:20px;cursor:pointer;font-weight:650}.profile-details>p{margin:16px 0 24px}.profile-ready{padding:28px;border-left:4px solid #6638c3;background:#f4f0fc;border-radius:0 20px 20px 0;margin:0 0 22px;overflow-wrap:anywhere}.profile-ready h2{margin:16px 0 12px}.profile-ready p{margin:12px 0;line-height:1.6}.profile-ready .btn{margin-top:12px}.profile-entry .form-error:empty,.profile-details .form-error:empty{display:none}.profile-details input{min-width:0}.profile-details .field-grid>*{min-width:0}
@media(max-width:600px){.profile-steps{gap:12px;font-size:12px}.profile-steps li{flex:1}.profile-entry{padding:24px 20px;border-radius:20px}.profile-at{display:none}.profile-entry h2{font-size:24px}.profile-input-row{flex-direction:column}.profile-input-row input{font-size:18px}.profile-input-row .btn{min-height:48px}.profile-address{align-items:flex-start;flex-direction:column;gap:14px}.profile-address .btn{width:100%}.profile-address strong{font-size:20px}.profile-ready{padding:22px 20px}.profile-details summary{font-size:18px}.profile-details .field-grid{grid-template-columns:1fr}.profile-details .btn{width:100%;min-height:48px}}
.hosted-guest .sidebar,.hosted-guest .topbar,.hosted-guest .workspace-bar,.hosted-guest .mobile-nav {display:none!important}
.hosted-guest .main-shell {margin-left:0;max-width:1120px;margin-inline:auto}
.hosted-guest .demo-line {padding:20px 24px;text-align:center}
.hosted-guest #main {padding-bottom:48px}
