/* ═══ polish.css v10 — общий слой оформления поверх страниц ═══════════
   Один набор токенов для всех экранов: глубокий тёмно-синий фон с мягким
   свечением сверху, карточки с тонкой светлой обводкой, синие плитки
   значков с лёгким сиянием, сегменты iOS, шторки «как в iOS» (кривая
   drawer), сетка выбора подарков как у маркетов. Движение — короткое и
   на ease-out (emil: 150–300 мс, нажатие scale .97). */
:root{
 --ui-bg:#0b0e14;--ui-s1:#141924;--ui-s2:#1b2130;--ui-s3:#252d3d;--ui-sheet:#131823;
 --ui-glass:#1a1f2a;--ui-mat:rgba(23,28,38,.7);
 --ui-line:rgba(255,255,255,.075);--ui-line-2:rgba(255,255,255,.12);
 --ui-fill:rgba(140,160,200,.12);--ui-fill-2:rgba(140,160,200,.2);--ui-fill-3:rgba(140,160,200,.28);
 --ui-tx:#f3f5fa;--ui-tx-2:#959eb0;--ui-tx-3:#848ea1;--ui-tx-4:#69738a;
 --ui-ac:#3d82f6;--ui-ac-press:#2f6fe0;--ui-ac-tx:#6ea6ff;--ui-ac-tx-2:#a9c9ff;--ui-ac-tint:rgba(61,130,246,.16);--ui-ac-line:rgba(61,130,246,.7);
 --ui-ease-out:cubic-bezier(.23,1,.32,1);--ui-drawer:cubic-bezier(.32,.72,0,1);
 --ui-r-cell:20px;
 --v-card:linear-gradient(180deg,#151b27,#121722);
 --v-card-ring:inset 0 0 0 1px rgba(255,255,255,.07),inset 0 1px 0 rgba(255,255,255,.035);
 --v-tile:linear-gradient(155deg,#5d9eff 0%,#3577f3 55%,#2c66e6 100%);
 --v-tile-sh:0 6px 16px -6px rgba(47,109,240,.75),inset 0 1px 0 rgba(255,255,255,.24),inset 0 0 0 1px rgba(255,255,255,.06);
 --v-btn:linear-gradient(180deg,#4a8dff 0%,#3577f3 100%);
 --v-btn-sh:0 10px 26px -10px rgba(47,109,240,.85),inset 0 1px 0 rgba(255,255,255,.22);
 --font:var(--ui-font);--bg:var(--ui-bg);--bg2:var(--ui-s1);--bg3:var(--ui-s2);--bg4:var(--ui-s3);
 --t:var(--ui-tx);--t2:var(--ui-tx-2);--t3:var(--ui-tx-3);--ac:var(--ui-ac-tx);--ac2:var(--ui-ac);--brd:var(--ui-line)
}
html{background:var(--ui-bg)!important;scroll-padding-top:calc(var(--tg-top,0px) + 20px);overscroll-behavior-y:none}
:root body{background:transparent!important;color:var(--ui-tx);font-family:var(--ui-font)!important}
html body::before,html body::after{display:none!important;content:none!important}
/* свечение: сверху синее «сияние», снизу у панели — едва заметное */
.ui-glow{position:fixed;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(75% 44% at 50% -8%,rgba(56,121,255,.24),rgba(56,121,255,.07) 50%,rgba(56,121,255,0) 74%),
  radial-gradient(46% 28% at 100% 0%,rgba(110,140,255,.10),rgba(110,140,255,0) 72%),
  radial-gradient(70% 30% at 50% 108%,rgba(40,110,255,.10),rgba(40,110,255,0) 70%)}
/* непрозрачные обёртки страниц закрывали бы свечение */
:root div:has(>.app-scroll){background:transparent!important}
:root .app-scroll,:root .scr{background-color:transparent}
button,a,[role=button]{touch-action:manipulation}
:focus-visible{outline:2px solid #8bbaff!important;outline-offset:3px}
input:focus-visible,textarea:focus-visible{outline:none!important;box-shadow:inset 0 0 0 2px var(--ui-ac)!important}
::selection{background:rgba(61,130,246,.4)}

/* ── заголовки ───────────────────────────────────────────────────── */
:root .ui-lt,:root .scr h1{font-weight:750!important;letter-spacing:-.025em!important}
:root .ui-rv{animation-duration:.34s;animation-delay:calc(var(--d,0) * 40ms)}
@keyframes uiRise{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}

/* ── компактная панель сверху (заголовок при прокрутке) ─────────── */
:root .ui-nav__bg{background:linear-gradient(180deg,rgba(11,14,20,.98) 0%,rgba(11,14,20,.96) calc(100% - 26px),rgba(11,14,20,0) 100%)}
html:not(.perf-low) .ui-nav__bg{background:linear-gradient(180deg,rgba(11,14,20,.94) 0%,rgba(11,14,20,.86) calc(100% - 26px),rgba(11,14,20,0) 100%)!important;
 -webkit-backdrop-filter:blur(18px) saturate(1.7)!important;backdrop-filter:blur(18px) saturate(1.7)!important}

/* ── карточки-списки и ячейки ───────────────────────────────────── */
:root .ui-list{margin-inline:16px;border-radius:var(--ui-r-cell);background:var(--v-card)!important;box-shadow:var(--v-card-ring);border:0!important;overflow:hidden}
:root .sheet .ui-list,:root .sht .ui-list{margin-inline:0;background:linear-gradient(180deg,#1a2030,#171c29)!important}
:root .ui-cell{min-height:60px;padding:12px 14px;gap:12px;transition:background-color .14s ease-out}
:root .ui-cell:not(.is-static):active{background:rgba(255,255,255,.045)!important}
:root .ui-cell__t>b{font-weight:600}
:root .ui-cell__t>small,:root .ui-cell__t>span:not(.mk):not(.kc){font-size:13.5px;line-height:18px;color:var(--ui-tx-2)}
:root .ui-cell__v{color:var(--ui-tx-3)}
:root .ui-gh{padding:22px 4px 8px;font:600 13px/18px var(--ui-font);letter-spacing:.01em;text-transform:none;color:var(--ui-tx-2)}
:root .ui-gf{padding:10px 4px 0;font-size:13px;line-height:18px;color:var(--ui-tx-3)}
/* плитки значков — синие везде (одна система значков) */
:root .ui-sq{background:var(--v-tile)!important;color:#fff!important;box-shadow:var(--v-tile-sh);border-radius:11px}
:root .ui-stat{background:radial-gradient(circle at 50% 35%,rgba(61,130,246,.28),rgba(61,130,246,.08) 70%)!important;color:#8cb8ff!important;box-shadow:inset 0 0 0 1px rgba(110,160,255,.18)}
/* круглые кнопки (закрыть, назад, ⋯) */
:root .ui-circle,:root .ui-back{background:rgba(255,255,255,.08)!important;color:var(--ui-tx)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);transition:transform .14s var(--ui-ease-out),background-color .14s}
:root .ui-circle:active,:root .ui-back:active{transform:scale(.92)}
/* кнопки */
:root .ui-btn{min-height:50px;border-radius:16px;background:var(--v-btn)!important;color:#fff!important;box-shadow:var(--v-btn-sh);font-weight:600;transition:transform .14s var(--ui-ease-out),opacity .14s}
:root .ui-btn.is-2{background:rgba(255,255,255,.08)!important;color:var(--ui-tx)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
:root .ui-btn:active{transform:scale(.97)}

/* ── сегментированный контрол iOS ───────────────────────────────── */
:root .ui-seg{position:relative;display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));height:40px;padding:3px;border-radius:13px;background:rgba(118,130,160,.14)!important;border:0!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
:root .ui-seg::before{content:"";position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px)/var(--n,2));border-radius:10px;
 background:linear-gradient(180deg,#3a4458,#323b4d)!important;box-shadow:0 3px 8px rgba(0,0,0,.28),inset 0 0 0 .5px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.08);
 transform:translateX(calc(100% * var(--i,0)));transition:transform .3s var(--ui-ease-out)}
:root .ui-seg>button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:34px;padding:0 8px;border-radius:10px;
 font:600 14px/18px var(--ui-font)!important;color:var(--ui-tx-2)!important;text-align:center!important;transition:color .2s ease-out}
:root .ui-seg>button[aria-selected=true]{color:#fff!important}
:root .ui-seg>button:active{opacity:.7}
:root .ui-cell:has(>.tile){--ui-sep:62px}
:root .ui-chev{color:var(--ui-tx-4)}

/* ── шторки страниц (#ovl > .sht): кадр выхода не исчезает раньше времени ── */
:root .ovl:has(>.sht){display:flex!important;visibility:hidden;opacity:0;pointer-events:none;background:rgba(3,5,9,.62)!important;transition:opacity .26s ease-out,visibility 0s .32s}
:root .ovl.on:has(>.sht){visibility:visible;opacity:1;pointer-events:auto;transition:opacity .26s ease-out}
:root .ovl>.sht{background:#131823!important;border:0!important;border-radius:28px 28px 0 0!important;
 box-shadow:0 -1px 0 rgba(255,255,255,.08),0 -24px 60px rgba(0,0,0,.5)!important;
 max-height:calc(var(--tg-vh,100dvh) - var(--tg-top,0px) - 12px)!important;transition:transform .3s var(--ui-drawer)!important}
:root .ovl:not(.on)>.sht{transform:translate3d(0,104%,0)!important}
:root .ovl.on>.sht{transform:none!important;transition:transform .46s var(--ui-drawer)!important}
:root .sht .shdr,:root .sht>div:first-child{background:transparent!important}
:root .shandle,:root .sht .grab,:root .sht .sh-grab{width:36px!important;height:5px!important;border-radius:3px!important;background:rgba(255,255,255,.2)!important}
:root .shtitle{font:650 17px/22px var(--ui-font)!important;letter-spacing:-.01em!important;color:var(--ui-tx)!important}
:root .sx{width:40px!important;height:40px!important;border-radius:50%!important;background:rgba(255,255,255,.08)!important;color:var(--ui-tx-2)!important;border:0!important}
:root .ssw input,:root .sinput,:root #sq,:root .ui-search input{background:rgba(118,130,160,.14)!important;border:0!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important;border-radius:12px!important;color:var(--ui-tx)!important}
/* строки списков в шторках */
:root .sit{border-radius:14px!important;background:rgba(255,255,255,.04)!important;border:0!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);transition:transform .14s var(--ui-ease-out),background-color .14s ease-out!important}
:root .sit:active{transform:scale(.98);background:rgba(255,255,255,.07)!important}
:root .sit.sel,:root .sit.pk{background:rgba(61,130,246,.14)!important;box-shadow:inset 0 0 0 1.5px rgba(61,130,246,.8)!important}
:root .ovl .sit{animation:none}
:root .p6-in{animation-duration:.2s!important}

/* ── сетка выбора: коллекции, модели, фоны, символы (как у маркетов) ── */
:root #sbdy[data-t],:root #sh-body[data-t]{grid-auto-rows:max-content!important;gap:10px!important;padding:4px 14px calc(var(--tg-safe-b,env(safe-area-inset-bottom,0px)) + 24px)!important}
:root #sbdy[data-t] .sit,:root #sh-body[data-t] .sit{min-height:0!important;padding:12px 8px 12px!important;border-radius:18px!important;overflow:hidden;isolation:isolate;
 background:radial-gradient(90% 70% at 50% 28%,rgba(120,150,210,.10),rgba(120,150,210,0) 70%),linear-gradient(180deg,#1b2130,#161b27)!important;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)!important;transition:transform .16s var(--ui-ease-out),box-shadow .2s ease-out!important}
:root #sbdy[data-t] .sit:active,:root #sh-body[data-t] .sit:active{transform:scale(.96)!important}
:root #sbdy[data-t] .sit.pk,:root #sh-body[data-t] .sit.pk,:root #sh-body[data-t] .sit.sel{box-shadow:inset 0 0 0 2px #4b8bff,0 8px 22px -10px rgba(61,130,246,.8)!important;
 background:radial-gradient(90% 70% at 50% 28%,rgba(61,130,246,.22),rgba(61,130,246,0) 72%),linear-gradient(180deg,#1b2333,#161c29)!important}
:root #sbdy[data-t] .sth-img{width:74%!important;margin-top:2px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}
:root #sbdy[data-t] .snm{font:650 13.5px/18px var(--ui-font)!important;color:var(--ui-tx)!important;letter-spacing:-.005em}
:root #sbdy[data-t] .srarity,:root #sbdy[data-t] .ssub{display:inline-flex;align-items:center;justify-content:center;height:24px;margin-top:7px!important;padding:0 10px;border-radius:999px;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);border:0!important;font:600 12px/1 var(--ui-font)!important;color:#dfe6f2!important;max-width:100%}
/* «NEW» — лента в правом верхнем углу, как у маркетов */
:root :is(#sbdy,#sh-body)[data-t] .badge-new:not(.exclusive):not(.giveaway){position:absolute!important;top:11px!important;right:-28px!important;left:auto!important;width:96px!important;height:18px!important;padding:0!important;justify-content:center!important;transform:rotate(45deg);
 border-radius:0!important;background:linear-gradient(90deg,#3577f3,#5d9eff)!important;color:#fff!important;font:800 9.5px/18px var(--ui-font)!important;letter-spacing:.08em!important;box-shadow:0 2px 6px rgba(0,0,0,.3)!important}
:root :is(#sbdy,#sh-body)[data-t] .badge-new.gold{background:linear-gradient(90deg,#f59e0b,#fcd34d)!important;color:#1c1405!important}
:root #sbdy[data-t] .sck{top:8px!important;left:8px!important;right:auto!important;background:#3d82f6!important;box-shadow:0 2px 8px rgba(61,130,246,.6);animation:vPop .32s var(--ui-spring-bounce)}
@keyframes vPop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
:root #sbdy[data-t] .sit.pk .sth-img{animation:vPick .34s var(--ui-ease-out)}
@keyframes vPick{0%{transform:scale(.9)}60%{transform:scale(1.04)}100%{transform:none}}
html.anim-off #sbdy[data-t] .sit.pk .sth-img{animation:none}

/* ── главные кнопки страниц ─────────────────────────────────────── */
:root :is(#bnx,#bsend,#nftp-bnx,#nftp-bsend,#code-submit-btn,.bnx,.bbig){min-height:52px!important;border-radius:16px!important;background:var(--v-btn)!important;color:#fff!important;
 box-shadow:var(--v-btn-sh)!important;font:600 16.5px/22px var(--ui-font)!important;letter-spacing:-.01em;transition:transform .14s var(--ui-ease-out),opacity .2s!important}
:root :is(#bnx,#bsend,#nftp-bnx,#nftp-bsend,#code-submit-btn,.bnx,.bbig):active{transform:scale(.97)!important}
:root :is(#bnx,#bsend,#nftp-bnx,#nftp-bsend,#code-submit-btn,.bnx,.bbig):disabled{background:rgba(118,130,160,.16)!important;color:var(--ui-tx-4)!important;box-shadow:none!important}

/* ── значки строк «Коллекция / Модель / Фон / Символ / Номер» ────── */
:root .row-th{width:40px!important;height:40px!important;border-radius:12px!important;background:var(--v-tile)!important;color:#fff!important;box-shadow:var(--v-tile-sh)!important}
:root .row-th .row-ph{width:22px!important;height:22px!important}
:root :is(button.v,.sbtn.v,.v) .row-th{background:#1d2433!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)!important}
:root .row-num:focus-within .row-th{background:var(--v-tile)!important}
:root .row-cv{color:var(--ui-tx-4)!important}

/* ═══ C. экраны ═══════════════════════════════════════════════════════ */

/* ── каркас страниц со своим контейнером прокрутки (конструктор, превью) ── */
:root .app-scroll{padding-top:calc(var(--tg-top,0px) + 14px)!important;scroll-padding-top:calc(var(--tg-top,0px) + 14px)}
html.ui-dock-on .app-scroll>.scr.on{padding-bottom:0!important}
:root .app-scroll .scr>div:has(>h1){padding:0 20px!important}
:root .app-scroll .scr>div>h1{font-size:30px!important;line-height:36px!important}
:root .app-scroll .scr>div>h1+p,:root .app-scroll .scr>div>h1+div{margin-top:5px!important;font-size:15px!important;line-height:21px!important;color:var(--ui-tx-2)!important;max-width:40ch!important}
:root .p4b-top{padding:0 16px 6px!important}

/* ── конструктор ─────────────────────────────────────────────────── */
:root #sm .constructor-workspace{padding:16px 16px 0}
:root #sm .work-preview{position:relative;isolation:isolate}
:root #sm .work-preview::before{content:"";position:absolute;left:50%;top:50%;width:86%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
 background:radial-gradient(closest-side,rgba(56,121,255,.34),rgba(56,121,255,0));filter:blur(20px);z-index:-1;pointer-events:none}
:root #sm #pbox{width:min(100%,300px);margin:0 auto!important;border-radius:30px!important;
 background:radial-gradient(85% 75% at 50% 30%,#22385d 0%,#172338 52%,#111725 100%)!important;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),inset 0 1px 0 rgba(255,255,255,.07),0 28px 60px -30px rgba(0,0,0,.85)!important}
:root #sm #pbg{border-radius:30px!important}
:root #pph .pph-tx{font-size:14px!important;color:var(--ui-tx-2)!important}
:root .preview-footnote{display:none!important}
:root #sm .work-controls>div:first-child{padding:24px 4px 10px!important}
:root #sm .work-controls>div:first-child>span{font:700 20px/26px var(--ui-font)!important;letter-spacing:-.02em!important;color:var(--ui-tx)!important}
:root :is(#sm .work-controls>div:nth-child(2),#nftp-manual>div){margin:0!important;border-radius:22px!important;background:var(--v-card)!important;box-shadow:var(--v-card-ring)!important;overflow:hidden}
:root :is(#sm .work-controls>div:nth-child(2),#nftp-manual>div)>div{height:1px!important;margin-left:68px!important;background:rgba(255,255,255,.07)!important}
:root :is(#sb-col,#sb-model,#sb-bd,#sb-sym,#nftp-sb-col,#nftp-manual .row-num){min-height:68px!important;padding:12px 14px!important;gap:14px!important;transition:background-color .15s ease-out}
:root :is(#sb-col,#sb-model,#sb-bd,#sb-sym,#nftp-sb-col):active{background:rgba(255,255,255,.045)!important}
/* строка iOS: подпись слева (основной цвет), значение справа (вторичный) */
:root :is(#sb-col,#sb-model,#sb-bd,#sb-sym,#nftp-sb-col,#nftp-manual .row-num)>div:nth-child(2)>div:first-child,
:root #sb-sym>div:nth-child(2)>div:first-child>span:first-child{font:500 16px/21px var(--ui-font)!important;letter-spacing:-.01em!important;color:var(--ui-tx)!important}
:root :is(#sb-col,#sb-model,#sb-bd,#sb-sym,#nftp-sb-col) .nm{margin-top:0!important;font:500 16px/21px var(--ui-font)!important;color:#aeb8cb!important;letter-spacing:-.01em}
:root :is(#sb-col,#sb-model,#sb-bd,#sb-sym,#nftp-sb-col) .nm.ph{color:var(--ui-tx-4)!important}
:root #nftp-num{margin-top:0!important;font:500 16px/21px var(--ui-font)!important;color:#aeb8cb!important;background:transparent!important;box-shadow:none!important}
:root #nftp-num::placeholder{color:var(--ui-tx-4)}
:root #sb-sym>div:nth-child(2)>div:first-child>span:last-child{display:none!important}
:root #sm .work-controls>div:last-child{padding:18px 0 0!important}
:root #sm .work-controls>div:last-child>div{padding:10px 8px 0!important;font-size:12.5px!important;line-height:17px!important;color:var(--ui-tx-3)!important}
/* выбранная картинка в плитке — без синей подложки */
:root .row-th .simg{border-radius:10px}

/* ПК (Telegram Desktop и т. п.): превью слева, составляющие справа — даже в узком окне */
@media (min-width:460px){
 html.is-desk #sm{max-width:1080px;margin-inline:auto}
 html.is-desk #sm .constructor-workspace{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:16px;align-items:start;padding:16px 18px 0}
 html.is-desk #sm .work-preview{position:sticky;top:calc(var(--tg-top,0px) + 12px)}
 html.is-desk #sm #pbox{width:100%}
 html.is-desk #sm .work-controls>div:first-child{display:none!important}
 html.is-desk #sm :is(#sb-col,#sb-model,#sb-bd,#sb-sym){min-height:60px!important;padding:10px 12px!important;gap:12px!important}
 html.is-desk #sm .row-th{width:36px!important;height:36px!important;border-radius:11px!important}
 html.is-desk #sm .work-controls>div:nth-child(2)>div{margin-left:60px!important}
 html.is-desk #sm .nm{font-size:15px!important}
 html.is-desk #sm .work-controls>div:last-child{padding-top:14px!important}
}
@media (min-width:760px){
 :root #sm{max-width:1080px;margin-inline:auto}
 :root #sm>div:has(>h1){padding:0 28px!important}
 :root #sm .constructor-workspace{display:grid;grid-template-columns:minmax(280px,440px) minmax(320px,1fr);gap:36px;align-items:start;padding:24px 28px 0}
 :root #sm .work-preview{position:sticky;top:calc(var(--tg-top,0px) + 16px)}
 :root #sm #pbox{width:100%}
 :root #sm .work-controls>div:first-child{display:block!important;padding-top:0!important}
 html.is-desk #sm :is(#sb-col,#sb-model,#sb-bd,#sb-sym){min-height:68px!important;padding:12px 16px!important}
}
@media (hover:hover) and (pointer:fine){
 :root :is(#sb-col,#sb-model,#sb-bd,#sb-sym,#nftp-sb-col):hover{background:rgba(255,255,255,.035)!important}
}

/* ── превью NFT ──────────────────────────────────────────────────── */
:root #snft>div:nth-child(2){padding:18px 16px 0!important}
:root #snft>div:nth-child(2)>div:first-child{padding:0 4px 8px!important;font:600 13px/18px var(--ui-font)!important;color:var(--ui-tx-2)!important;text-transform:none!important;letter-spacing:0!important}
:root #snft>div:nth-child(2)>div:last-child{display:none!important}
:root #snft .ui-link>input{height:56px!important;border-radius:20px!important;background:var(--v-card)!important;box-shadow:var(--v-card-ring)!important;padding-left:48px!important;font-size:16px!important}
:root #snft .ui-link>input:focus{box-shadow:inset 0 0 0 1.5px var(--ui-ac-line),var(--v-card-ring)!important}
:root #snft .ui-link>svg{color:var(--ui-ac-tx)!important}
:root #nftp-or{padding:16px 24px 0!important}
:root #nftp-or span{font-size:12px!important;color:var(--ui-tx-4)!important}
:root #nftp-manual{padding:16px 16px 0!important}
:root #snft>div:last-child{padding:20px 16px 0!important}
:root #nftp-err{border-radius:14px!important}
@media (min-width:640px){:root #snft,:root #snft-choose,:root #schoose{max-width:600px;margin-inline:auto}}

/* карточка найденного подарка */
:root .nac-wrap{margin-inline:16px!important}
:root .nac{border-radius:22px!important;background:var(--v-card)!important;box-shadow:var(--v-card-ring)!important;border:0!important;padding:12px!important;gap:14px!important;align-items:center}
:root .nac-art{width:96px!important;height:96px!important;flex:none!important;border-radius:16px!important}
:root .nac-h{font-size:16px!important;line-height:21px!important;font-weight:650!important;white-space:normal!important}
:root .nac-r{font-size:13px!important;color:var(--ui-tx-2)!important}

/* ── форматы «Что отправить?» ────────────────────────────────────── */
:root :is(#schoose,#snft-choose) .act-card .act-ic,:root :is(#schoose,#snft-choose) .ui-tile{background:var(--v-tile)!important;color:#fff!important;box-shadow:var(--v-tile-sh)!important;border-radius:12px!important}

/* ── сборщик: главная ────────────────────────────────────────────── */
:root body #scollector{position:relative}
:root body #scollector>.hdr{position:absolute!important;top:0;right:0;left:auto;width:auto;z-index:5;padding:calc(var(--tg-top,0px) + 12px) 16px 0 0!important;background:transparent!important}
:root body #scollector>.hdr .gm-fab{margin:0!important;width:40px!important;height:40px!important;background:rgba(255,255,255,.08)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
:root body #scollector>.pt{padding:calc(var(--tg-top,0px) + 14px) 72px 0 20px!important}
:root body #scollector>.pt h1{font-size:30px!important;line-height:36px!important;font-weight:750!important;letter-spacing:-.03em!important}
:root body #scollector>.pt p{margin-top:5px!important;font-size:15px!important;line-height:21px!important;color:var(--ui-tx-2)!important;max-width:40ch!important}
/* «Настоящая | Выдуманная» — сегменты iOS */
:root body .real-toggle{position:relative;width:calc(100% - 32px)!important;max-width:608px!important;height:40px;margin:20px auto 0!important;padding:3px!important;border:0!important;border-radius:13px!important;
 background:rgba(118,130,160,.14)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important}
:root body .real-toggle-thumb{top:3px!important;left:3px!important;width:calc(50% - 3px)!important;height:calc(100% - 6px)!important;border:0!important;border-radius:10px!important;
 background:linear-gradient(180deg,#3a4458,#323b4d)!important;box-shadow:0 3px 8px rgba(0,0,0,.28),inset 0 0 0 .5px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.08)!important;transition:transform .3s var(--ui-ease-out)!important}
:root body .real-toggle-opt{height:34px!important;min-height:0!important;padding:0!important;font:600 14px/18px var(--ui-font)!important;color:var(--ui-tx-2)!important;letter-spacing:0!important}
:root body .real-toggle-opt.sel{color:#fff!important}
:root body .real-toggle-hint{width:calc(100% - 40px)!important;margin:8px auto 0!important;font-size:12.5px!important;line-height:17px!important;color:var(--ui-tx-3)!important;text-align:left!important}
/* ячейки — карточки как у маркетов */
:root body .coll-grid{gap:10px!important;padding:16px 16px 0!important}
:root body .coll-slot{border:0!important;border-radius:18px!important;background:linear-gradient(180deg,#171d2a,#131824)!important;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)!important;transition:transform .16s var(--ui-ease-out),box-shadow .2s ease-out!important}
:root body .coll-slot:not(.filled)::after{content:"";position:absolute;inset:6px;border-radius:13px;border:1.5px dashed rgba(110,160,255,.12);pointer-events:none}
:root body .coll-slot.filled{box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 10px 24px -14px rgba(0,0,0,.9)!important}
:root body .coll-slot:active{transform:scale(.95)!important}
:root body .coll-slot .slot-bg{border-radius:18px!important}
:root body .coll-slot .slot-num{top:9px!important;left:11px!important;font:700 11px/1 var(--ui-font)!important;color:rgba(214,224,242,.5)!important}
:root body .coll-slot.filled .slot-num{color:rgba(255,255,255,.8)!important;text-shadow:0 1px 2px rgba(0,0,0,.5)}
:root body .coll-slot .slot-empty .ui-i{width:34px!important;height:34px!important;padding:8px!important;border-radius:50%!important;box-shadow:none!important;
 background:var(--v-tile)!important;color:#fff!important;filter:drop-shadow(0 4px 10px rgba(47,109,240,.45))}
:root body .coll-slot .slot-name{font:600 10.5px/13px var(--ui-font)!important;padding:14px 6px 6px!important;background:linear-gradient(transparent,rgba(5,8,14,.82))!important;color:#fff!important}
:root body .coll-slot.lp-active,:root body .coll-slot.bulk-picked{box-shadow:inset 0 0 0 2px #4b8bff,0 10px 26px -10px rgba(61,130,246,.8)!important}
@keyframes vSlotIn{from{transform:scale(.92);opacity:.4}to{transform:none;opacity:1}}
:root body .coll-slot.filled .slot-img{transition:opacity .25s ease-out}
/* размер коллажа — сегменты */
:root body .size-card{width:calc(100% - 32px)!important;max-width:608px!important;margin:22px auto 0!important;padding:14px!important;border:0!important;border-radius:22px!important;background:var(--v-card)!important;box-shadow:var(--v-card-ring)!important}
:root body .size-head{margin:0 2px 10px!important;font:600 13px/18px var(--ui-font)!important;letter-spacing:0!important;text-transform:none!important;color:var(--ui-tx-2)!important}
:root body .size-chips{position:relative;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:0!important;height:40px;padding:3px!important;border:0!important;border-radius:13px!important;background:rgba(118,130,160,.14)!important}
:root body .size-chip{height:34px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;
 font:600 14px/18px var(--ui-font)!important;color:var(--ui-tx-2)!important;transition:color .2s ease-out,background-color .2s ease-out!important}
:root body .size-chip.sel{background:linear-gradient(180deg,#3a4458,#323b4d)!important;color:#fff!important;box-shadow:0 3px 8px rgba(0,0,0,.28),inset 0 0 0 .5px rgba(255,255,255,.1)!important}
:root body .size-chips::before{display:none!important}
/* второстепенные действия — «таблетки» */
:root body :is(.coll-reset-btn,.bulk-bd-toggle){width:calc(100% - 32px)!important;max-width:608px!important;min-height:46px!important;margin:10px auto 0!important;border:0!important;border-radius:15px!important;
 background:rgba(255,255,255,.06)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)!important;font:600 14px/18px var(--ui-font)!important;color:var(--ui-tx)!important;transition:transform .14s var(--ui-ease-out)!important}
:root body :is(.coll-reset-btn,.bulk-bd-toggle):active{transform:scale(.97)!important}
:root body .coll-reset-btn .ui-i{color:#ff8a80!important}
:root body .bulk-bd-card{width:calc(100% - 32px)!important;border:0!important;border-radius:20px!important;background:var(--v-card)!important;box-shadow:var(--v-card-ring)!important}
:root body .bulk-row-chip{border:0!important;border-radius:12px!important;background:rgba(255,255,255,.07)!important;font-weight:600!important}
:root body .bulk-row-chip.all{background:rgba(61,130,246,.18)!important;color:#cfe0ff!important}
:root body .coll-count-box{width:auto!important;margin:22px auto 0!important;padding:0!important;border:0!important;background:none!important;font:500 13px/18px var(--ui-font)!important;color:var(--ui-tx-3)!important;text-align:center}
:root body #scollector>p:not([class]){font-size:12.5px!important;color:var(--ui-tx-3)!important;padding-top:10px!important}
:root body .bnx{border:0!important}

/* ── сборщик: редактор ячейки — компактное превью ─────────────────── */
:root body #scoll-edit>.hdr{padding:calc(var(--tg-top,0px) + 10px) 16px 4px!important;background:transparent!important}
:root body .coll-strip{padding:4px 16px 6px!important;gap:8px!important}
:root body .strip-slot{flex:0 0 58px!important;height:58px!important;border:0!important;border-radius:15px!important;background:linear-gradient(180deg,#171d2a,#131824)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)!important;transition:transform .14s var(--ui-ease-out),box-shadow .2s!important}
:root body .strip-slot:active{transform:scale(.94)}
:root body .strip-slot.active{box-shadow:inset 0 0 0 2px #4b8bff,0 6px 16px -8px rgba(61,130,246,.9)!important;background:linear-gradient(180deg,#1b2740,#152036)!important}
:root body .strip-slot .strip-nft-label{font:600 10.5px/1 var(--ui-font)!important;color:var(--ui-tx-3)!important}
:root body .strip-slot.active .strip-nft-label{color:#cfe0ff!important}
:root body .ce-prev-label{padding:14px 20px 0!important;font:750 24px/30px var(--ui-font)!important;letter-spacing:-.025em!important;text-align:center}
:root body #scoll-edit .coll-edit-prev{width:min(56vw,212px)!important;max-width:212px!important;height:auto!important;aspect-ratio:1!important;margin:12px auto 18px!important;border:0!important;border-radius:26px!important;
 background:radial-gradient(85% 75% at 50% 30%,#22385d 0%,#172338 52%,#111725 100%)!important;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 22px 44px -22px rgba(40,100,240,.6)!important;transition:transform .3s var(--ui-ease-out)}
:root body #scoll-edit .coll-edit-prev canvas{border-radius:26px!important}
:root body #scoll-edit .ce-ph-in{gap:8px!important;font-size:12.5px!important;line-height:16px!important;color:var(--ui-tx-2)!important;padding:0 14px;text-align:center}
:root body #scoll-edit .ce-ph-in .ui-stat{width:44px!important;height:44px!important}
:root body .ce-link-row,:root body .scan-inp-row{padding:0 16px!important}
:root body #ce-link-inp,:root body #scan-un-inp{height:50px!important;border-radius:16px!important;background:var(--v-card)!important;box-shadow:var(--v-card-ring)!important;font-size:15.5px!important}
:root body .ce-link-row>button{width:50px!important;height:50px!important;border-radius:16px!important;border:0!important;background:rgba(61,130,246,.16)!important;color:#8cb8ff!important}
:root body .scan-divider{display:none!important}
:root body .scan-inp-row{margin-top:10px!important}
:root body #scoll-edit .nftp-or-wrap{margin:14px 0 10px!important}
/* выбор — одной карточкой-списком, подпись внутри строки (как в конструкторе) */
:root body #scoll-edit .coll-edit-sels{display:block!important;margin:0 16px!important;padding:0!important;border-radius:22px!important;background:var(--v-card)!important;box-shadow:var(--v-card-ring)!important;overflow:hidden}
:root body #scoll-edit .coll-edit-sels>.sg{position:relative;margin:0!important;padding:0!important}
:root body #scoll-edit .coll-edit-sels>.sg+.sg::before{content:"";position:absolute;top:0;right:0;left:68px;height:1px;background:rgba(255,255,255,.07)}
:root body #scoll-edit .coll-edit-sels>.sg>label{left:68px!important;margin:0!important;pointer-events:none;
 font:500 16px/21px var(--ui-font)!important;letter-spacing:-.01em!important;text-transform:none!important;color:var(--ui-tx)!important}
:root body #scoll-edit .coll-edit-sels>.sg>label .ui-i{display:none}
:root body #scoll-edit .sbtn{display:flex!important;align-items:center;gap:14px!important;width:100%;min-height:66px!important;padding:12px 14px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transition:background-color .15s ease-out!important}
:root body #scoll-edit .sbtn:active{background:rgba(255,255,255,.045)!important}
:root body #scoll-edit .sbtn:disabled{opacity:.5}
:root body #scoll-edit .sbtn .si{flex:1;min-width:0}
:root body #scoll-edit .sbtn .nm{font:500 16px/21px var(--ui-font)!important;color:#aeb8cb!important}
:root body #scoll-edit .sbtn .nm.ph{color:var(--ui-tx-4)!important}
:root body #scoll-edit .sbtn .cv{color:var(--ui-tx-4)!important;flex:none}
:root body .ce-nav-row{padding:18px 16px 0!important}
@media (hover:hover) and (pointer:fine){:root body #scoll-edit .sbtn:hover{background:rgba(255,255,255,.035)!important}}
/* ПК в узком окне: превью слева, выбор справа */
@media (min-width:460px) and (max-width:999px){
 html.is-desk body #scoll-edit.scr.on{display:grid!important;grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:16px;align-content:start;
  grid-template-areas:"hd hd" "st st" "pl pl" "pv li" "pv sc" "pv or" "pv se" "nv nv"}
 html.is-desk body #scoll-edit.scr.on>*{grid-column:1/-1}
 html.is-desk body #scoll-edit.scr.on>.hdr{grid-area:hd}
 html.is-desk body #scoll-edit.scr.on>.coll-strip{grid-area:st}
 html.is-desk body #scoll-edit.scr.on>.ce-prev-label{grid-area:pl;text-align:left;padding:12px 18px 10px!important}
 html.is-desk body #scoll-edit.scr.on>.coll-edit-prev{grid-area:pv;align-self:start;width:auto!important;max-width:none!important;margin:0 0 0 18px!important;position:sticky;top:12px}
 html.is-desk body #scoll-edit.scr.on>.ce-link-row{grid-area:li;padding:0 18px 0 0!important}
 html.is-desk body #scoll-edit.scr.on>.scan-inp-row{grid-area:sc;padding:0 18px 0 0!important}
 html.is-desk body #scoll-edit.scr.on>.nftp-or-wrap{grid-area:or;margin:10px 18px 8px 0!important}
 html.is-desk body #scoll-edit.scr.on>.coll-edit-sels{grid-area:se;margin:0 18px 0 0!important}
 html.is-desk body #scoll-edit.scr.on>.ce-nav-row{grid-area:nv}
 html.is-desk body #scoll-edit.scr.on>.scan-divider{display:none!important}
}
@media (min-width:1000px){
 :root body.split-active #scoll-edit.scr.on>.coll-edit-prev{width:auto!important;max-width:none!important;margin:0!important}
 :root body.split-active #scoll-edit.scr.on>.coll-edit-sels{margin:0 20px!important}
 :root body.split-active #scoll-edit.scr.on>.ce-prev-label{font-size:13px!important;line-height:18px!important;text-align:left;color:var(--ui-tx-2)!important}
 :root body.split-active #scoll-edit.scr.on::before{background:var(--v-card)!important;border:0!important;box-shadow:var(--v-card-ring)!important}
 :root body:not(.split-active) #scollector.scr.on>.pt{padding:calc(var(--tg-top,0px) + 14px) 0 10px!important}
 :root body:not(.split-active) #scollector.scr.on::before{background:var(--v-card)!important;border:0!important;box-shadow:var(--v-card-ring)!important}
}

/* ── шторки и меню сборщика ──────────────────────────────────────── */
:root #gw-ovl{background:rgba(3,5,9,.62)!important;animation:vFade .24s ease-out}
@keyframes vFade{from{opacity:0}to{opacity:1}}
:root #gw-sheet,:root .ctx-sheet,:root .sh-body-sheet{background:#131823!important;border:0!important;box-shadow:0 -1px 0 rgba(255,255,255,.08),0 -24px 60px rgba(0,0,0,.5)!important}
:root #gw-sheet{border-radius:28px 28px 0 0!important}
:root #gw-sheet>div:first-child,:root .ctx-handle{width:36px!important;height:5px!important;border-radius:3px!important;background:rgba(255,255,255,.2)!important}
:root #gw-q{background:rgba(118,130,160,.14)!important;border:0!important;border-radius:12px!important}
:root .ctx-ovl.on{background:rgba(3,5,9,.62)!important}
:root .ctx-sheet{border-radius:28px 28px 0 0!important}
:root .ctx-item,:root .ctx-btn{transition:background-color .14s ease-out,transform .14s var(--ui-ease-out)}
:root .lp-active{background:rgba(61,130,246,.15)!important}
:root .scan-sheet{background:var(--ui-bg)!important}

/* ── уведомления и витрина коллекции ─────────────────────────────── */
:root body>.hdr{background:transparent!important}
:root body>.pt h1{font-size:30px!important;line-height:36px!important;font-weight:750!important;letter-spacing:-.03em!important}
:root body>.pt p{margin-top:5px!important;font-size:15px!important;line-height:21px!important;color:var(--ui-tx-2)!important}
:root .cards .card,:root .tpl-card{background:var(--v-card)!important;border:0!important;box-shadow:var(--v-card-ring)!important;border-radius:20px!important}
:root .fab{background:linear-gradient(0deg,rgba(11,14,20,.92) 40%,rgba(11,14,20,0))!important}

/* ── доступность и производительность ────────────────────────────── */
html.perf-low .ui-glow{background:radial-gradient(75% 40% at 50% -8%,rgba(56,121,255,.18),rgba(56,121,255,0) 72%)}
html.perf-low #sm .work-preview::before{display:none}
@media (prefers-reduced-motion:reduce){
 :root .ovl>.sht,:root #gw-sheet,:root .ctx-sheet,:root .ui-seg::before,:root .real-toggle-thumb,:root .sit,:root .coll-slot{transition-duration:.01s!important}
 :root #sbdy[data-t] .sck,:root #sbdy[data-t] .sit.pk .sth-img,:root #gw-ovl,:root .scr-enter,:root .p6-in{animation:none!important}
}
html.anim-off .ovl>.sht,html.anim-off #gw-sheet,html.anim-off .ctx-sheet{transition-duration:.01s!important}
@media (prefers-contrast:more){:root{--ui-tx-2:#c5cede;--ui-tx-3:#adb9cd;--ui-tx-4:#97a3b8}:root .ui-list,:root .coll-slot,:root .nac{box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)!important}}
html.keyboard-open .ui-dock{transform:translateY(130%);opacity:0;pointer-events:none}
@media (max-width:359px){
 :root .app-scroll .scr>div>h1,:root body #scollector>.pt h1{font-size:27px!important;line-height:32px!important}
 :root #sm #pbox{width:min(100%,260px)}
 :root :is(#sb-col,#sb-model,#sb-bd,#sb-sym,#nftp-sb-col){min-height:62px!important;padding:10px 12px!important;gap:12px!important}
}

/* ── значки строк сборщика — те же синие плитки, что в конструкторе ── */
:root body #scoll-edit .coll-edit-sels .row-th{width:40px!important;height:40px!important;border-radius:12px!important;background:var(--v-tile)!important;color:#fff!important;box-shadow:var(--v-tile-sh)!important}
:root body #scoll-edit .coll-edit-sels .sbtn.v .row-th:not(.is-ic){background:#1d2433!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)!important}
:root body #scoll-edit .coll-edit-sels .sbtn:disabled .row-th{opacity:.45}

/* узкая колонка на ПК: подпись над значением, чтобы значение не обрезалось */
@media (min-width:460px) and (max-width:759px){
 html.is-desk #sm :is(#sb-col,#sb-model,#sb-bd,#sb-sym)>div:nth-child(2){display:block!important}
 html.is-desk #sm :is(#sb-col,#sb-model,#sb-bd,#sb-sym)>div:nth-child(2)>div:first-child,html.is-desk #sm #sb-sym>div:nth-child(2)>div:first-child>span:first-child{font-size:12.5px!important;line-height:16px!important;color:var(--ui-tx-2)!important}
 html.is-desk #sm :is(#sb-col,#sb-model,#sb-bd,#sb-sym) .si{justify-content:flex-start!important}
 html.is-desk #sm :is(#sb-col,#sb-model,#sb-bd,#sb-sym) .nm{display:block!important;margin-top:1px!important;text-align:left!important;color:var(--ui-tx)!important;font-weight:600!important;font-size:15px!important;line-height:19px!important}
 html.is-desk #sm :is(#sb-col,#sb-model,#sb-bd,#sb-sym) .nm.ph{color:var(--ui-tx-3)!important;font-weight:500!important}
}
@media (min-width:460px) and (max-width:999px){
 html.is-desk body #scoll-edit .coll-edit-sels>.sg>label{top:12px!important;transform:none!important;font-size:12.5px!important;line-height:16px!important;color:var(--ui-tx-2)!important;
  max-width:calc(100% - 104px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 html.is-desk body #scoll-edit .coll-edit-sels .sbtn .si{padding:18px 0 0!important;justify-content:flex-start!important}
 html.is-desk body #scoll-edit .sbtn .nm{text-align:left!important;font-weight:600!important;font-size:15px!important;line-height:19px!important;color:var(--ui-tx)!important}
 html.is-desk body #scoll-edit .sbtn .nm.ph{font-weight:500!important;color:var(--ui-tx-3)!important}
}
@media (min-width:1000px){
 :root body:not(.split-active) #scollector.scr.on>.size-card{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
 :root body:not(.split-active) #scollector.scr.on>.size-card .size-chip.sel{background:linear-gradient(180deg,#3a4458,#323b4d)!important}
 :root body:not(.split-active) #scollector.scr.on>.real-toggle{background:rgba(118,130,160,.14)!important}
 :root body:not(.split-active) #scollector.scr.on>.real-toggle .real-toggle-thumb{background:linear-gradient(180deg,#3a4458,#323b4d)!important}
 :root body:not(.split-active) #scollector.scr.on>:is(.bulk-bd-toggle,.coll-reset-btn){background:rgba(255,255,255,.06)!important;border-radius:15px!important}
 :root body:not(.split-active) #scollector.scr.on>.coll-count-box{background:transparent!important}
}
/* витрина коллекции: сообщение об ошибке не уходит под кнопки Telegram */
:root body .wrap>#content>.empty:only-child{padding-top:calc(var(--tg-top,0px) + 56px)!important}
/* шторки на широком экране — окно по центру */
@media (min-width:760px){
 :root .ovl:has(>.sht){align-items:center!important;justify-content:center!important;padding:24px!important}
 :root .ovl>.sht{width:100%;max-width:620px!important;border-radius:26px!important;max-height:min(84vh,820px)!important;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 40px 100px rgba(0,0,0,.6)!important}
 :root .ovl:not(.on)>.sht{transform:translate3d(0,16px,0) scale(.97)!important;opacity:0}
 :root .ovl.on>.sht{transform:none!important;opacity:1;transition:transform .34s var(--ui-ease-out),opacity .2s ease-out!important}
 :root .ovl>.sht .shandle,:root .ovl>.sht .drag{display:none!important}
}
/* цели касания не меньше 44 pt */
:root .sx{position:relative}
:root .sx::after{content:"";position:absolute;inset:-4px;border-radius:50%}
:root .bbtn,:root .market-link{min-height:44px!important}