/* UYAVA responsive system v2. One shared layer for public pages and the studio.
   Brand values inherit frontend/design/tokens.css. Desktop layouts stay intact. */
:root{--mobile-bar:64px;--mobile-header:64px;--mobile-gutter:16px;--safe-bottom:env(safe-area-inset-bottom,0px);--ui-vh:100dvh}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:88px}
body{font-variant-numeric:lining-nums tabular-nums}
.mobile-dock,.mobile-generate-rail{display:none}
:where(button,a,input,select,textarea){touch-action:manipulation}
:where(input,textarea,select){min-width:0}
:where(img,video){max-width:100%}
:where(dialog){box-sizing:border-box}
:where(button,a):focus-visible{outline:2px solid var(--lime,#caff78);outline-offset:3px}
@media(max-width:1023px){
 :root{--gutter:16px;--section-gap:64px;--fs-display:clamp(38px,10vw,52px);--fs-h2:clamp(28px,7.7vw,36px);--fs-body:16px;--fs-lead:17px;--btn-h-sm:44px}
 body{padding-bottom:calc(var(--mobile-bar) + var(--safe-bottom) + 16px)!important}
 html{scroll-padding-top:80px;scroll-padding-bottom:calc(var(--mobile-bar) + var(--safe-bottom) + 90px)}
 :where(main,section,article,aside,form,fieldset){min-width:0}
 :where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font-size:16px!important}
 :where(input,textarea,select,button,a){-webkit-tap-highlight-color:transparent}
 :where(h1,h2,h3,p,dd,strong){overflow-wrap:break-word}
 .site-header{top:0!important;background:var(--bg,#080809)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:80!important}
 .site-header .site-header-row{height:var(--mobile-header)!important;min-height:var(--mobile-header)!important;padding:8px 16px!important;gap:10px!important;box-sizing:border-box}
 .site-header .site-header-row>.logo,.site-header .site-header-row>.wordmark,.site-header .site-header-row>a:first-child{flex:0 1 112px;min-width:80px;max-width:112px;margin-right:auto}
 .site-header .site-header-row>a:first-child img{width:112px;max-width:100%;height:auto}
 .site-header .site-header-actions{display:flex!important;gap:8px!important;min-width:0;flex:0 1 auto}
 .site-header .guide-launcher-header{display:none!important}
 .site-header .session-topup{max-width:none!important;min-width:0;min-height:44px!important;height:44px!important;gap:5px!important;padding:6px 10px!important;font-size:13px!important;letter-spacing:0!important;flex-shrink:0!important}
 .site-header .session-topup span{max-width:86px!important;white-space:nowrap}
 .site-header .session-topup img{width:22px!important;height:22px!important;flex:none}
 .site-header .session-topup svg{display:block!important;width:14px!important;height:14px!important}
 .site-header .session-trigger,.site-header .menu-toggle{width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;display:grid!important;place-items:center!important;flex:none!important}
 .site-header .session-login{height:44px!important;min-height:44px!important;padding:8px 14px!important;font-size:12px!important;letter-spacing:.05em!important}
 .site-header .session-pending{width:80px;height:44px}
 .site-header .menu-bars{width:22px!important;height:22px!important;margin:0!important;display:block}
 .site-header .session-links{position:fixed!important;top:72px!important;right:12px!important;left:12px!important;width:auto!important;max-height:calc(var(--ui-vh) - 96px - var(--safe-bottom))!important;padding:10px!important;border-radius:20px!important;background:var(--surface-1)!important;overscroll-behavior:contain}
 .site-header .session-links a,.site-header .session-links button{min-height:48px!important;font-size:15px!important}
 .site-header .mobile-menu{position:fixed!important;top:72px!important;left:12px!important;right:12px!important;max-height:calc(var(--ui-vh) - 96px - var(--safe-bottom))!important;border-radius:20px!important;padding:16px!important}
 .site-header .models-mega{position:fixed!important;top:72px!important;left:12px!important;right:12px!important;bottom:auto!important;transform:none!important;width:auto!important;max-height:calc(var(--ui-vh) - 96px - var(--safe-bottom))!important}
 .site-header .models-search input{font-size:16px!important}
 .mobile-dock{position:fixed;inset:auto 0 0;z-index:90;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:calc(var(--mobile-bar) + var(--safe-bottom));padding:6px max(8px,env(safe-area-inset-right)) calc(6px + var(--safe-bottom)) max(8px,env(safe-area-inset-left));box-sizing:border-box;border-top:1px solid var(--line-strong,#ffffff24);background:var(--surface-1,#121214);box-shadow:0 -6px 24px #0002;isolation:isolate}
 .mobile-dock a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-width:0;min-height:50px;padding:5px 2px;border-radius:14px;color:var(--text-2,#a1a1a8);font:600 11px/1.25 var(--font,Raleway,sans-serif);text-decoration:none;letter-spacing:0;white-space:nowrap}
 .mobile-dock svg{width:22px;height:22px;flex:none}
 .mobile-dock a[aria-current=page]{color:var(--lime,#caff78);background:var(--lime-tint,#caff781a)}
 body:has(dialog[open]) .mobile-dock,body:has(.site-header[data-open=true]) .mobile-dock,body:has(.site-header[data-models-open=true]) .mobile-dock,body:has(.session-trigger[aria-expanded=true]) .mobile-dock,html[data-mobile-keyboard=true] .mobile-dock{visibility:hidden;pointer-events:none}
 .uh-launch{bottom:calc(var(--mobile-bar) + var(--safe-bottom) + 12px)!important;right:12px!important;width:48px!important;height:48px!important;min-height:48px!important;padding:0!important;border-radius:50%!important;font-size:0!important;box-shadow:0 4px 18px #0005!important}
 .uh-launch span{font-size:24px!important}
 body:has(dialog[open]) .uh-launch,html[data-mobile-keyboard=true] .uh-launch{visibility:hidden}
 .welcome-launcher{bottom:calc(var(--mobile-bar) + var(--safe-bottom) + 70px)!important;right:12px!important;max-width:calc(100vw - 24px)!important}
 .creator-pass-floating{bottom:calc(var(--mobile-bar) + var(--safe-bottom) + 70px)!important}
 body:has(#product-site-header){padding-top:80px!important}
 .site-header~main{scroll-margin-top:80px}
 .hero-title{line-height:1.06!important;letter-spacing:-.035em!important}
 .hero-copy p,.hero-description{font-size:17px!important;line-height:1.55!important}
 .hero-controls{gap:12px!important}
 .hero-tabs,.capability-tabs{flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}
 .hero-tabs>*{flex:none;scroll-snap-align:center}
 .btn{min-height:48px;max-width:100%;white-space:normal;text-align:center}
 .btn svg{flex:none}
 .hero-credit,.hero-attribution{font-size:11px!important;letter-spacing:.025em!important}
 /* Workspace: one compact composer, no duplicated model billboard. */
 #preview-work{padding:0 16px!important}
 #kadr-model-studio{overflow:visible!important;border-radius:0!important;background:transparent!important}
 #kadr-model-studio>.shell{display:block!important}
 #kadr-model-studio main{padding:0!important;margin-top:20px!important}
 #kadr-model-studio nav[aria-label="Розділи"]{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;padding:5px!important;gap:4px!important;overflow-x:auto;scrollbar-width:none;border:1px solid var(--line-strong)!important;border-radius:16px!important;min-height:54px!important}
 #kadr-model-studio nav[aria-label="Розділи"] button{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;flex:1 0 auto!important;min-height:44px!important;height:44px!important;padding:8px 10px!important;border-radius:12px!important;font-size:13px!important;line-height:1.2!important;letter-spacing:0!important;white-space:nowrap!important}
 #kadr-model-studio nav[aria-label="Розділи"] button svg{width:18px!important;height:18px!important;flex:none}
 #kadr-model-studio nav[aria-label="Розділи"] button[aria-pressed=true]{background:var(--lime-tint)!important;color:var(--lime)!important;border-color:transparent!important}
 #kadr-model-studio #km-title{font-size:30px!important;line-height:1.15!important;margin:0 0 8px!important}
 #kadr-model-studio .product-intro{font-size:15px!important;line-height:1.5!important;margin:0 0 20px!important}
 .creator-pass-context{display:flex!important;align-items:center!important;gap:8px!important;padding:12px!important;margin:12px 0!important;border-radius:12px!important;min-width:0!important}
 .creator-pass-context strong{font-size:12px!important;line-height:1.45!important;flex:1}
 .creator-pass-context>span{display:none!important}
 .creator-pass-context a{flex:none;font-size:12px!important;min-height:40px;display:flex;align-items:center;white-space:nowrap}
 #kadr-model-studio .workspace{display:flex!important;flex-direction:column!important;gap:20px!important;margin-top:16px!important}
 #kadr-model-studio .studio-model-visual{display:none!important}
 #kadr-model-studio .settings{order:0!important;padding:16px!important;border-radius:20px!important;background:var(--surface-1)!important;min-width:0;max-width:100%}
 #kadr-model-studio .settings>h2{display:none!important}
 #kadr-model-studio .settings-details{max-height:none!important;overflow:visible!important;padding:0!important}
 #kadr-model-studio .model-picker{display:block!important}
 #kadr-model-studio label{font-size:14px!important;line-height:1.4!important;margin:16px 0 8px!important}
 #kadr-model-studio .model-picker>label:first-child{margin-top:0!important}
 #kadr-model-studio :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select,.studio-select-trigger){font-size:16px!important;min-height:52px!important;padding:12px!important;border-radius:12px!important;background:var(--surface-2)!important}
 #kadr-model-studio .studio-select-thumbnail{width:52px!important;height:40px!important;flex:0 0 52px!important;object-fit:cover!important;border-radius:8px!important}
 #kadr-model-studio .studio-select-trigger{gap:10px!important}
 #kadr-model-studio textarea{min-height:144px!important;line-height:1.55!important;resize:vertical;scroll-margin-top:90px}
 #kadr-model-studio #km-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 #kadr-model-studio .studio-select-menu{max-width:100%;overscroll-behavior:contain;scrollbar-width:thin}
 #kadr-model-studio .studio-select-option{min-height:52px!important;font-size:16px!important}
 #kadr-model-studio .character-options,#kadr-model-studio .character-types{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 #kadr-model-studio .character-option,#kadr-model-studio .character-type{min-width:0;overflow:hidden}
 #kadr-model-studio .character-option img,#kadr-model-studio .character-type img{width:100%!important;height:auto!important;aspect-ratio:1;object-fit:cover!important}
 #kadr-model-studio #generation-price{padding:16px!important;border-radius:14px!important;margin:16px 0!important;background:var(--surface-2)!important}
 #kadr-model-studio #generation-price>strong{font-size:24px!important;line-height:1.25!important}
 #kadr-model-studio #km-demo{min-height:54px!important;width:100%!important;letter-spacing:.07em!important;font-size:14px!important;box-shadow:inset 0 1px 0 #ffffff60!important}
 #kadr-model-studio #km-save{min-height:48px!important;font-size:14px!important}
 #kadr-model-studio .studio-output-column{order:1!important;min-width:0}
 #kadr-model-studio .result{padding:16px!important;border-radius:20px!important;min-width:0;max-width:100%}
 #kadr-model-studio .canvas{padding:0!important;min-height:260px!important;max-height:none!important;overflow:visible!important;aspect-ratio:auto!important}
 #kadr-model-studio #km-result{width:100%!important;max-width:100%!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important}
 #kadr-model-studio #km-result :is(img,video){max-width:100%!important;max-height:60svh!important;object-fit:contain!important;border-radius:12px!important}
 .generation-progress{max-width:100%!important;padding:24px 0!important;margin:auto!important}
 .generation-progress h2,.generation-progress h3{font-size:25px!important;line-height:1.2!important}
 .generation-feedback-actions{display:grid!important;grid-template-columns:1fr!important}
 .generation-feedback-actions>*{width:100%!important;min-height:48px!important}
 .generation-error-reference,.generation-prompt-counter{font-size:12px!important}
 /* Account and analytics retain data and actions, with readable mobile cards. */
 #uyavaai-account{padding:0 16px!important;width:100%!important;box-sizing:border-box}
 #uyavaai-account .account-head{display:block!important;margin:20px 0!important;padding:0!important}
 #uyavaai-account .account-head :is(h1,h2){font-size:32px!important;line-height:1.15!important;margin:0 0 10px!important}
 #uyavaai-account .account-head p{font-size:14px!important;overflow-wrap:anywhere}
 #uyavaai-account .account-v2-nav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;padding:4px!important;margin:0 0 20px!important;border-radius:14px!important;scrollbar-width:none}
 #uyavaai-account .account-v2-nav a{flex:none!important;min-height:44px!important;padding:10px 14px!important;font-size:13px!important;border-radius:10px!important;white-space:nowrap}
 #uyavaai-account .account-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
 #uyavaai-account .account-card{padding:18px!important;border-radius:20px!important;min-width:0!important}
 #uyavaai-account .account-card h2{font-size:23px!important;line-height:1.25!important}
 #uyavaai-account :is(input,textarea,select){max-width:100%!important;min-height:48px!important;font-size:16px!important}
 #uyavaai-account :is(button,.home-button){min-height:44px;white-space:normal;max-width:100%;overflow-wrap:break-word}
 #account-ledger{overflow-x:auto;max-width:100%}
 #admin-panel{overflow:visible!important}
 #admin-panel :is(.admin-toolbar,.admin-users-toolbar){display:flex;flex-wrap:wrap;gap:10px}
 #admin-panel :is(table){font-size:13px;max-width:100%}
 /* Dialogs: fit the visual viewport; fields remain readable when keyboard opens. */
 body dialog[open]{max-width:calc(100vw - 24px)!important;max-height:calc(var(--ui-vh) - 24px)!important;margin:auto!important;padding:22px!important;border-radius:22px!important;overflow-y:auto!important;overscroll-behavior:contain}
 body dialog[open]::backdrop{background:#000b;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
 body dialog :is(h1,h2){font-size:28px!important;line-height:1.15!important;padding-right:36px}
 body dialog :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important;min-height:50px!important}
 body dialog :is(button,a.btn){min-height:44px;max-width:100%;white-space:normal}
 #auth-dialog .auth-footnote{font-size:12px!important;line-height:1.6!important;text-align:left!important;margin-top:20px!important}
 #auth-dialog .auth-tabs{display:grid!important;grid-template-columns:1fr 1.25fr;gap:4px}
 #auth-dialog .auth-tabs button{padding:10px 8px!important;font-size:13px!important}
 .gallery-dialog[open]{padding:0!important}
 .gallery-detail{display:flex!important;flex-direction:column!important}
 .gallery-detail-media{min-height:0!important;padding:0!important}
 .gallery-detail-media :is(img,video){max-height:54svh!important;object-fit:contain!important}
 .gallery-detail-info{padding:24px 18px!important}
 .gallery-detail-actions{display:flex;flex-wrap:wrap;gap:8px}
 .gallery-detail-actions>*{min-height:44px}
 .gallery-settings dd{font-size:14px!important;line-height:1.6!important}
 .gallery-filters{display:flex!important;flex-wrap:wrap!important;gap:12px!important}
 .gallery-filters>*{min-width:0;flex:1 1 140px}
 .gallery-card{min-width:0;overflow:hidden}
 .gallery-card img,.gallery-card video{width:100%;object-fit:cover}
 .legal-page,.seo-page{padding-left:16px!important;padding-right:16px!important}
 .legal-page :is(h1,h2),.seo-page h1{overflow-wrap:break-word}
}
@media(max-width:359px){
 .site-header .site-header-row{padding-inline:12px!important;gap:6px!important}
 .site-header .site-header-actions{gap:4px!important}
 .site-header .site-header-row>a:first-child{min-width:72px;max-width:88px}
 .site-header .session-topup{padding:6px!important;font-size:12px!important}
 .site-header .session-topup img{width:18px!important;height:18px!important}
 .site-header .session-topup svg{display:none!important}
 #preview-work,#uyavaai-account{padding-inline:12px!important}
 #kadr-model-studio .settings,#kadr-model-studio .result{padding:12px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.mobile-dock *{transition:none!important}}
@media(max-width:1023px){
 #kadr-model-studio nav[aria-label="Розділи"]{height:56px!important;margin:0 0 20px!important}
 #kadr-model-studio nav[aria-label="Розділи"] [data-page="works"]{display:none!important}
 #kadr-model-studio nav[aria-label="Розділи"] .ct-entry{flex:none!important;min-height:44px!important;height:44px!important;box-sizing:border-box!important;padding:8px 12px!important;margin:0!important;font-size:13px!important;line-height:1.2!important;white-space:nowrap!important;display:flex!important;align-items:center!important;border-radius:12px!important}
 #creator-pass-context{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;padding:12px!important;margin:12px 0!important;border-radius:12px!important}
 #creator-pass-context>div{min-width:0;flex:1}
 #creator-pass-context strong{font-size:12px!important;line-height:1.4!important}
 #creator-pass-context small{display:none!important}
 #creator-pass-context a{min-height:44px;font-size:12px!important;flex:0 0 92px;gap:4px}
}
@media(max-width:1023px){
 body .studio-picker-dialog[open]{width:calc(100vw - 16px)!important;max-width:560px!important;max-height:calc(var(--ui-vh) - 24px)!important;padding:0!important;border:1px solid var(--line-strong);background:var(--surface-1);color:var(--text);border-radius:24px!important;overflow:hidden!important;display:flex;flex-direction:column}
 .studio-picker-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;flex:none}
 .studio-picker-head h2{margin:0;padding:0!important;font:600 24px/1.2 var(--font)}
 .studio-picker-close{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);font:28px/1 var(--font);flex:none}
 .studio-picker-search{width:calc(100% - 40px);box-sizing:border-box;margin:0 20px 16px;padding:12px 14px!important;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--text);border-radius:12px;font:16px/1.4 var(--font);flex:none}
 .studio-picker-list{padding:0 12px 12px;overflow-y:auto;overscroll-behavior:contain;min-height:0}
 .studio-picker-option{box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--text);font:500 16px/1.4 var(--font);text-align:left}
 .studio-picker-option[hidden]{display:none!important}
 .studio-picker-option[aria-selected=true]{border-color:#caff7840;background:var(--lime-tint);color:var(--lime)}
 .studio-picker-option .studio-select-thumbnail{width:64px;height:48px;object-fit:cover;border-radius:9px;flex:none}
 .studio-picker-option>span:not(.studio-picker-check){flex:1;min-width:0}
 .studio-picker-check{color:var(--lime);width:20px;flex:none}
 .studio-picker-empty{margin:12px 20px 24px;color:var(--text-2);font:15px/1.5 var(--font)}
}
.mobile-section-picker{display:none}
@media(max-width:1023px){
 .mobile-dock{grid-template-columns:repeat(5,minmax(0,1fr))}
 .mobile-dock .mobile-help{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:50px;padding:5px 2px;border:0;border-radius:14px;background:transparent;color:var(--text-2);font:600 11px/1.25 var(--font);letter-spacing:0;cursor:pointer}
 .uh-launch{display:none!important}
 body:has(dialog[open]){overflow:hidden!important}
 .site-header .site-header-row{padding-top:calc(8px + env(safe-area-inset-top,0px))!important;height:calc(var(--mobile-header) + env(safe-area-inset-top,0px))!important}
 .site-header::before{content:'';position:absolute;bottom:100%;left:0;right:0;height:100px;background:var(--bg,#080809);pointer-events:none}
 .site-header .menu-toggle{border-radius:14px!important;background:var(--surface-2)!important;border-color:var(--line-strong)!important}
 .site-header .mobile-menu{padding:16px!important;top:calc(72px + env(safe-area-inset-top,0px))!important}
 .mobile-menu .mobile-studio-card{padding:16px!important;min-height:76px!important}
 .mobile-menu .mobile-models-row{min-height:72px!important;padding:12px 4px!important}
 .mobile-menu .mobile-nav-tiles a{min-height:84px!important;padding:14px!important}
 .mobile-menu .mobile-nav-bottom{flex-wrap:wrap;gap:8px}
 .mobile-menu .mobile-nav-bottom a{min-height:44px!important;padding:8px!important}
 .site-header .session-links,.site-header .models-mega{top:calc(72px + env(safe-area-inset-top,0px))!important}
 body:has(#product-site-header){padding-top:calc(80px + env(safe-area-inset-top,0px))!important}
 #kadr-model-studio nav[aria-label="Розділи"]{overflow:visible!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:2px!important}
 #kadr-model-studio nav[aria-label="Розділи"] button{padding:8px 5px!important;flex:none!important;font-size:12px!important}
 #kadr-model-studio nav[aria-label="Розділи"] .ct-entry{display:none!important}
 #uyavaai-account .account-v2-nav{display:none!important}
 #uyavaai-account .mobile-section-picker{display:grid!important;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;box-sizing:border-box;width:100%;min-height:66px;padding:12px 16px;margin:0 0 20px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface-1);color:var(--text);text-align:left;font-family:var(--font)}
 .mobile-section-picker>span{font-size:12px;color:var(--text-2)}
 .mobile-section-picker>strong{grid-column:1;font-size:16px;font-weight:600}
 .mobile-section-picker>svg{grid-column:2;grid-row:1/3;width:22px;height:22px}
 body .mobile-account-menu[open]{width:calc(100vw - 24px);padding:0!important;background:var(--surface-1);color:var(--text);border:1px solid var(--line-strong)}
 .mobile-account-menu nav{display:flex;flex-direction:column;gap:4px;padding:0 12px 12px}
 .mobile-account-menu nav a{display:flex;align-items:center;min-height:50px;padding:10px 14px;border-radius:12px;text-decoration:none;color:var(--text);font:500 16px/1.4 var(--font)}
 .mobile-account-menu nav a[aria-current=page]{background:var(--lime-tint);color:var(--lime)}
}
@media(min-width:1024px){.mobile-help{display:none}}
.media-buffering{position:absolute;left:50%;top:50%;width:28px;height:28px;margin:-14px;box-sizing:border-box;border:2px solid #ffffff30;border-top-color:var(--lime,#caff78);border-radius:50%;pointer-events:none;animation:media-buffer-spin .8s linear infinite;opacity:0;animation-delay:.35s}
@keyframes media-buffer-spin{from{opacity:1;transform:rotate(0)}to{opacity:1;transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.media-buffering{animation:none;opacity:1;border-style:dotted}}
.mobile-rail-arrow,.mobile-rail-controls{display:none}
@media(max-width:1023px){
 .cp-launcher{display:none!important}
 .mobile-menu .mobile-nav-bottom{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));text-align:left}
 .mobile-menu .mobile-nav-bottom a{font-size:13px!important;padding:10px 8px!important}
 .switcher.mobile-rail-inline{display:grid!important;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:0;padding:4px!important;overflow:visible!important}
 .switcher.mobile-rail-inline .switcher-track{width:100%;min-width:0;scroll-padding-inline:4px;scroll-snap-type:x proximity;scrollbar-width:none;border-radius:18px}
 .switcher.mobile-rail-inline .switcher-seg{min-height:44px!important;padding:12px 14px!important;scroll-snap-align:center;flex-shrink:0;white-space:nowrap;font-size:12px!important}
 .mobile-rail-arrow{display:grid;place-items:center;width:36px;height:44px;padding:8px;border:0;background:transparent;color:var(--text);border-radius:12px;flex:none}
 .mobile-rail-arrow:disabled{opacity:.25}
 .mobile-rail-arrow[hidden],.mobile-rail-controls[hidden]{display:none}
 .mobile-rail-arrow svg{width:20px;height:20px}
 .mobile-rail-controls{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
 .mobile-rail-controls .mobile-rail-arrow{width:44px;border:1px solid var(--line-strong);background:var(--surface-1)}
 .presets-strip{padding:4px 16px 12px!important;scroll-padding-inline:16px;gap:12px!important;scroll-snap-type:x mandatory}
 .presets-strip .preset-card{flex:0 0 min(78vw,320px)!important;scroll-snap-align:start}
}
@media(max-width:1023px){
 html:has(dialog[open]){overflow:hidden!important}
 .gallery-detail-media :is(img,video){height:auto!important;min-height:0!important;width:100%;aspect-ratio:auto!important;display:block}
}
@media(max-width:1023px){
 #uyavaai-account:has(#admin-panel:not([hidden])) #creator-pass-account,#uyavaai-account:has(#admin-panel:not([hidden]))>.mobile-section-picker{display:none!important}
 #admin-panel .admin-tabs[data-mobile-picker=true]{display:none!important}
 #admin-panel .mobile-admin-picker{margin:12px 0 20px!important}
 .mobile-account-menu nav button{display:flex;align-items:center;min-height:50px;padding:10px 14px;border:0;border-radius:12px;text-decoration:none;color:var(--text);background:transparent;font:500 16px/1.4 var(--font);text-align:left;width:100%}
 .mobile-account-menu nav button[aria-current=page]{background:var(--lime-tint);color:var(--lime)}
 .mobile-account-menu[open]{max-height:calc(var(--ui-vh) - 24px)!important;overflow-y:auto!important}
 .mobile-account-menu .studio-picker-head{position:sticky;top:0;z-index:1;background:var(--surface-1)}
}
@media(max-width:1023px){
 #creator-pass-context a{white-space:nowrap!important;flex-basis:104px!important;padding-inline:0!important}
 #kadr-model-studio .settings-details>summary{font-size:14px!important;line-height:1.5!important;min-height:44px;display:flex;align-items:center}
 .page-hero{padding-top:112px!important;padding-bottom:40px!important}
}
@media(max-width:1023px){#kadr-model-studio .result,#kadr-model-studio .settings{scroll-margin-top:calc(80px + env(safe-area-inset-top,0px))}}
@media(max-width:1023px){
 #kadr-model-studio #km-fields>:has(.character-types),#kadr-model-studio #km-fields>.character-appearance,#kadr-model-studio #km-fields>:has(textarea),#kadr-model-studio #km-fields>:has(input[type=file]){grid-column:1/-1!important}
 #kadr-model-studio .character-types{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 #kadr-model-studio .character-type{padding:10px!important;font-size:14px!important;line-height:1.3!important;min-height:136px!important}
 #kadr-model-studio .character-type img{height:96px!important;width:100%!important;object-fit:contain!important;border-radius:10px!important}
 #kadr-model-studio .character-category>summary{min-height:52px!important;font-size:16px!important}
}
@media(max-width:479px){
 .ug-picker .ug-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
 .ug-picker .ug-card-media{aspect-ratio:16/10!important;max-height:240px!important}
 .ug-picker .ug-card-copy{padding:18px!important}
 .ug-picker .ug-card h3{font-size:25px!important;line-height:1.15!important}
 .ug-picker .ug-card .ug-muted{font-size:15px!important;line-height:1.5!important}
}