.studio-retro-landing{--retro-pink:244 114 182;background-image:radial-gradient(ellipse 960px 720px at 52% 340px, rgb(var(--retro-pink) / 8%), transparent 85%);container:retro-page/inline-size}.studio-retro-landing .ms-retro-tool-hero{overflow:hidden}.studio-retro-landing .ms-retro-tool-decoration:after{content:"";background:radial-gradient(ellipse at 18% 65%, rgb(var(--retro-pink) / 14%), transparent 48%), radial-gradient(ellipse at 96% 92%, rgb(var(--retro-pink) / 20%), transparent 34%), radial-gradient(ellipse at 50% 0%, rgb(var(--retro-pink) / 8%), transparent 54%);position:absolute;inset:0}html:not(.dark) .studio-retro-landing .ms-retro-section-title{color:#0000;background-image:linear-gradient(#858585,#222 70%);-webkit-background-clip:text;background-clip:text}.studio-retro-landing .ms-retro-sunset{opacity:.8;mix-blend-mode:multiply;width:280px;height:auto;top:16px;right:-10px}.studio-retro-landing .ms-retro-tool-decoration>div:nth-child(3){display:none}.studio-retro-landing .ms-retro-tool-decoration>div:nth-child(2){background-color:rgb(var(--retro-pink));opacity:.28}.studio-retro-landing .ms-retro-tool-decoration>div:nth-child(4){background-color:rgb(var(--retro-pink) / 28%);filter:blur(14px);opacity:.65}.studio-retro-landing .ms-retro-artwork-frame{background:rgb(var(--retro-pink) / 10%);width:65.7%;height:82.2%;box-shadow:0 14px 40px rgb(var(--retro-pink) / 20%);border-color:#efb5d6;top:9.4%;left:8%;transform:rotate(-16deg)}.studio-retro-landing .ms-retro-artwork-poster,.studio-retro-landing .ms-retro-artwork-before{box-shadow:none}.studio-retro-landing .ms-retro-hero-art{order:0}.studio-retro-landing .ms-retro-hero-upload{align-self:center}.studio-retro-landing .ms-retro-hero-upload .ms-retro-upload{gap:26px;min-height:256px}.studio-retro-landing .ms-retro-hero-upload .ms-upload-title{font-family:var(--font-saira), sans-serif;font-size:24px;font-weight:600;line-height:36px}.studio-retro-landing .ms-retro-hero-upload .ms-upload-pick{min-height:58px;padding-inline:18px}.studio-retro-landing .ms-retro-hero-upload>p{font-weight:400}.studio-retro-landing .ms-retro-hero-boombox{width:172px;filter:drop-shadow(0 -6px 14px rgb(var(--retro-pink) / 40%));bottom:-44px;right:-8px;transform:rotate(-15deg)}.studio-retro-landing .ms-retro-no-app-body{background-color:#fff8fd;background-image:url(/assets/images/retro-80s/v3/no-app-background.webp);background-position:100% 0;background-repeat:no-repeat;background-size:cover}.studio-retro-landing .ms-retro-no-app-card{--no-app-card-soft:#ffffff73;--no-app-card-solid:#fff;--no-app-card-fill:linear-gradient(90deg, var(--no-app-card-soft), var(--no-app-card-solid));background-color:#f3e8ff;background-image:radial-gradient(ellipse at 50% 110%, #d95cf01a, transparent 68%), var(--no-app-card-fill)}.studio-retro-landing .ms-retro-no-app-card:nth-child(2){--no-app-card-fill:linear-gradient(180deg, var(--no-app-card-soft) 48%, var(--no-app-card-solid))}.studio-retro-landing .ms-retro-no-app-card:nth-child(3){--no-app-card-fill:linear-gradient(90deg, var(--no-app-card-solid), var(--no-app-card-soft))}.studio-retro-landing .ms-retro-no-app-step-number{background:#efb9f9;box-shadow:inset 4px 4px 22.2px #d95cf061}.studio-retro-landing .ms-retro-no-app-footer{background:linear-gradient(#ffffffe0,#fdfeff 90%)}.studio-retro-landing .ms-retro-more-card{--more-highlight:0;--more-corner:24px;--more-background:var(--color-surface);--more-hover-background:#ddd9ff;--more-arrow-visibility:hidden;border-radius:24px var(--more-corner) 24px 24px;background-color:var(--more-background);min-width:0;transition:background-color .18s,border-radius .2s}.studio-retro-landing .ms-retro-more-visual{border-radius:14px calc(var(--more-corner) - 10px) 14px 14px;transition:border-radius .2s}.studio-retro-landing .ms-retro-more-images{border-radius:inherit;background:var(--color-canvas)}.studio-retro-landing .ms-retro-more-arrow-top{opacity:var(--more-highlight);visibility:var(--more-arrow-visibility);transition:opacity .16s,visibility .16s}.studio-retro-landing .ms-retro-more-arrow-bottom{opacity:calc(1 - var(--more-highlight));pointer-events:none;transition:opacity .16s}.studio-retro-landing .ms-retro-more-card:is(:focus-visible,:active){--more-highlight:1;--more-corner:90px;--more-background:var(--more-hover-background);--more-arrow-visibility:visible}.studio-retro-landing .ms-retro-more-card:focus-visible{outline:2px solid var(--color-brand);outline-offset:4px}@media (hover:hover) and (pointer:fine){.studio-retro-landing .ms-retro-more-card:hover{--more-highlight:1;--more-corner:90px;--more-background:var(--more-hover-background);--more-arrow-visibility:visible}}@media (prefers-reduced-motion:reduce){.studio-retro-landing :is(.ms-retro-more-card,.ms-retro-more-visual,.ms-retro-more-arrow-top,.ms-retro-more-arrow-bottom){transition:none}}.studio-retro-landing .ms-retro-step-upload{background-image:linear-gradient(160deg, var(--color-surface), color-mix(in srgb, rgb(var(--retro-pink)) 12%, var(--color-surface)));box-shadow:inset 0 0 0 1px rgb(var(--retro-pink) / 16%), 0 8px 24px rgb(var(--retro-pink) / 10%)}.studio-retro-landing .ms-retro-step-upload-visual{background-color:var(--color-surface);background-image:linear-gradient(rgb(var(--retro-pink) / 16%) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--retro-pink) / 16%) 1px, transparent 1px), radial-gradient(ellipse at center, rgb(var(--retro-pink) / 18%), transparent 75%);background-size:36px 36px,36px 36px,100% 100%}.studio-retro-landing .ms-retro-benefit-card{--benefit-fill:#fff;--benefit-stroke:#fff;background:linear-gradient(180deg, var(--benefit-fill), transparent);box-shadow:inset 0 0 0 1px var(--benefit-stroke);position:relative}@supports (mask-composite:exclude) or (-webkit-mask-composite:xor){.studio-retro-landing .ms-retro-benefit-card{box-shadow:none}.studio-retro-landing .ms-retro-benefit-card:before{content:"";border-radius:inherit;background:linear-gradient(180deg, var(--benefit-stroke), transparent);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}}.dark .studio-retro-landing .ms-retro-benefit-card{--benefit-fill:var(--color-surface);--benefit-stroke:#ffffff24}.studio-retro-landing .ms-retro-sunset-dark,.dark .studio-retro-landing .ms-retro-sunset-light{display:none}.dark .studio-retro-landing .ms-retro-sunset-dark{aspect-ratio:221/446;mix-blend-mode:normal;opacity:.8;background:url(/assets/images/retro-80s/v3/hero-sunset-dark.webp) 50%/contain no-repeat;display:block}.dark .studio-retro-landing .ms-retro-hero-badge{color:#dec8fb;-webkit-backdrop-filter:none;backdrop-filter:none;background:#2c213c;border-color:#675078}.dark .studio-retro-landing .ms-retro-hero-badge svg{color:inherit;fill:currentColor}.dark .studio-retro-landing :is(.ms-retro-artwork-poster,.ms-retro-artwork-before){border-color:#382e43}.dark .studio-retro-landing .ms-retro-hero-upload>svg{color:var(--color-muted)}.dark .studio-retro-landing .ms-retro-artwork-arrow path:first-child{stroke:#382e43}.dark .studio-retro-landing .ms-retro-artwork-arrow path:last-child{stroke:var(--color-muted)}.dark .studio-retro-landing .ms-retro-hero-upload>p a{color:#a8baff}.dark .studio-retro-landing .ms-retro-upload-shell{border:1px solid var(--color-line)}.dark .studio-retro-landing .ms-retro-more-card{--more-hover-background:color-mix(in srgb, #8b3ff5 22%, var(--color-surface));border-color:var(--color-line)}.dark .studio-retro-landing .ms-retro-no-app-body{background-color:var(--color-surface);background-image:radial-gradient(ellipse at 85% 5%, rgb(var(--retro-pink) / 14%), transparent 65%)}.dark .studio-retro-landing .ms-retro-no-app-card{--no-app-card-soft:color-mix(in srgb, var(--color-surface) 75%, transparent);--no-app-card-solid:var(--color-surface);background-color:var(--color-surface);border-color:var(--color-line)}.dark .studio-retro-landing .ms-retro-no-app-loading{border-color:var(--color-line);background-image:linear-gradient(180deg, var(--color-surface), rgb(var(--retro-pink) / 10%))}.dark .studio-retro-landing .ms-retro-no-app-footer{background:linear-gradient(180deg, var(--color-surface), var(--color-canvas))}.dark .studio-retro-landing{--retro-pink:219 64 142}.dark .studio-retro-landing .ms-retro-artwork-frame{border-color:rgb(var(--retro-pink) / 45%)}@media (min-width:1080px){.studio-retro-landing .studio-retro-why{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-retro-landing .ms-retro-hero-grid{grid-template-columns:minmax(0,638fr) minmax(0,482fr);align-items:center;gap:40px;max-width:1160px}}@media (min-width:768px) and (max-width:1079px){.studio-retro-landing .ms-retro-hero-upload{width:100%;max-width:482px;margin-inline:auto}.studio-retro-landing .ms-retro-hero-grid{max-width:638px;margin-inline:auto}}@media (max-width:767px){.studio-retro-landing .ms-retro-sunset{opacity:.35;width:100px;top:4px;right:-12px}.studio-retro-landing .ms-retro-hero-boombox{width:44px;filter:drop-shadow(0 -2px 5px rgb(var(--retro-pink) / 30%));bottom:2px;right:14px}.studio-retro-landing .ms-retro-artwork-frame{box-shadow:0 6px 18px rgb(var(--retro-pink) / 16%);border-width:2px;border-radius:22px}}@media (max-width:1023px){.studio-retro-landing .ms-retro-no-app-steps{max-width:360px}.studio-retro-landing .ms-retro-no-app-body{isolation:isolate;background-image:linear-gradient(160deg,#fff8fd,#f5efff 55%,#fff9ed);position:relative}.studio-retro-landing .ms-retro-no-app-body:before{content:"";z-index:-1;pointer-events:none;background:url(/assets/images/retro-80s/v3/no-app-background.webp) 100% 0/auto 320px no-repeat;height:320px;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 65%,#0000);mask-image:linear-gradient(#000 65%,#0000)}.dark .studio-retro-landing .ms-retro-no-app-body{background-image:radial-gradient(ellipse at 85% 5%, rgb(var(--retro-pink) / 14%), transparent 65%);background-size:100% 100%}.dark .studio-retro-landing .ms-retro-no-app-body:before{display:none}.studio-retro-landing .ms-retro-no-app-benefits>div{flex-direction:column;align-items:flex-start;width:fit-content;max-width:100%;margin-inline:auto}.studio-retro-landing .ms-retro-no-app-benefits>div>span{font-size:14px}.studio-retro-landing .ms-retro-no-app-benefits>div>span>span{flex-shrink:0}}@media (min-width:768px){@container retro-page (max-width:760px){.studio-retro-landing .ms-retro-sunset{opacity:.35;width:140px}}}@container retro-page (max-width:760px){.studio-retro-landing .ms-retro-steps-grid,.studio-retro-landing .ms-retro-definition{grid-template-columns:minmax(0,1fr)}.studio-retro-landing .ms-retro-steps-grid{max-width:520px;margin-inline:auto}.studio-retro-landing .ms-retro-definition{gap:24px}}