/* Compact navigation shared by the mobile site and Telegram Mini App. */
.bottom-nav{display:none}
.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4c3a53 transparent}
.sidebar .side-caption{margin-bottom:15px}
.nav-group-label{margin:17px 13px 7px;color:#82778d;font-size:9px;font-weight:800;letter-spacing:1.5px}
.nav-item{padding:11px 13px}
.admin-badge{margin-left:auto;border-radius:20px;background:#593044;color:#ffbddd;padding:4px 7px;font-size:8px;letter-spacing:.3px}
.studio-focused .hero{display:none}
.studio-focused .section-heading{margin-top:3px}
.model-group{margin-bottom:24px}
.model-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.model-option{text-align:left;border:1px solid #393343;border-radius:12px;background:#12101b;color:#c9bfce;padding:14px;transition:background .2s,border-color .2s}
.model-option:hover{border-color:#a273ae}.model-option.active{background:#2b1f3e;border-color:#9765c8;color:#f9e6fb;box-shadow:inset 0 0 0 1px #754e9e}
.model-option strong,.model-option small{display:block}.model-option strong{font-size:12px}.model-option small{color:#a99db1;font-size:10px;margin-top:6px}
.template-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:18px}
#template-panel{scroll-margin-top:18px}
.template-back{border:0;background:transparent;color:#e8b6db;padding:0;margin:0 0 18px;font-size:12px;font-weight:800}
.template-choice{text-align:left;border:1px solid #393343;border-radius:12px;background:#12101b;color:#eee0ef;padding:15px;font-size:12px;font-weight:700}
.template-choice:hover,.template-choice.active{background:#2b1f3e;border-color:#9765c8}
.template-detail{border-top:1px solid #393343;padding-top:16px}.template-detail h3{font-size:16px;margin:0 0 8px}.template-detail p,.template-note{font-size:11px;color:#b1a3b8;line-height:1.7}.template-detail video,.template-detail img{width:100%;max-height:280px;object-fit:contain;border-radius:12px;background:#100f19;margin:8px 0}.template-detail .upload-zone{margin:16px 0}.template-detail .primary-button{margin-top:10px}
.ratio-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.ratio-options:has([data-ratio="3:4"][hidden]){grid-template-columns:repeat(3,minmax(0,1fr))}
.ratio-option{min-height:90px;border:1px solid #393343;border-radius:12px;background:#12101b;color:#a99db1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:800;transition:background .2s,border-color .2s,transform .2s}
.ratio-option:hover{border-color:#a273ae;transform:translateY(-2px)}
.ratio-option.active{background:#2b1f3e;border-color:#9765c8;color:#f9e6fb;box-shadow:inset 0 0 0 1px #754e9e}
.ratio-glyph{display:block;border:1.7px solid currentColor;border-radius:3px;width:31px;height:31px;box-shadow:inset 0 0 0 2px #12101b}
.ratio-wide{width:35px;height:21px}.ratio-tall{width:21px;height:35px}.ratio-square{width:29px;height:29px}.ratio-portrait{width:25px;height:33px}
.admin-grid,.help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;max-width:1000px}
.admin-stat{padding:24px;display:flex;flex-direction:column;gap:12px}.admin-stat span{color:#ab9fb3;font-size:11px}.admin-stat strong{font-size:33px;color:#f3c2e1}
.bot-link,.empty-card .secondary-button,.profile-note .secondary-button{display:inline-block;margin:18px 0 0}
.language-card{max-width:480px}
html.tg-app .shell{min-height:var(--tg-viewport-stable-height,100dvh)}
html.tg-app .topbar{padding-top:var(--tg-content-safe-area-inset-top,0px);height:calc(66px + var(--tg-content-safe-area-inset-top,0px))}
html.tg-app .view{padding-bottom:calc(112px + var(--tg-content-safe-area-inset-bottom,0px))}
html.tg-app .modal-backdrop{padding-bottom:calc(20px + var(--tg-content-safe-area-inset-bottom,0px))}
@media(max-width:850px){
  .bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:15;justify-content:space-around;gap:3px;padding:8px 10px calc(8px + env(safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom,0px));background:#17131fee;border-top:1px solid #3b3043;backdrop-filter:blur(18px)}
  .bottom-nav-item{border:0;background:transparent;color:#978ca4;min-width:65px;padding:5px 6px;display:flex;align-items:center;flex-direction:column;gap:2px;border-radius:10px}
  .bottom-nav-item span{font-size:19px;line-height:1.1}.bottom-nav-item small{font-size:9px;font-weight:800}
  .bottom-nav-item.active{color:#f5badd;background:#5c3a593d}
  .view{padding-bottom:110px}
  .toast{bottom:calc(82px + env(safe-area-inset-bottom) + var(--tg-content-safe-area-inset-bottom,0px));left:16px;right:16px;max-width:none}
}
@media(max-width:600px){
  .ratio-options{gap:6px}.ratio-option{min-height:78px}.admin-grid,.help-grid{grid-template-columns:1fr}
  .bottom-nav{padding-left:5px;padding-right:5px}.bottom-nav-item{min-width:0;flex:1}
}