/* Viewport fit v1: fit naturally without clipping or stretching short sections. */
.web-shell{width:100%;max-width:1240px;min-width:0;padding-inline:clamp(14px,3vw,32px)!important}.web-shell main,.web-shell section,.web-shell article,.admin-main,.admin-content,.admin-panel,.uc-workspace{min-width:0;max-width:100%;box-sizing:border-box}
.web-shell :is(.benefits,.pricing-grid,.account-grid,.steps-grid,.faq-section,.login-layout){min-width:0;max-width:100%;gap:clamp(12px,1.8vw,23px)!important}.web-shell :is(.hero,.policy,.jobs-panel,.workspace-heading,.login-layout,.pricing-section,.how-section,.faq-section,.plan-explainer){scroll-margin-top:108px}.web-shell .hero{min-height:0!important;height:auto!important;padding:clamp(24px,4.3svh,48px) clamp(16px,2.5vw,28px)!important}.web-shell .hero h1{font-size:clamp(34px,4.4vw,61px)!important;line-height:1.13!important;margin-block:12px!important;text-wrap:balance}.web-shell .hero-description{max-width:660px;margin-inline:auto;line-height:1.75!important;font-size:clamp(12px,1.2vw,15px)!important}.web-shell .hero-features{margin-block:15px!important;flex-wrap:wrap!important}.web-shell .hero-actions{margin-top:17px!important;flex-wrap:wrap!important}.web-shell .hero-note{margin-top:10px!important}.web-shell .workspace-heading{margin-block:clamp(22px,3.3svh,34px) 23px!important}.web-shell :is(.pricing-section,.how-section){padding-top:clamp(24px,3.5svh,38px)!important}.web-shell .price-card{min-width:0;min-height:0!important}.web-shell .account-grid{align-items:start!important}.web-shell .account-card{height:auto!important;min-height:0!important}.web-shell :is(.hero-actions,.studio-gate-actions,.jobs-heading,.panel-heading){min-width:0;flex-wrap:wrap}.web-shell :is(p,li,dd,h1,h2,h3,.history-row){overflow-wrap:anywhere}.web-shell .url-field{min-width:0!important}.web-shell .url-field input{min-width:0!important;width:100%}.web-shell .video-frame,.web-shell video{max-width:100%!important}.web-shell video{max-height:62svh;object-fit:contain}.web-shell :is(.link-entry,.format-grid,.resolution-grid){min-width:0}.web-shell .format-grid button{min-width:0}.web-shell .format-title,.web-shell .format-subtitle{overflow-wrap:normal}
.admin-app .admin-content{width:100%;padding-inline:clamp(12px,2vw,28px)!important}.admin-app :is(.uc-head,.uc-actions,.admin-heading,.admin-toolbar,.settings-actions){flex-wrap:wrap;gap:10px}.admin-app .uc-tabs{max-width:100%;overflow-x:auto}.admin-app :is(.uc-row,.uc-job,.audit-row){overflow-wrap:anywhere;min-width:0}.admin-app .admin-panel{min-width:0}.admin-app input,.admin-app select{max-width:100%;min-width:0}.admin-app .admin-sidebar{max-width:calc(100vw - 32px)}
@media(min-width:1000px) and (max-height:800px){.web-shell .hero{padding-block:24px!important}.web-shell .hero h1{font-size:clamp(34px,4vw,53px)!important}.web-shell .hero-features{margin-block:11px!important}.web-shell .hero-actions{margin-top:13px!important}.web-shell .price-card p{line-height:1.65!important}.web-shell .card-heading-band{padding-block:17px!important;margin-bottom:18px!important}.web-shell .price-card .price-line{font-size:34px!important}}
@media(max-width:760px){.web-shell .hero{padding:27px 17px!important}.web-shell .hero h1{font-size:clamp(32px,8.1vw,46px)!important}.web-shell .hero-features{gap:6px!important}.web-shell .hero-actions{gap:8px!important}.web-shell .workspace-heading{gap:14px!important}.web-shell .workspace-heading h1{font-size:clamp(25px,6.5vw,34px)!important}.web-shell .pricing-grid,.web-shell .account-grid{gap:15px!important}.web-shell .plan-explainer{gap:22px!important}.web-shell .policy{padding:clamp(17px,5vw,27px)!important}.web-shell .help-tooltip{max-width:calc(100vw - 40px)!important}.admin-app .admin-content{padding-block:18px!important}}
@media(max-width:380px){.web-shell .link-entry{flex-wrap:wrap!important}.web-shell .url-field{flex:1 1 100%!important}.web-shell .preview-button{width:100%!important;min-height:43px!important}.web-shell .platforms{column-gap:10px!important}.web-shell .platforms>span{gap:4px!important}.web-shell .format-grid button{padding:12px 9px!important;gap:8px!important}}