@media (width<=900px){html,body{overscroll-behavior-x:none;width:100%;max-width:100%;overflow-x:hidden}button,a,input{-webkit-tap-highlight-color:transparent}.primary,.secondary,.size-button,.preview-title button,.filters button,.header-icons button,.mobile-nav button{min-height:44px}.announcement{text-align:center;height:auto;min-height:36px;padding:8px 12px;line-height:1.25}.store-header{gap:8px;height:76px;min-height:76px;padding:0 16px;box-shadow:0 1px #ffffff14}.store-header .brand strong{letter-spacing:.16em;font-size:23px}.header-icons,.mobile-nav{gap:4px}.header-icons button,.mobile-nav button{width:42px;height:44px}.header-icons svg,.mobile-nav svg{width:23px;height:23px}.studio-shell .store-header{height:72px;min-height:72px}.nl-hero{padding-left:18px;padding-right:18px}.nl-hero-copy h1{text-wrap:balance;max-width:100%}.nl-hero-copy>p{max-width:42rem}.nl-hero-actions .primary,.nl-hero-actions .secondary{min-height:56px}.nl-feature-strip{padding-left:14px;padding-right:14px}.upload-view{min-height:calc(100dvh - 72px)}.upload-intro h1{text-wrap:balance}.upload-card>button:first-of-type{touch-action:manipulation}.catalog-layout,.result-layout{width:100%;max-width:100%;padding:18px 16px 34px}.catalog-layout{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}.preview-column,.catalog-column,.result-summary{width:100%;max-width:100%}.preview-column,.catalog-column{scroll-margin-top:84px}.preview-title,.catalog-head{align-items:center;min-height:0;margin-bottom:14px}.preview-title h1,.catalog-head h2{font-size:23px;line-height:1.08}.preview-title button{border-radius:50%;flex:0 0 44px;width:44px;height:44px;padding:0;font-size:0}.preview-title button svg{width:19px;height:19px}.tryon{aspect-ratio:3/4;touch-action:pan-y;border-radius:16px;width:100%;max-height:none}.ai-source-photo .person,.generated-tryon .person{background:var(--nl-cream);object-fit:contain!important}.preview-note{margin:11px 2px 0;font-size:12px;line-height:1.5}.ai-error{border-radius:12px;margin-top:10px;font-size:12px}.catalog-column .search{z-index:34;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;border-radius:12px;height:48px;position:sticky;top:78px;box-shadow:0 8px 24px #19231d0d}.catalog-column .search input{font-size:16px}.filters{z-index:33;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scroll-snap-type:x proximity;background:#fffffff7;margin:0 -16px 4px;padding:10px 16px 12px;position:sticky;top:126px;box-shadow:0 12px 20px #19231d0a}.filters button{scroll-snap-align:start;touch-action:manipulation;min-height:40px;padding:0 15px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px;max-height:none;padding-right:0;overflow:visible}.products>button{touch-action:manipulation}.product-image{border-radius:14px;margin-bottom:9px}.product-image img{padding:8px}.product-image i{width:31px;height:31px;top:8px;right:8px}.products>button>strong{min-height:32px;padding:0 2px;font-size:13px;line-height:1.22}.products>button>span{margin-top:4px;font-size:13px}.look-panel{left:10px;right:10px;bottom:max(10px, env(safe-area-inset-bottom,0px));z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border:1px solid #3a69492e;border-radius:18px;align-items:center;gap:8px;width:auto;padding:10px;box-shadow:0 16px 45px #16221b33;grid-template-columns:auto auto minmax(145px,1fr)!important;margin:0!important;display:grid!important;position:fixed!important;top:auto!important}.look-panel .look-head{align-items:center;gap:6px;min-height:0;margin:0}.look-panel .look-head>div small{display:none}.look-panel .look-head h2{white-space:nowrap;font-size:12px;font-weight:650}.look-panel .look-head>span{width:auto;min-width:30px;height:28px;padding:0 7px}.look-panel article,.look-panel .empty-slot,.look-panel>.size-button{display:none!important}.look-panel>p{white-space:nowrap;border:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex!important}.look-panel>p span{display:none}.look-panel>p strong{font-size:12px;font-weight:650}.look-panel>.primary{white-space:nowrap;border-radius:13px;width:100%;min-height:52px;padding:0 14px;font-size:12px;grid-column:auto!important}.look-panel>.primary svg{width:17px;height:17px}.studio-shell:has(.search input:focus) .look-panel{opacity:0;pointer-events:none;transform:translateY(16px)}.result-layout{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}.result-summary{border-radius:16px;margin-top:22px;padding:18px;position:static}.result-summary h2{font-size:25px}.result-summary article{grid-template-columns:54px minmax(0,1fr)}.result-summary article img{width:54px;height:54px}.result-summary>.primary,.result-summary>.secondary,.result-summary .size-button{min-height:52px}.processing{min-height:calc(100dvh - 72px);padding:14px;overflow:hidden}.processing>.tryon,.processing .ai-source-photo{width:min(100%,520px);max-height:calc(100dvh - 100px)}.processing>div:last-child{text-align:center;padding:24px}.processing>div:last-child strong{font-size:19px;line-height:1.2}.processing>div:last-child small{width:min(100%,360px);margin:0 auto;font-size:13px;line-height:1.5}.modal-backdrop{overscroll-behavior:contain}.size-content{-webkit-overflow-scrolling:touch}.size-content input,.data-grid input{font-size:16px}}@media (width<=680px){.store-header{height:72px;min-height:72px;padding:0 12px}.store-header .brand strong,.studio-shell .brand strong{letter-spacing:.15em;font-size:21px}.header-icons button,.mobile-nav button{width:38px;height:44px}.header-icons svg,.mobile-nav svg{width:22px;height:22px}.nl-hero{padding:42px 16px 38px}.nl-hero-copy h1{margin:13px 0 20px;font-size:clamp(42px,13vw,57px);line-height:.98}.nl-hero-copy>p{font-size:15px;line-height:1.55}.nl-hero-showcase{min-height:440px}.how{padding:58px 16px}.how h2{font-size:40px}.nl-editorial{padding:52px 16px}.nl-editorial h2{font-size:42px}.nl-footer{padding-left:16px;padding-right:16px}.upload-view{padding:38px 16px calc(44px + env(safe-area-inset-bottom,0px))}.upload-intro h1{margin:13px 0 18px;font-size:clamp(42px,12vw,52px)}.upload-intro>p{font-size:15px;line-height:1.55}.upload-tips{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin-top:24px;display:grid}.upload-tips span{background:var(--nl-cream-2);border-radius:12px;min-width:0;padding:10px}.upload-tips b{font-size:11px;line-height:1.25}.upload-card{border-radius:16px;margin-top:28px;padding:12px}.upload-card-head{padding:2px 2px 12px}.upload-card>button:first-of-type{border-radius:14px;min-height:220px}.upload-icon{width:58px;height:58px}.upload-card>p{text-align:center;align-items:flex-start;line-height:1.4}.catalog-layout,.result-layout{padding-left:12px;padding-right:12px}.catalog-column{margin-top:26px}.catalog-head>span{text-align:right;max-width:110px;line-height:1.25}.catalog-column .search{top:72px}.filters{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px;top:120px}.watermark{padding:8px 10px;bottom:10px;left:10px}.watermark .brand strong{font-size:11px}.ai-selection-strip{bottom:48px}.result-summary{margin-left:-2px;margin-right:-2px;padding:16px}.size-modal{min-height:100dvh}.size-content{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px));justify-content:flex-start}.size-content .actions{z-index:4;padding-top:10px;padding-bottom:max(8px, env(safe-area-inset-bottom,0px));background:linear-gradient(#ffffffa6,#fff 22%);margin-left:-2px;margin-right:-2px;position:sticky;bottom:-1px}}@media (width<=420px){.announcement{font-size:12px}.store-header{padding:0 8px}.store-header .brand strong,.studio-shell .brand strong{letter-spacing:.13em;font-size:19px}.header-icons button,.mobile-nav button{width:36px}.nl-hero-copy h1{font-size:42px}.products{gap:20px 9px}.product-image img{padding:6px}.products>button>strong,.products>button>span{font-size:12px}.look-panel{left:7px;right:7px;bottom:max(7px, env(safe-area-inset-bottom,0px));border-radius:16px;gap:6px;padding:8px;grid-template-columns:auto auto minmax(132px,1fr)!important}.look-panel .look-head h2{display:none}.look-panel>p strong{font-size:11px}.look-panel>.primary{min-height:50px;padding:0 10px;font-size:11px}.size-content h2{font-size:36px}}@media (width<=360px){.store-header .brand strong,.studio-shell .brand strong{letter-spacing:.12em;font-size:17px}.header-icons button,.mobile-nav button{width:33px}.look-panel{grid-template-columns:auto minmax(125px,1fr)!important}.look-panel>p{display:none!important}.look-panel>.primary{grid-column:2!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
