/* Shared small-screen layout and touch controls. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overflow-wrap:break-word}input,textarea,select{max-width:100%}.mobile-menu{display:none}
@media(max-width:760px){
.header{height:auto;min-height:80px;flex-wrap:wrap;gap:8px;padding:16px 20px}.header .brand-logo{width:160px}.header-actions{gap:12px}.header .text-button{display:inline-flex!important;align-items:center;min-height:44px;font-size:14px!important}.header .button-small{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{width:44px;height:44px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;cursor:pointer;list-style:none;font-size:24px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu[open] summary{background:var(--pale);color:var(--purple)}.header .mobile-menu nav{position:absolute;display:grid;gap:0;right:0;top:52px;z-index:15;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 35px #17213918;width:min(270px,calc(100vw - 40px));padding:8px}.mobile-menu nav a{padding:13px 14px;min-height:48px;border-radius:7px}.mobile-menu nav a:hover{background:var(--pale)}
.wrap{padding-left:20px;padding-right:20px}.hero{padding-top:25px;gap:34px}.hero h1{font-size:clamp(2.7rem,12vw,4rem);letter-spacing:-.06em}.hero-description{font-size:1rem}.hero-actions{flex-wrap:wrap;gap:12px 20px}.hero-actions .button{min-height:50px}.hero-actions .underlink{min-height:44px;display:inline-flex;align-items:center;font-size:14px}.channel-logos{flex-wrap:wrap;row-gap:18px}.hero-visual{padding:12px;min-width:0}.feature-shot{min-height:270px}.shot-copy{top:25px;left:16px;max-width:50%}.shot-copy h2{font-size:clamp(1.25rem,6vw,1.7rem)}.shot-copy p{font-size:13px}.product-main{height:270px}.shot-bottom{gap:10px}.visual-footer{padding:12px 4px}.visual-footer>span:last-child{font-size:13px}.result-card>div:first-child{height:auto;aspect-ratio:1}.intro-band h2,.section-heading h2,.closing h2,.input-guidance h2{font-size:clamp(1.65rem,7vw,2rem);line-height:1.2}.section-heading>p br{display:none}.demo-controls,.demo-preview{padding:20px}.demo-product{gap:10px;flex-wrap:wrap}.demo-product strong{font-size:15px}.demo-product>.badge{margin-left:0}.preview-top{flex-wrap:wrap;font-size:14px}.preview-mode{font-size:12px}.preview-copy h3{font-size:clamp(1.25rem,5.8vw,1.8rem)}.listing-preview .preview-copy{left:16px;max-width:47%}.preview-copy>p{font-size:13px}.preview-bottom{font-size:14px}.preview-bottom>span:last-child{font-size:14px}.demo-note,.fine-print,.compliance-note,.gallery-disclaimer{font-size:13px}.studio-link{font-size:14px}.studio-link a{display:inline-flex;align-items:center;min-height:44px}.style-options label>span{font-size:14px}.demo-controls input,.demo-controls select,.workspace-content select{font-size:16px}.button,.secondary-button,.result-tabs button,.workspace-nav{min-height:44px}.closing .button{width:100%}.footer{padding-top:25px;padding-bottom:max(25px,env(safe-area-inset-bottom));align-items:flex-start;flex-direction:column;gap:16px}.footer>span{font-size:13px}.workspace-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px)}.workspace-main aside{flex-wrap:wrap}.workspace-nav{width:auto;flex:1}.workspace-title-row .button,.saved-listing>.secondary-button{width:100%;margin-left:0}.workspace-content{padding:20px}.account-dialog{max-height:calc(100dvh - 24px)}.close-button{width:44px;height:44px}.result-tabs{flex-wrap:wrap}.result-tabs button{flex:1;padding:8px 12px}
.studio-body input:not([type=radio]):not([type=checkbox]),.studio-body textarea,.studio-body select{font-size:16px}.studio-body input[type=checkbox],.studio-body input[type=radio]{width:20px;height:20px;flex-shrink:0}.studio-body button,.studio-body .quiet-button,.studio-body .text-link,.studio-body .download-btn{min-height:44px}.studio-body a.text-link,.studio-body a.download-btn{display:inline-flex;align-items:center}.studio-body .sidebar{padding:20px 20px 12px;position:static;height:auto}.studio-body .app-shell{display:block}.studio-body .sidebar .brand-logo{width:170px;margin:0 0 16px}.studio-body .sidebar>.button,.studio-body .sidebar-bottom{display:none}.studio-body .side-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;overflow:visible}.studio-body .navitem{display:flex;flex-direction:column;gap:4px;text-align:center;white-space:normal;padding:9px 3px;min-height:62px;font-size:12px;line-height:1.3}.studio-body .navicon{display:inline-flex;font-size:21px}.studio-body .app-topbar{padding:12px 20px;flex-wrap:wrap;gap:8px}.studio-body .content{padding:26px 20px max(35px,env(safe-area-inset-bottom));min-width:0}.studio-body .title-row>div{min-width:0}.studio-body .title-row h1{font-size:clamp(1.75rem,7vw,2.25rem);overflow-wrap:anywhere}.studio-body .title-row>.button{width:100%}.studio-body .stats{gap:8px}.studio-body .stat{padding:14px 10px;min-width:0}.studio-body .stat span{font-size:13px;line-height:1.4;display:block}.studio-body .stat strong{font-size:26px}.studio-body .welcome-card{padding:23px}.studio-body .welcome-card h2{font-size:25px}.studio-body .welcome-card .button{width:100%}.studio-body .panel{padding:20px;min-width:0}.studio-body .auth-layout{display:block;margin:12px 16px 30px}.studio-body .auth-art{display:none}.studio-body .auth-form{padding:28px 22px}.studio-body .auth-header{padding:20px;gap:16px;flex-wrap:wrap}.studio-body .auth-header .brand-logo{width:170px}.studio-body .auth-header>a:last-child{min-height:44px;display:flex;align-items:center;font-size:14px}.studio-body .auth-form h2{font-size:28px}.studio-body .form-grid{grid-template-columns:1fr}.studio-body .builder-grid{grid-template-columns:1fr}.studio-body .order-summary{position:static}.studio-body .choice-grid{grid-template-columns:1fr;gap:10px;margin-bottom:15px}.studio-body .choice{min-height:72px;padding:14px 46px 14px 16px}.studio-body .choice input{top:24px;right:16px}.studio-body .choice strong,.studio-body .choice.platform strong{font-size:19px;margin:0}.studio-body .choice small{font-size:14px}.studio-body .steps-nav li{font-size:12px;flex-direction:column;gap:7px;text-align:center;min-width:0}.studio-body .steps-nav li:after{display:none}.studio-body .steps-nav b{width:32px;height:32px;font-size:14px}.studio-body .builder-actions{display:flex;flex-direction:column-reverse;align-items:stretch;gap:10px}.studio-body .builder-actions .button{min-height:50px;font-size:14px}.studio-body .builder-actions .quiet-button{font-size:14px}.studio-body .review-product{flex-wrap:wrap;gap:12px}.studio-body .review-product>div{min-width:0;flex:1}.studio-body .review-product img{width:72px;height:72px}.studio-body .review-product h3{overflow-wrap:anywhere}.studio-body .summary-row strong{text-align:right;overflow-wrap:anywhere;max-width:65%}.studio-body .order-summary h3{overflow-wrap:anywhere}.studio-body .upload-zone{padding:23px 15px}.studio-body .upload-thumb button{min-height:30px;width:30px;height:30px}.studio-body .result-grid{grid-template-columns:1fr}.studio-body .result-tile>div{font-size:14px;padding:10px 16px}.studio-body .empty{padding:30px 20px}.studio-body .success-panel{padding:30px 22px}.studio-body .success-panel h1{font-size:28px}.studio-body .table-wrap{overflow:visible;padding:0;border:0;background:transparent}.studio-body .order-table,.studio-body .order-table tbody{display:block;width:100%}.studio-body .order-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.studio-body .order-table tr{display:block;padding:16px 20px;margin-bottom:14px;background:white;border:1px solid var(--line);border-radius:12px}.studio-body .order-table td{display:flex;justify-content:space-between;gap:15px;border:0;padding:7px 0;align-items:center;overflow-wrap:anywhere}.studio-body .order-table td:first-child{display:block;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:8px}.studio-body .order-table td[data-label]:before{content:attr(data-label);color:var(--muted);flex-shrink:0}.studio-body .order-table td:last-child{justify-content:flex-end}.studio-body .file-input{min-width:0}
}
@media(max-width:360px){.header{padding:12px 16px;gap:4px}.header .brand-logo{width:140px}.header-actions{gap:8px}.wrap{padding-left:16px;padding-right:16px}.studio-body .content{padding-left:16px;padding-right:16px}.studio-body .stats{grid-template-columns:1fr}.studio-body .stat{display:flex;align-items:center;justify-content:space-between}.studio-body .auth-header{gap:0}.hero-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.progress-line div{animation:none}.listing-card:hover{transform:none}}