.sh-hero{padding-top:2rem}.sh-hero-glow{z-index:-1;max-width:48rem;top:-6rem}.sh-hero-title{font-size:var(--text-3xl);line-height:var(--text-3xl-lh)}.sh-drop{min-height:18rem}.sh-glyph{border-radius:var(--radius-xl)}.sh-preview{max-height:18rem}.sh-status{min-height:1.25rem}.sh-create{min-height:3.25rem}.sh-corner{top:.75rem}@media (width>=640px){.sh-pad{padding-inline:2rem}}@media (width>=768px){.sh-hero{padding-top:3rem}.sh-hero-title{font-size:var(--text-4xl);line-height:var(--text-4xl-lh)}.sh-drop{min-height:20rem}}.sh-stage{isolation:isolate;position:relative}.sh-backdrop,.sh-band{pointer-events:none;background-repeat:no-repeat;background-size:cover;display:none}.sh-backdrop:after,.sh-band:after{content:"";position:absolute;inset:0}.sh-glass{background-color:color-mix(in srgb, var(--surface-1) 58%, transparent);backdrop-filter:blur(10px)}.sh-glass-tint{background-image:linear-gradient(var(--brand-tint), var(--brand-tint))}@media (width<1024px){.sh-band{z-index:-1;background-image:image-set("/studio-hero/v1/photo-to-print-1024.avif" 1x type("image/avif"),"/studio-hero/v1/photo-to-print-1024.webp" 1x type("image/webp"));background-position:50% 40%;align-self:stretch;height:clamp(11.5rem,42vw,20rem);margin:-6.25rem -1rem -5rem;display:block;position:relative;-webkit-mask-image:linear-gradient(#0000 0%,#000 42% 68%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 42% 68%,#0000 100%)}.sh-band:after{background:color-mix(in srgb, var(--surface-page) 22%, transparent)}}@media (width<768px){.sh-drop{min-height:15rem}}@media (640px<=width<1024px){.sh-band{margin-inline:-2rem}}@media (width>=1024px){.sh-backdrop{z-index:-1;background-image:image-set("/studio-hero/v1/photo-to-print-1584.avif" 1x type("image/avif"),"/studio-hero/v1/photo-to-print-1584.webp" 1x type("image/webp"));background-position:50% 35%;display:block;position:absolute;inset:0}.sh-stage-ssr{min-height:40rem}.sh-backdrop:after{background:linear-gradient(to bottom, color-mix(in srgb, var(--surface-page) 18%, transparent) 0%, color-mix(in srgb, var(--surface-page) 28%, transparent) 40%, color-mix(in srgb, var(--surface-page) 72%, transparent) 82%, var(--surface-page) 100%)}}.sh-showcase{container-type:inline-size}.sh-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.75rem;width:100%;max-width:60rem;display:grid}@container (width>=52rem){.sh-showcase-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}.sh-tile{container-type:inline-size}.sh-badge{border:1px solid color-mix(in srgb, var(--brand-text) 45%, transparent);background-color:color-mix(in srgb, var(--surface-page) 78%, transparent);max-width:calc(100% - 1rem);color:var(--brand-text);white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;line-height:1rem;overflow:hidden}.sh-badge:before{content:"✦";margin-right:.25rem}@container (width<10rem){.sh-badge{letter-spacing:-.01em;max-width:calc(100% - .75rem);padding-inline:.375rem;font-size:.625rem;line-height:.875rem;top:.375rem;left:.375rem}.sh-badge:before{margin-right:.1875rem}}.sh-cards-2{grid-template-columns:minmax(0,1fr);align-items:start;gap:1rem;display:grid}.sh-ways{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}@media (width>=640px){.sh-ways{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.sh-cards-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1280px){.sh-ways{grid-template-columns:repeat(4,minmax(0,1fr))}}.sh-step-text{padding-top:.375rem}.sh-connector{transform-origin:top;width:2px;transition:scale var(--motion-slow) var(--ease-standard);top:1.25rem;bottom:1.25rem;left:1.25rem}.sh-pulse{translate:-3px -3px}@media screen{[data-reveal-on=true] .sh-connector:not([data-drawn]){scale:1 0}}@media (width>=768px){.sh-step{text-align:center}.sh-step-text{padding-top:0}.sh-connector{transform-origin:0;width:auto;height:2px;bottom:auto;left:12.5%;right:12.5%}.sh-pulse{translate:-4px -3px}}@media screen and (width>=768px){[data-reveal-on=true] .sh-connector:not([data-drawn]){scale:0 1}}.sh-auth{width:min(66rem,100vw - 2rem);max-height:calc(100dvh - 2rem)}.sh-auth-left{border-right:1px solid var(--hairline);background-image:radial-gradient(var(--hairline) 1px, transparent 1px);background-size:16px 16px}.sh-auth-right{padding:1.5rem}.sh-auth-head{padding-right:2rem}.sh-half{padding:2rem}.sh-half-media{max-width:20rem}.sh-carousel-media{max-width:18rem}.sh-usecase-tabs{flex:1;grid-template-columns:repeat(6,minmax(0,1fr));gap:.375rem .625rem;display:grid}@media (width>=768px) and (width<1024px){.sh-usecase-tabs{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:.75rem}}.sh-auth-thumb{border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--surface-2);align-items:center;gap:.75rem;margin-right:2.5rem;padding:.5rem;display:flex}.sh-auth-thumb img{border-radius:var(--radius-md);background:var(--surface-1);object-fit:contain;flex-shrink:0;width:3.5rem;height:3.5rem}.sh-auth-thumb p{color:var(--text-1);font-size:var(--text-sm);font-weight:600;line-height:1.35}@media (width>=640px){.sh-auth-right{padding:2.5rem}}@media (width>=768px){.sh-auth{grid-template-columns:repeat(2,minmax(0,1fr));height:min(46rem,100dvh - 2rem);display:grid;overflow:hidden}.sh-auth-left{grid-area:1/1;min-height:0;overflow:hidden}.sh-auth-right{grid-area:1/2;justify-content:safe center;min-height:0;overflow-y:auto}}@media (width>=768px) and (height<=520px){.sh-auth{grid-template-columns:minmax(0,1fr);width:min(32rem,100vw - 2rem)}.sh-auth-left{display:none}.sh-auth-right{grid-column:1;padding:1.5rem}}@media (width>=768px) and (height>520px){.sh-auth-thumb{display:none}}html.overlay-open{scrollbar-gutter:auto}@keyframes usecase-fill{0%{scale:0 1}to{scale:1}}.usecase-fill{transform-origin:0;animation:4s linear both usecase-fill}.usecase-fill[data-paused=true]{animation-play-state:paused}.sh-guest-grid{grid-template-columns:72px minmax(0,1fr)}.sh-phone-scroll{padding-bottom:calc(57px + env(safe-area-inset-bottom) + .75rem)}
