/* ===== NOVA Tools — тема «Liquid Signal» поверх базовых стилей =====
   Тёмно-фиолетовый фон (не чёрный), сдержанное стекло на ключевых поверхностях,
   акцентный фиолетовый только на главных действиях. */
:root{
  --bg:#0C0A22; --bg2:rgba(16,13,42,.72); --panel:rgba(255,255,255,.028); --line:rgba(201,184,255,.10); --line2:rgba(201,184,255,.2);
  --violet:#6A3DFF; --violet2:#5B2BFF; --lilac:#C9B8FF; --text:#F3F0FF; --muted:#ABA2D6; --dim:#837AAE; --err:#FF9ADF;
  --r:20px; --ease:cubic-bezier(.2,.8,.2,1);
  --glass:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  --shadow:0 1px 0 rgba(255,255,255,.04) inset,0 18px 50px -24px rgba(0,0,0,.6);
}
html{background:#0A081E}
body{
  background:
    radial-gradient(1200px 700px at 12% -10%,rgba(91,43,255,.16),transparent 60%),
    radial-gradient(900px 600px at 100% 0%,rgba(255,79,216,.035),transparent 60%),
    radial-gradient(1000px 800px at 60% 120%,rgba(91,43,255,.08),transparent 60%),
    linear-gradient(180deg,#0E0B27,#0A081E);
  background-attachment:fixed;-webkit-font-smoothing:antialiased;letter-spacing:.003em}
::selection{background:rgba(106,61,255,.5)}
*{scrollbar-width:thin;scrollbar-color:rgba(201,184,255,.18) transparent}
*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:rgba(201,184,255,.16);border-radius:8px}*::-webkit-scrollbar-track{background:transparent}

/* без точечной сетки */
.dots{background-image:none!important}
.flare{width:760px;height:760px;opacity:.55;filter:blur(20px);background:radial-gradient(closest-side,rgba(91,43,255,.35),rgba(91,43,255,.06) 60%,transparent)}

/* типографика */
h1{font-family:'Inter Tight',Onest,sans-serif;font-size:30px;font-weight:700;letter-spacing:-.025em}
.lbl{font-size:11px;letter-spacing:.16em;color:rgba(201,184,255,.55)}
.muted{color:var(--muted)}.dim{color:var(--dim)}

/* поверхности */
.panel{background:var(--glass);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.glass{background:linear-gradient(160deg,rgba(201,184,255,.14),rgba(106,61,255,.06) 50%,rgba(255,255,255,.02));border:1px solid rgba(201,184,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.pop,.sb-menu,.me-menu{background:rgba(22,18,52,.82)!important;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid rgba(201,184,255,.16);box-shadow:0 30px 80px -20px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.06);border-radius:18px;animation:popIn .22s var(--ease)}
@keyframes popIn{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}

/* боковое меню — стекло */
.side{background:rgba(14,11,36,.55);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(201,184,255,.07);gap:6px;padding:16px 0}
.logo{width:46px;height:46px;margin-bottom:14px;background:none!important;border:0!important;box-shadow:none!important;transition:transform .4s var(--ease)}
.logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 12px rgba(201,184,255,.35))}
.logo:hover{transform:scale(1.06) rotate(-4deg)}
button.nav{border:0;background:transparent;cursor:pointer;font:inherit;padding:0}
.nav{width:46px;height:46px;border-radius:14px;color:rgba(201,184,255,.55);transition:color .2s,background .25s,transform .25s var(--ease)}
.nav:hover{color:var(--text);background:rgba(201,184,255,.07)}
.nav:active{transform:scale(.92)}
.nav.on{color:#fff;background:linear-gradient(180deg,rgba(106,61,255,.42),rgba(91,43,255,.22));box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 24px -8px rgba(91,43,255,.8)}
.nav.on::before{content:"";position:absolute;left:-17px;top:50%;width:3px;height:18px;margin-top:-9px;border-radius:0 3px 3px 0;background:var(--lilac);box-shadow:0 0 10px var(--lilac)}
.nav.sub{width:38px;height:38px;border-radius:12px;background:transparent}
.nav.sub.on{background:rgba(106,61,255,.28);box-shadow:none}
.nav.sub.on::before{display:none}
.navsub>div{gap:4px}
.nav .tip{left:56px;background:rgba(22,18,52,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(201,184,255,.16);border-radius:10px;padding:7px 11px;transform:translateX(-4px);transition:opacity .18s,transform .18s var(--ease)}
.nav:hover .tip{transform:none}
.sep{width:22px;background:rgba(201,184,255,.12)}
.avatar{background:linear-gradient(160deg,#8A6BFF,#5B2BFF);box-shadow:0 0 0 2px rgba(201,184,255,.14),0 8px 20px -6px rgba(91,43,255,.8);transition:transform .25s var(--ease)}
.avatar:hover{transform:scale(1.06)}

/* правая колонка */
.aside{background:rgba(14,11,36,.45);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid rgba(201,184,255,.07)}
.aside h2,.aside h3{font-family:'Inter Tight',Onest,sans-serif;letter-spacing:-.01em}

/* переход между страницами */
.main{animation:pageIn .45s var(--ease) backwards}
.aside{animation:pageIn .5s .05s var(--ease) both}
@keyframes pageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* кнопки: стекло при нажатии */
.btn{position:relative;overflow:hidden;isolation:isolate;border-radius:14px;font-weight:600;letter-spacing:.005em;
  background:linear-gradient(180deg,#7B55FF,#5B2BFF);border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 28px -10px rgba(91,43,255,.9);
  transition:transform .3s var(--ease),box-shadow .3s,filter .3s,background .3s}
.btn::after{content:"";position:absolute;top:0;bottom:0;width:45%;left:-70%;z-index:-1;pointer-events:none;transform:skewX(-18deg);
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transition:left .7s var(--ease)}
.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 16px 36px -10px rgba(91,43,255,1)}
.btn:hover:not(:disabled)::after{left:130%}
.btn:active:not(:disabled){transform:scale(.965);transition-duration:.1s}
.btn:disabled{filter:saturate(.4);opacity:.45}
.btn.ghost{background:rgba(255,255,255,.045);border:1px solid rgba(201,184,255,.16);color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.btn.ghost:hover:not(:disabled){background:rgba(106,61,255,.16);border-color:rgba(201,184,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.btn.danger{background:rgba(255,79,216,.06);border:1px solid rgba(255,79,216,.28)}
.btn.danger:hover:not(:disabled){background:rgba(255,79,216,.14);box-shadow:none}
.btn .rp,.chip .rp{position:absolute;border-radius:50%;pointer-events:none;z-index:-1;width:260px;height:260px;transform:translate(-50%,-50%) scale(0);
  background:radial-gradient(circle,rgba(255,255,255,.45),rgba(255,255,255,.1) 40%,transparent 70%);animation:rp .65s var(--ease) forwards}
@keyframes rp{to{transform:translate(-50%,-50%) scale(1.2);opacity:0}}
.chip{position:relative;overflow:hidden;isolation:isolate;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(201,184,255,.11);transition:background .2s,border-color .2s,transform .2s var(--ease)}
.chip:hover:not(:disabled){background:rgba(255,255,255,.06);border-color:rgba(201,184,255,.22)}
.chip:active:not(:disabled){transform:scale(.97)}
.chip.on{background:rgba(106,61,255,.2);border-color:rgba(201,184,255,.35);color:#fff}
.chip .k{color:var(--dim)}
.seg{background:rgba(255,255,255,.03);border:1px solid rgba(201,184,255,.08)}
.seg.panel{box-shadow:none}
.seg button{transition:background .25s,color .2s;border-radius:10px}
.seg button:hover:not(.on){color:var(--text)}
.seg button.on{background:linear-gradient(180deg,rgba(106,61,255,.55),rgba(91,43,255,.35));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 6px 16px -8px rgba(91,43,255,.9)}

/* поля */
.field,.inp,.sel{background:rgba(8,6,24,.45);border:1px solid rgba(201,184,255,.11);transition:border-color .2s,box-shadow .2s,background .2s}
.inp,.sel{background:rgba(8,6,24,.5)}
.field:hover,.inp:hover,.sel:hover{border-color:rgba(201,184,255,.2)}
.field:focus,.inp:focus,.sel:focus{outline:none;border-color:rgba(201,184,255,.4);box-shadow:0 0 0 4px rgba(106,61,255,.18);background:rgba(8,6,24,.6)}
.btn:focus-visible,.chip:focus-visible,.nav:focus-visible{outline:2px solid rgba(201,184,255,.6);outline-offset:2px}
.sel option{background:#15123A}

/* зоны загрузки */
.drop{border:1.5px dashed rgba(201,184,255,.16);border-radius:18px;background:radial-gradient(120% 80% at 50% 0%,rgba(106,61,255,.07),transparent 70%),rgba(8,6,24,.35)!important;transition:border-color .25s,background .25s,transform .3s var(--ease)}
.drop:hover{border-color:rgba(201,184,255,.3)}
.drop.over{border-color:var(--lilac);background:radial-gradient(120% 80% at 50% 0%,rgba(106,61,255,.22),transparent 70%),rgba(8,6,24,.4)!important;transform:scale(.995)}
.drop .ico,.ico.glass{border-radius:16px;transition:transform .4s var(--ease)}
.drop:hover .ico{transform:translateY(-3px)}
.sb-video .drop.has{background:#000!important}
.stage-box{background:radial-gradient(120% 70% at 50% 0%,rgba(106,61,255,.08),transparent 70%),rgba(8,6,24,.4);border-color:rgba(201,184,255,.1)}

/* карточки: ховеры */
.thumb,.ht,.look,.row-item,.kpi,.opt,.req{transition:transform .35s var(--ease),border-color .25s,box-shadow .35s,background .25s}
.thumb:hover,.ht:hover{transform:translateY(-3px);border-color:rgba(201,184,255,.35);box-shadow:0 18px 40px -18px rgba(91,43,255,.7)}
.thumb img,.ht img,.ht video{transition:transform .6s var(--ease)}
.thumb:hover img,.ht:hover img{transform:scale(1.04)}
.row-item{background:rgba(255,255,255,.025);border-color:rgba(201,184,255,.08)}
.row-item:hover{border-color:rgba(201,184,255,.18);background:rgba(255,255,255,.04)}
.look:hover{transform:translateY(-2px);border-color:rgba(201,184,255,.3)}
.kpi:hover{transform:translateY(-2px);border-color:rgba(201,184,255,.2)}
.kpi b{font-family:'Inter Tight',Onest,sans-serif;font-weight:700;letter-spacing:-.03em}
.opt:hover{background:rgba(255,255,255,.04)}
.tbl th{color:rgba(201,184,255,.5);font-size:10.5px}
.tbl td{border-top-color:rgba(201,184,255,.06)}
tr.pick td{transition:background .2s}

/* модалки и уведомления */
.modal{background:rgba(8,6,22,.72);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);animation:fade .25s}
.mside,.hm-side{background:rgba(22,18,52,.7)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(201,184,255,.12)}
.mimg img,.hm-media{animation:zoomIn .4s var(--ease)}
@keyframes zoomIn{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
#toast div{background:rgba(26,21,60,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(201,184,255,.16);border-radius:14px;animation:popIn .25s var(--ease)}
.ntf{background:rgba(22,18,52,.85)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(201,184,255,.14)}
.hb{background:rgba(16,13,40,.7);border-color:rgba(201,184,255,.2);transition:background .2s,transform .2s var(--ease)}
.hb:active{transform:scale(.92)}
.bar{background:rgba(201,184,255,.1)}
.bar>i{background:linear-gradient(90deg,#5B2BFF,#9C7BFF);box-shadow:0 0 12px rgba(124,92,255,.7);transition:width .4s var(--ease)}
.spin{border-color:rgba(201,184,255,.18);border-top-color:var(--lilac)}

/* скелетоны загрузки */
.skel{position:relative;overflow:hidden;background:rgba(201,184,255,.06);border-radius:12px}
.skel::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(201,184,255,.09),transparent);animation:shim 1.4s infinite}
@keyframes shim{to{transform:translateX(100%)}}
.skel.line{height:14px;border-radius:7px}
.skel.row{height:56px;border-radius:12px}
.skel.sq{aspect-ratio:1/1;border-radius:14px}
.skel.tall{aspect-ratio:9/16;border-radius:14px}
.skels{display:flex;flex-direction:column;gap:8px}

@media (max-width:760px){.nav.on::before{display:none}.side{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(14,11,36,.8)}}
@media (prefers-reduced-motion:reduce){.main,.aside,.btn,.btn::after,.thumb,.ht,.skel::after{animation:none!important;transition:none!important}}

/* ===== боковое меню раскрывается с подписями ===== */
.shell{padding-left:80px}
.side{position:fixed;left:0;top:0;bottom:0;width:80px;height:100vh;align-items:stretch;padding:16px 17px;z-index:60;
  transition:width .38s var(--ease),background .3s,box-shadow .3s}
.side:hover,.side:focus-within{width:232px;background:rgba(18,14,44,.9);box-shadow:30px 0 80px -30px rgba(0,0,0,.8)}
.side .nav{width:100%;justify-content:flex-start;padding:0 12px;gap:14px;flex:0 0 auto}
.side .nav svg{flex:0 0 auto}
.side .nav .tip{position:static;opacity:0;transform:translateX(-6px);background:none;border:0;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none;font-size:14px;font-weight:500;color:inherit;white-space:nowrap;transition:opacity .25s,transform .3s var(--ease);pointer-events:none}
.side:hover .nav .tip,.side:focus-within .nav .tip{opacity:1;transform:none}
.side .nav.on::before{left:-17px}
.side .navgrp{align-items:stretch}
.side .navsub>div{align-items:stretch;padding-left:10px}
.side .nav.sub{width:auto;height:38px;padding:0 10px}
.side .sep{width:auto;margin:6px 8px}
.logo{display:flex;align-items:center;gap:12px;width:auto;justify-content:flex-start;padding-left:0;text-decoration:none}
.logo img{width:34px;height:34px;flex:0 0 34px;margin:6px}
.side-name{font:700 13px 'Inter Tight',Onest,sans-serif;letter-spacing:.2em;color:var(--text);white-space:nowrap;opacity:0;transition:opacity .25s}
.side:hover .side-name,.side:focus-within .side-name{opacity:1}
.logo:hover{transform:none}.logo:hover img{transform:scale(1.06) rotate(-4deg)}.logo img{transition:transform .4s var(--ease)}
.me-btn{display:flex;align-items:center;gap:12px;border:0;background:none;padding:3px;border-radius:14px;cursor:pointer;color:var(--text);width:100%;transition:background .2s}
.me-btn:hover{background:rgba(201,184,255,.06)}
.me-btn .avatar{flex:0 0 40px}
.me-btn .tip{position:static;opacity:0;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .25s}
.side:hover .me-btn .tip{opacity:1}
.me-menu{right:auto;bottom:56px;left:0;width:198px}
.side:not(:hover):not(:focus-within) .me-menu,.side:not(:hover):not(:focus-within) .pj-menu{display:none}
/* проект */
.pj-wrap{position:relative}
.nav.pj.has{color:var(--lilac)}
.nav.pj.has::after{content:"";position:absolute;left:30px;top:10px;width:8px;height:8px;border-radius:50%;background:var(--spark);box-shadow:0 0 8px var(--spark)}
.pj-menu{position:absolute;top:calc(100% + 6px);left:0;bottom:auto;width:200px;min-width:0;padding:12px;gap:8px;z-index:70}
.pj-new{display:flex;gap:6px}.pj-new .inp{flex:1 1 auto;min-width:0;width:100%}
.pj-list{display:flex;flex-direction:column;gap:2px;max-height:260px;overflow:auto}
.pj-row{display:flex;align-items:center;gap:4px}.pj-row .opt{flex:1 1 auto;min-width:0}
.pj-list .opt{padding:8px 10px;font-size:14px}.pj-list .opt span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ht-pj{font-size:10px;padding:1px 6px;border-radius:6px;background:rgba(255,79,216,.18);color:#FFC2EE;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* 3D-иконки айдентики */
.ic3{display:block;margin:0 auto 6px;width:72px;height:72px;opacity:.92;filter:drop-shadow(0 10px 24px rgba(91,43,255,.28));transition:scale .45s var(--ease),opacity .35s,filter .45s;animation:icFloat 6s ease-in-out infinite;user-select:none;pointer-events:none}
@keyframes icFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}
.drop:hover .ic3{animation-duration:2.4s}
.empty .ic3{margin-bottom:12px}
.soon .ic3{margin-bottom:6px}

/* отправить результат дальше */
.send-row{display:flex;flex-wrap:wrap;gap:6px}
.send-row:empty{display:none}
.send-row .btn{font-size:12.5px;min-height:32px;padding:6px 10px}

/* Изображения: цена прямо в кнопке */
.btn.gen{padding:12px 18px 12px 22px}
.gen-price{font-size:12px;padding:3px 8px;border-radius:8px;background:rgba(255,255,255,.16);font-weight:600}

/* командные пресеты сабов */
.tpre{display:flex;flex-wrap:wrap;gap:6px}
.tp{display:inline-flex;align-items:center;border-radius:10px;border:1px solid rgba(201,184,255,.16);background:rgba(255,255,255,.04);overflow:hidden;transition:border-color .2s,background .2s}
.tp:hover{border-color:rgba(201,184,255,.3)}
.tp.on{border-color:var(--lilac);background:rgba(106,61,255,.22)}
.tp button{border:0;background:none;color:var(--text);cursor:pointer;font-size:13px;padding:7px 10px}
.tp .tp-x{color:var(--dim);padding:7px 8px 7px 2px;font-size:11px}.tp .tp-x:hover{color:var(--err)}
.tp-new{display:flex;gap:6px}.tp-new .inp{flex:1 1 auto;min-width:0}

/* правые колонки — одинаковые везде */
.aside>span:first-child,.sb-renders>span:first-child{font-family:'Inter Tight',Onest,sans-serif;font-size:17px!important;font-weight:700;letter-spacing:-.01em}

/* мобилка */
@media (max-width:760px){
  .shell{padding-left:0;padding-bottom:76px}
  .side{position:fixed;top:auto;bottom:0;left:0;right:0;width:auto!important;max-width:100vw;height:auto;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;
    padding:8px 6px calc(8px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid rgba(201,184,255,.1);overflow-x:auto;overflow-y:visible;background:rgba(14,11,36,.92)!important;box-shadow:none!important}
  .side .logo,.side .sep,.side .grow,.side-name{display:none}
  .side .nav{width:44px;height:44px;padding:0;justify-content:center}
  .side .nav .tip,.me-btn .tip{display:none}
  .side .navgrp{flex-direction:row;align-items:center}
  .side .navsub,.side .nav.off{display:none}
  .utabs{display:flex!important}
  .flare{display:none}
  .side{gap:0}
  .side .nav{width:42px;height:42px}
  .me-btn{padding:0}.me-btn .avatar{width:36px;height:36px;flex-basis:36px}
  .me-btn{width:auto}
  .me-menu{position:fixed;bottom:76px;left:12px;right:12px;width:auto}
  .pj-menu{position:fixed;top:auto;bottom:76px;left:12px;right:12px;width:auto}
  .side:not(:hover):not(:focus-within) .me-menu,.side:not(:hover):not(:focus-within) .pj-menu{display:flex}
  .main{padding:18px 14px 24px}
  h1{font-size:26px}
  .kpis{grid-template-columns:1fr 1fr}
  .kpi{padding:16px}.kpi b{font-size:30px}
  .hgrid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}
  .btn.gen{width:100%;justify-content:center}
  #bar{gap:6px}
  .modal{padding:56px 10px 10px}
}
.mclose,.mnav{position:fixed!important}
.side .navsub{grid-template-columns:minmax(0,1fr)}
.side .nav{overflow:hidden;min-width:0}
.side .nav.on{overflow:visible}
.side .nav.sub{overflow:hidden}

.utabs{display:none;gap:6px;overflow-x:auto;margin:-6px 0 4px;padding-bottom:2px}
.utabs a{flex:0 0 auto;text-decoration:none;color:var(--muted);font-size:14px;padding:8px 14px;border-radius:12px;border:1px solid rgba(201,184,255,.12);background:rgba(255,255,255,.03)}
.utabs a.on{color:#fff;background:rgba(106,61,255,.3);border-color:rgba(201,184,255,.35)}
/* мастер-промпты */
.mrow{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.mlbl{margin-right:4px}
.mchip{min-height:34px;padding:6px 12px;font-size:13px}
.mchip.on{background:linear-gradient(180deg,rgba(106,61,255,.38),rgba(91,43,255,.2));border-color:rgba(201,184,255,.45)}
.mhint{font-size:12px;margin-left:4px}
.chip.on:hover:not(:disabled){background:rgba(106,61,255,.28);border-color:rgba(201,184,255,.45)}
.mchip.on:hover:not(:disabled){background:linear-gradient(180deg,rgba(106,61,255,.45),rgba(91,43,255,.25))}
.mopts{display:flex;flex-direction:column;gap:4px;min-width:340px}
.mopt{border:1px solid rgba(201,184,255,.08)}
.mopt.on{background:rgba(106,61,255,.18);border-color:rgba(201,184,255,.4)}
.mchk{width:22px;height:22px;border-radius:7px;border:1px solid rgba(201,184,255,.3);display:grid;place-items:center;flex:0 0 22px;color:#fff;font-size:13px}
.mopt.on .mchk{background:var(--violet);border-color:var(--violet)}
.chip.mact{border-color:rgba(255,79,216,.45);color:#fff}
.mcnt{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--spark);font-size:11px;color:#fff}
@media (max-width:760px){.mopts{min-width:0}}

/* студии (B2B) */
.orgs-panel{padding:18px;display:flex;flex-direction:column;gap:14px}
.orgs-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.orgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}
.org{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:18px;border:1px solid rgba(201,184,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));transition:border-color .25s,transform .3s var(--ease)}
.org:hover{border-color:rgba(201,184,255,.25)}
.org.off{opacity:.55}
.org-top{display:flex;align-items:center;gap:8px}
.org-name{flex:1 1 auto;font-weight:700;font-size:16px;background:transparent!important;border-color:transparent!important;padding-left:2px}
.org-name:hover,.org-name:focus{border-color:rgba(201,184,255,.25)!important}
.org-bal{font:700 34px/1 'Inter Tight',Onest,sans-serif;letter-spacing:-.02em;display:flex;align-items:baseline;gap:10px}
.org-bal .dim{font:500 12px Onest;letter-spacing:0}
.org-bal.neg{color:var(--err)}
.org-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.org-kpi span{display:flex;flex-direction:column;gap:2px;padding:8px;border-radius:10px;background:rgba(8,6,24,.35)}
.org-kpi b{font-size:14px}.org-kpi i{font-style:normal;font-size:10.5px;color:var(--dim)}
.org-kpi .pr b{color:#9BF0C5}
.org-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.org-row label{display:flex;align-items:center;gap:6px;font-size:13px}
.org-fees{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px;border-radius:12px;background:rgba(8,6,24,.35)}
.org-fees label{display:flex;align-items:center;gap:6px;font-size:13px}
.org-tx{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow:auto;padding:4px 2px}
.org-tx .tx{display:grid;grid-template-columns:80px 1fr auto;gap:8px;font-size:12.5px;padding:6px 8px;border-radius:8px;background:rgba(8,6,24,.3)}
.org-tx .plus{color:#9BF0C5}
.org-tx.small{max-height:200px}.org-tx.small .tx{grid-template-columns:62px 1fr auto;font-size:12px}
.org-new{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;padding:14px;border-radius:14px;background:rgba(106,61,255,.08);border:1px solid rgba(201,184,255,.2)}
.org-new label{display:flex;flex-direction:column;gap:6px;flex:1 1 150px}
.me-org{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:12px;background:rgba(8,6,24,.4)}
.me-org .neg,.org-bal-nav.neg{color:var(--err)}
.org-bal-nav .ob-sum{font-size:12.5px;font-weight:700;color:#9BF0C5;min-width:46px;text-align:center}
.org-bal-nav{gap:10px}
.org form[data-topup]{flex-wrap:wrap}
.org form[data-topup] .inp{flex:1 1 130px}
.org form[data-topup] .btn{flex:0 0 auto}
.me-menu{width:260px}
.org-tx.small .tx{grid-template-columns:64px 1fr}
.org-tx.small .tx .dim{display:none}

.tiers{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;border-radius:14px;background:rgba(8,6,24,.35)}
.tier{display:flex;align-items:center;gap:6px;font-size:13px}.tier .inp{width:64px;min-height:34px;padding:5px 8px}
.tariffs{display:flex;flex-direction:column;gap:4px;margin:4px 0}
.tf{display:grid;grid-template-columns:1fr auto 44px;gap:8px;align-items:center;font-size:12.5px;padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.03);border:1px solid transparent}
.tf.best{border-color:rgba(155,240,197,.35);background:rgba(155,240,197,.06)}
.tf-b{font-size:11px;font-weight:700;color:#9BF0C5;text-align:right}

.org-title{font-size:16px}
.org-more{display:flex;flex-direction:column;gap:10px;padding-top:10px;border-top:1px solid rgba(201,184,255,.08)}
.org-line{display:flex;align-items:center;gap:8px;font-size:13px}
.org-line .inp{flex:1 1 auto;min-width:0}
.tiers{flex-direction:column;align-items:stretch}.tiers-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}

/* пополнение и команда */
.wmodal{position:relative;width:min(440px,100%);padding:26px 24px 22px;border-radius:24px;background:rgba(22,18,52,.92)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);animation:popIn .25s var(--ease)}
.wclose{position:absolute;top:14px;right:14px}
.wbody{display:flex;flex-direction:column;gap:12px}
.wh{margin:0;font:700 22px 'Inter Tight',Onest,sans-serif;letter-spacing:-.02em}
.wquick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.wnets{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wnet{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:14px;border:1px solid rgba(201,184,255,.16);background:rgba(255,255,255,.04);color:var(--text);cursor:pointer;text-align:left;transition:all .2s}
.wnet span{font-size:12px;color:var(--dim,rgba(222,214,255,.6))}
.wnet:hover{border-color:rgba(201,184,255,.32)}
.wnet.on{border-color:rgba(166,139,255,.7);background:rgba(124,92,255,.16);box-shadow:0 0 0 3px rgba(124,92,255,.15)}
.wq{display:flex;flex-direction:column;gap:4px;padding:14px 10px;border-radius:14px;border:1px solid rgba(201,184,255,.16);background:rgba(255,255,255,.04);color:var(--text);cursor:pointer;transition:all .2s}
.wq:hover{border-color:rgba(201,184,255,.4);background:rgba(106,61,255,.18);transform:translateY(-2px)}
.wq b{font-size:20px}.wq span{font-size:12px;color:var(--muted)}
.wq:last-child{border-color:rgba(155,240,197,.35)}
.wlbl{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}
.wgo{justify-content:center}
.wnote{font-size:12.5px;line-height:1.45}
.wamount{font-size:34px;font-weight:700;padding:14px;border-radius:16px;border:1px dashed rgba(201,184,255,.35);background:rgba(8,6,24,.4);color:#fff;cursor:pointer}
.wamount span{font-size:16px;color:var(--muted)}
.waddr{padding:12px;border-radius:12px;border:1px solid rgba(201,184,255,.18);background:rgba(8,6,24,.45);color:var(--lilac);cursor:pointer;word-break:break-all;font-size:13px;text-align:left;flex:1 1 auto}
.wstatus{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}
.wrow{display:flex;gap:8px;align-items:center}.wrow .inp{flex:1 1 auto;min-width:0}
.wclaim summary{cursor:pointer;font-size:13px}.wclaim[open]{display:flex;flex-direction:column;gap:8px}
.wok{width:64px;height:64px;border-radius:50%;margin:6px auto 0;display:grid;place-items:center;font-size:30px;background:rgba(155,240,197,.15);color:#9BF0C5}
.wteam{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:14px;background:rgba(8,6,24,.4)}
.wmembers{display:flex;flex-direction:column;gap:4px;max-height:220px;overflow:auto}
.wm{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;background:rgba(255,255,255,.03);font-size:14px}
.me-org-btns{display:flex;gap:6px;margin-top:6px}.me-org-btns .btn{flex:1 1 0;justify-content:center}
.pay-set{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.pay-set label{display:flex;flex-direction:column;gap:6px;flex:1 1 200px}

/* стеклянные иконки: при наведении на окно — чуть больше и светятся */
.drop:hover .ic3,.empty:hover .ic3,.soon:hover .ic3,.stage-box:hover .ic3,.drop.over .ic3{scale:1.14;opacity:1;filter:drop-shadow(0 0 16px rgba(255,255,255,.28)) drop-shadow(0 12px 30px rgba(124,92,255,.45))}

/* миниатюры референсов в карточке: не открываются, две маленькие кнопки */
.mref img{pointer-events:none;user-select:none;-webkit-user-drag:none}
.mref .mref-act{position:absolute;right:5px;bottom:5px;display:flex;gap:4px}
.mref .mref-act .hb{position:static;width:26px;height:26px;min-height:0;padding:0;display:grid;place-items:center;border-radius:8px;opacity:.85;background:rgba(14,10,36,.62);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;transition:opacity .2s,background .2s,transform .2s}
.mref .mref-act .hb:hover{opacity:1;background:rgba(124,92,255,.55);transform:translateY(-1px)}

/* ===== Изображения: галерея на весь экран + плавающий композер снизу ===== */
.igal-main{--rh:300px;padding-bottom:0;gap:16px;overflow-x:clip!important;overflow-y:visible!important}
.igal-head{display:flex;align-items:baseline;gap:12px}
.igal-head h1{margin:0}
#gcount{font-size:13px}
.igal{display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start;flex:1 0 auto;padding-bottom:8px}
.gt{container-type:inline-size;position:relative;height:var(--rh);flex:0 0 auto;max-width:100%;border-radius:16px;overflow:hidden;isolation:isolate;
  background:rgba(245,243,255,.03);border:1px solid rgba(201,184,255,.08);transition:opacity .22s,transform .22s,border-color .25s}
.gt.skel{width:calc(var(--rh) * .5625);border:0}
.gt.gone{opacity:0;transform:scale(.96)}
.gdone{cursor:zoom-in}
.gdone img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease)}
.gdone:hover{border-color:rgba(201,184,255,.28)}
.gdone:hover img{transform:scale(1.035)}
.gdone:focus-visible{outline:2px solid var(--lilac);outline-offset:2px}
.gov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:7px;padding:12px;opacity:0;transition:opacity .25s;
  background:linear-gradient(180deg,rgba(8,6,22,0) 30%,rgba(8,6,22,.55) 60%,rgba(8,6,22,.9))}
.gdone:hover .gov,.gdone:focus-within .gov,.gdone:hover .gcorner,.gdone:focus-within .gcorner{opacity:1}
.gcorner{position:absolute;top:8px;right:8px;z-index:2;display:flex;gap:5px;opacity:0;transition:opacity .25s}
.gbtn svg{flex:0 0 auto}
@container (max-width:250px){.gacts .gbtn{width:30px;height:30px;padding:0}.gacts .gbtn span{display:none}.gp{-webkit-line-clamp:2}}
.gp{margin:0 0 2px;font-size:12.5px;line-height:1.4;color:rgba(245,243,255,.82);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.gacts{display:flex;flex-wrap:wrap;gap:5px}
.gbtn{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:28px;padding:0 10px;border-radius:999px;cursor:pointer;white-space:nowrap;text-decoration:none;
  font:500 12.5px Onest,system-ui,sans-serif;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .2s,border-color .2s,transform .15s}
.gbtn:hover{background:rgba(124,92,255,.6);border-color:rgba(201,184,255,.4)}
.gbtn:active{transform:scale(.96)}
.gbtn.gi{width:28px;padding:0}
.gbtn.gdel:hover{background:rgba(255,77,109,.55);border-color:rgba(255,140,160,.5)}
.gwait,.gerr{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:16px;font-size:13px;color:var(--muted)}
.gwait{background:radial-gradient(120% 80% at 50% 0%,rgba(124,92,255,.14),transparent 70%),rgba(245,243,255,.03)}
.gshine{position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,transparent 30%,rgba(201,184,255,.08) 50%,transparent 70%);background-size:250% 100%;animation:gShine 1.8s linear infinite}
@keyframes gShine{from{background-position:120% 0}to{background-position:-120% 0}}
.gerr b{color:var(--err)}
.gerr span{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;font-size:12px}
.gerr .jdel{position:absolute;top:8px;right:8px}
.gempty{flex:1 1 100%;min-height:46vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:#CFC8EE}
.gempty:hover .ic3{scale:1.14;opacity:1}

.icomp-wrap{position:sticky;bottom:16px;z-index:6;display:flex;justify-content:center;margin-top:auto;padding-top:6px;pointer-events:none}
.icomp{pointer-events:auto;position:relative;width:min(1100px,100%);display:flex;align-items:stretch;gap:12px;padding:12px;border-radius:22px;
  background:rgba(16,13,40,.9)!important;backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);
  border:1px solid rgba(201,184,255,.14);box-shadow:0 24px 70px -18px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.05)}
.icomp-refs{display:flex;gap:6px;flex:0 0 auto}
.radd{width:78px;min-height:78px;border-radius:14px;border:1px dashed rgba(201,184,255,.24);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;color:var(--muted);font-size:12px;transition:border-color .2s,background .2s,color .2s}
.radd b{font-size:22px;font-weight:400;line-height:1;color:var(--text)}
.radd:hover,.radd.over{border-color:rgba(166,139,255,.7);background:rgba(124,92,255,.1);color:var(--text)}
.rthumb{position:relative;width:58px;min-height:78px;border-radius:12px;overflow:hidden;border:1px solid rgba(201,184,255,.14)}
.rthumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rthumb button{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;font-size:13px;line-height:1;color:#fff;background:rgba(10,8,28,.7);opacity:0;transition:opacity .2s}
.rthumb:hover button{opacity:1}
.icomp-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px;position:relative;padding-right:214px}
.icomp-bar .grow{display:none}
.icomp-bar .btn.gen{position:absolute;right:0;top:50%;transform:translateY(-50%);min-width:196px;justify-content:center}
.icomp-bar .btn.gen:active{transform:translateY(-50%) scale(.97)}
.icomp textarea{resize:none;background:transparent;border:0;outline:0;color:var(--text);font:16px/1.5 Onest,system-ui,sans-serif;padding:6px 4px;min-height:52px;max-height:30vh}
.icomp-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.icomp-bar .chip{min-height:36px;padding:6px 12px;font-size:13.5px;border-radius:11px}
.icomp-bar .btn.gen{min-height:48px}
@media (hover:none){.gov{display:none}.gcorner{opacity:1!important}}
@media (max-width:760px){
  .igal-main{--rh:210px}
  .igal{gap:6px}
  .icomp-wrap{bottom:calc(env(safe-area-inset-bottom) + 72px)}
  .icomp{flex-direction:column;gap:8px;padding:10px}
  .icomp-main{padding-right:0;gap:6px}
  .icomp textarea{min-height:40px;font-size:15px;padding:2px}
  .icomp-bar{gap:5px}
  .icomp-bar .chip{min-height:32px;padding:4px 10px;font-size:12.5px}
  .icomp-bar .btn.gen{min-height:44px}
  .icomp-refs{gap:5px}
  .icomp-bar .btn.gen{position:relative;top:auto;right:auto;transform:none;width:100%}
  .icomp-refs{overflow-x:auto}
  .radd{min-height:38px;flex-direction:row;gap:6px;width:auto;padding:0 12px}
  .rthumb{width:38px;min-height:38px}
}

/* ===== v57: темнее, стекляннее, минималистичнее ===== */
:root{
  --bg:#060510; --bg2:rgba(10,8,24,.6); --line:rgba(255,255,255,.065); --line2:rgba(255,255,255,.12);
  --muted:#A49CC9; --dim:#7C76A0;
  --glass:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));
  --shadow:inset 0 1px 0 rgba(255,255,255,.05),0 24px 60px -30px rgba(0,0,0,.8);
}
html{background:#050410}
body{background:
    radial-gradient(1100px 650px at 8% -12%,rgba(91,43,255,.10),transparent 62%),
    radial-gradient(900px 700px at 105% 110%,rgba(91,43,255,.06),transparent 60%),
    linear-gradient(180deg,#07060F,#050410);background-attachment:fixed}
.flare{opacity:.28}
.panel{background:var(--glass);border-color:var(--line);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%)}
.side{background:rgba(9,7,22,.55)!important;border-right:1px solid rgba(255,255,255,.05)!important;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}
.aside{background:rgba(9,7,22,.4)!important;border-left-color:rgba(255,255,255,.05)!important}
.chip{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08)}
.chip:hover{border-color:rgba(255,255,255,.16)}
.inp,.field,textarea.inp,.sel{background:rgba(255,255,255,.03)!important;border-color:rgba(255,255,255,.08)!important}
.pop,.sb-menu,.me-menu{background:rgba(14,11,30,.78)!important;border-color:rgba(255,255,255,.09)!important;backdrop-filter:blur(28px) saturate(160%)!important;-webkit-backdrop-filter:blur(28px) saturate(160%)!important}
.modal{background:rgba(3,2,10,.62)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.wmodal{background:rgba(14,11,30,.82)!important;border-color:rgba(255,255,255,.09)!important;backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%)}
.icomp{background:rgba(12,10,26,.78)!important;border-color:rgba(255,255,255,.08)}
.gt{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.05)}

/* меню профиля */
.me-menu{width:264px!important;padding:12px!important;gap:10px!important}
.me-head{gap:10px}
.me-id{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.me-id b{font-size:14.5px;color:var(--text)}
.me-id .dim{font-size:12px}
.me-lang{display:flex;padding:2px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);flex:0 0 auto;align-self:flex-start}
.me-lang button{border:0;background:none;cursor:pointer;padding:3px 7px;border-radius:999px;font:600 10px 'JetBrains Mono',monospace;letter-spacing:.06em;color:var(--dim);transition:background .2s,color .2s}
.me-lang button.on{background:rgba(255,255,255,.1);color:var(--text)}
.me-bal{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:11px 12px;border-radius:14px;background:linear-gradient(160deg,rgba(124,92,255,.14),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.07)}
.me-bal>.dim{grid-column:1;font-size:11.5px}
.me-bal>b{grid-column:1;font-size:22px;color:var(--text);font-weight:700}
.me-bal>b small{font-size:12px;color:var(--dim);font-weight:500}
.me-bal .me-wal{grid-column:1;font-size:11px}
.me-bal .me-top{grid-column:2;grid-row:1/span 3;align-self:center;gap:4px;padding:8px 12px}
.me-bal.neg>b{color:var(--err)}
.me-list{display:flex;flex-direction:column;gap:2px}
.me-it{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:10px;background:none;cursor:pointer;color:var(--text);font-size:14px;text-align:left;transition:background .15s}
.me-it svg{opacity:.75;flex:0 0 auto}
.me-it:hover{background:rgba(255,255,255,.06)}
.me-it .me-sub{margin-left:auto;font-size:11.5px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.me-it.out{color:#FFB4C8}
.me-it.out:hover{background:rgba(255,90,130,.1)}
.me-ver{font-size:9.5px;color:rgba(255,255,255,.22);text-align:center}
/* профиль */
.pf-ava{display:flex;align-items:center;gap:14px}
.pf-pic{position:relative;width:72px;height:72px;border-radius:50%;overflow:hidden;cursor:pointer;flex:0 0 auto;background:linear-gradient(160deg,#8A6BFF,#5B2BFF);display:grid;place-items:center;font:700 26px 'Inter Tight',Onest,sans-serif;color:#fff}
.pf-pic img{width:100%;height:100%;object-fit:cover}
.pf-pic i{position:absolute;inset:auto 0 0;padding:4px 0 6px;font:500 10.5px Onest,sans-serif;font-style:normal;text-align:center;background:rgba(0,0,0,.55);opacity:0;transition:opacity .2s}
.pf-pic:hover i{opacity:1}
.pf-ava-txt{display:flex;flex-direction:column;gap:4px;align-items:flex-start;font-size:13px}
.me-menu{width:284px!important}
.me-menu #logout{justify-content:flex-start}
.me-bal>b,.me-bal>.dim{white-space:nowrap}
.me-bal .me-top{padding:7px 11px;font-size:13px}
.wm .ini img{width:100%;height:100%;object-fit:cover;border-radius:inherit}

.chip.enh{border-color:rgba(166,139,255,.35);background:linear-gradient(135deg,rgba(124,92,255,.18),rgba(255,79,216,.06));gap:6px}
.chip.enh:hover{border-color:rgba(201,184,255,.6);background:linear-gradient(135deg,rgba(124,92,255,.3),rgba(255,79,216,.1))}
.chip.enh.busy{opacity:.8;cursor:progress}
.spin.sm{width:13px;height:13px;border-width:2px}

/* ===== Video ===== */
.vframes .vf{width:64px;min-height:78px}
.vframes .vf-l{position:absolute;left:4px;bottom:4px;font:600 9.5px 'JetBrains Mono',monospace;letter-spacing:.06em;padding:2px 5px;border-radius:6px;background:rgba(0,0,0,.55);color:#fff;text-transform:uppercase}
.vframes .vf-add{width:64px}
.seg-chip{padding:3px!important;gap:2px!important}
.seg-chip button{border:0;background:none;color:var(--muted);cursor:pointer;padding:4px 9px;border-radius:8px;font:500 13px Onest,sans-serif}
.seg-chip button.on{background:rgba(255,255,255,.1);color:var(--text)}
.vpop{max-height:62vh;overflow:auto;min-width:420px}
.gvid video{width:100%;height:100%;object-fit:cover;display:block;background:#000}
.gbadge{position:absolute;left:8px;top:8px;z-index:2;display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;font:600 11px 'JetBrains Mono',monospace;color:#fff;background:rgba(0,0,0,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.gwait-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.18;filter:blur(2px);z-index:-1}
@media (max-width:760px){.vpop{min-width:0}}

/* ===== Kling Prompter ===== */
.pr-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:12px;align-content:start;flex:1 0 auto;padding-bottom:8px}
.pr-list .gempty{grid-column:1/-1}
.pr-card{position:relative;display:flex;gap:14px;padding:14px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);transition:border-color .2s,background .2s}
.pr-card:hover{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.045)}
.pr-th{display:flex;flex-direction:column;gap:6px;flex:0 0 auto}
.pr-th img{width:76px;height:110px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.08)}
.pr-th img+img{height:60px}
.pr-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px}
.pr-meta{display:flex;align-items:center;gap:8px;font-size:12.5px;min-width:0}
.pr-text{margin:0;font-size:14px;line-height:1.55;color:var(--text);display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.pr-card:hover .pr-text{-webkit-line-clamp:20}
.pr-say{font-size:13px;color:#E9DFFF;background:rgba(124,92,255,.12);border-radius:10px;padding:6px 10px;align-self:flex-start}
.pr-card .gbtn{background:rgba(255,255,255,.06)}
.pr-card .jdel{position:absolute;top:10px;right:10px}
@media (max-width:760px){.pr-list{grid-template-columns:1fr}}

/* ===== Утилиты: полоса загрузки + результаты ===== */
#body.tbody{flex-direction:column;flex-wrap:nowrap!important;gap:16px!important}
.tstrip{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px}
.tdrop{flex:1 1 420px;display:flex;align-items:center;gap:14px;padding:12px 14px 12px 12px;min-height:84px;border-radius:18px;cursor:pointer;
  border:1px dashed rgba(255,255,255,.14);background:linear-gradient(120deg,rgba(124,92,255,.08),rgba(255,255,255,.02));transition:border-color .2s,background .2s}
.tdrop .ic3{margin:0;width:56px;height:56px;animation:none}
.tdrop:hover,.tdrop.over{border-color:rgba(166,139,255,.6);background:linear-gradient(120deg,rgba(124,92,255,.16),rgba(255,255,255,.03))}
.tdrop:hover .ic3,.tdrop.over .ic3{scale:1.1;opacity:1}
.tdrop-t{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.tdrop-t b{font-size:15px;color:var(--text)}
.tdrop-t .dim{font-size:12.5px}
.tdrop-b{flex:0 0 auto}
.topts{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.topts:empty{display:none}
.tres{flex:1 1 auto}
.tsteps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:4px}
.tstep{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);font-size:13.5px;color:var(--muted);line-height:1.45}
.tstep .mono{flex:0 0 26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;color:#fff;background:rgba(124,92,255,.35)}
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.tgrid-t{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}
.tcard{position:relative;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);min-width:0}
.tcard.tvid video{width:100%;aspect-ratio:9/16;max-height:420px;object-fit:contain;background:#000;border-radius:10px}
.tcard-f,.tcard-h{display:flex;align-items:center;gap:8px;font-size:13px;min-width:0}
.tcard-h .ic3{margin:0;width:26px;height:26px;animation:none}
.tcard-f .ell,.tcard-h .ell{flex:1 1 auto}
.tcard .gbtn{background:rgba(255,255,255,.06)}
.tcard.twait{align-items:center;justify-content:center;text-align:center;min-height:200px}
.tcard.terr{min-height:120px;justify-content:center}
.tcard.terr .jdel{position:absolute;top:8px;right:8px}
.ttext-b{font-size:13.5px;line-height:1.55;color:var(--text);max-height:9.5em;overflow:auto;padding:8px 10px;border-radius:10px;background:rgba(0,0,0,.18);white-space:pre-wrap}
.tring{--p:0;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#8B6CFF calc(var(--p)*1%),rgba(255,255,255,.07) 0);position:relative}
.tring::before{content:"";position:absolute;inset:5px;border-radius:50%;background:#0B0918}
.tring span{position:relative;font-size:12px;color:var(--text)}
.tlist{display:flex;flex-direction:column;gap:8px}
.trow{align-items:center;gap:12px}
.trow .ic3{margin:0;width:30px;height:30px;animation:none}
.trow-x{flex:1 1 auto;display:flex;align-items:center;gap:10px;min-width:0}
.tsave{font:700 12px 'JetBrains Mono',monospace;color:#9BF0C5;background:rgba(155,240,197,.1);padding:2px 7px;border-radius:999px}
.ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.tgrid{align-items:start}

/* ===== Lip-sync: «микшер» из двух дорожек ===== */
.smix{pointer-events:auto;position:relative;width:min(1100px,100%);display:flex;align-items:stretch;gap:14px;padding:12px;border-radius:24px;
  background:rgba(12,10,26,.82)!important;backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 70px -18px rgba(0,0,0,.75)}
.smix-tracks{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px;position:relative}
.smix-tracks::before{content:"";position:absolute;left:21px;top:30px;bottom:30px;width:2px;border-radius:2px;background:linear-gradient(180deg,rgba(166,139,255,.6),rgba(255,123,229,.6));opacity:.5}
.strack{position:relative;display:flex;align-items:center;gap:12px;min-height:62px;padding:8px 12px 8px 8px;border-radius:16px;cursor:pointer;
  border:1px dashed rgba(255,255,255,.12);background:rgba(255,255,255,.02);transition:border-color .2s,background .2s;font-size:13px;min-width:0}
.strack:hover,.strack.over{border-color:rgba(166,139,255,.55);background:rgba(124,92,255,.08)}
.strack.has{border-style:solid;border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.035)}
.strack b{color:var(--text);font-size:13.5px}
.st-ico{flex:0 0 28px;height:28px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(160deg,rgba(166,139,255,.35),rgba(91,43,255,.25));color:#fff;z-index:1}
.st-add{margin-left:auto;font-size:20px;color:var(--muted)}
.st-thumb{width:36px;height:52px;object-fit:cover;border-radius:8px;background:#000;flex:0 0 auto}
.st-t{display:flex;flex-direction:column;min-width:0;gap:2px}
.st-t .dim{font-size:11.5px}
.st-tr{flex:0 0 170px}
.strack canvas.wave{flex:1 1 auto;min-width:0;height:40px;width:100%}
.st-play{flex:0 0 32px;height:32px;border-radius:50%;border:0;cursor:pointer;color:#fff;background:rgba(255,255,255,.1);font-size:11px}
.st-play:hover{background:rgba(124,92,255,.6)}
.strack .x{position:static;margin-left:4px;flex:0 0 auto}
.smix-go{flex:0 0 210px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.smix-plan{display:flex;flex-direction:column;gap:2px;font-size:12px;padding:0 4px}
.smix-plan b{font-size:13px;color:var(--text);font-weight:600}
.smix-btn{display:flex;align-items:center;justify-content:center;gap:10px;height:56px;border:0;border-radius:18px;cursor:pointer;color:#fff;font:700 16px 'Inter Tight',Onest,sans-serif;letter-spacing:-.01em;
  background:linear-gradient(120deg,#7C5CFF,#B44BFF 60%,#FF6FD8);box-shadow:0 14px 40px -12px rgba(180,75,255,.8),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .2s,filter .2s,opacity .2s}
.smix-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
.smix-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;filter:grayscale(.4)}
@media (max-width:760px){.smix{flex-direction:column}.smix-go{flex:0 0 auto}.st-tr{flex:0 1 110px}}
.strack .x{margin-left:auto}

/* ===== Субтитры как видеоредактор: рендеры слева, видео по центру, настройки справа, таймлайн снизу ===== */
.sb.sb-nle{grid-template-columns:230px minmax(0,1fr) minmax(320px,400px);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"bin video insp" "tl tl tl";gap:12px}
.sb-nle .sb-renders{grid-area:bin;padding:12px;display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden;position:static;max-height:none}
.sb-nle .sb-bin{flex:1 1 auto;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px}
.sb-nle .sb-video{grid-area:video;min-width:0}
.sb-nle .sb-video .drop{border-radius:18px}
.sb-nle .sb-ed{grid-area:insp;min-width:0}
.sb-nle .sb-tl{grid-area:tl;padding:10px 12px}
.sb-nle .sb-track{height:64px}
.sb-nle .sb-foot{display:flex;align-items:center;gap:10px}
.sb-nle .sb-foot #burn{min-width:200px;justify-content:center}
.sb-binh{display:flex;align-items:center;justify-content:space-between}
@media (max-width:1180px){.sb.sb-nle{grid-template-columns:minmax(0,1fr) minmax(300px,360px);grid-template-areas:"video insp" "tl tl" "bin bin"}}
@media (max-width:760px){.sb.sb-nle{grid-template-columns:1fr;grid-template-areas:"video" "insp" "tl" "bin"}.sb-nle .sb-video .drop{min-height:56vh}}
.sb-nle .sb-top .seg{display:inline-flex;flex:0 0 auto;flex-direction:row}.sb-nle .sb-top .seg button{white-space:nowrap}.sb-nle .sb-top .lbl{white-space:nowrap}

/* ===== О сервисе и цены ===== */
.ab-main{padding:0!important}
.ab-ov{position:fixed;inset:0;z-index:200;overflow:auto;background:rgba(5,4,14,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:pageIn .35s var(--ease) both}
.ab{position:relative;color:var(--text,#F5F3FF);font-family:Onest,system-ui,sans-serif}
.ab-close{position:fixed;top:18px;right:18px;z-index:5}
.ab-in{max-width:1120px;margin:0 auto;padding:56px clamp(18px,4vw,40px) 80px;display:flex;flex-direction:column;gap:72px}
.ab-hero{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding-top:12px;position:relative}
.ab-hero::before{content:"";position:absolute;right:-120px;top:-120px;width:520px;height:520px;border-radius:50%;background:radial-gradient(closest-side,rgba(124,92,255,.22),transparent);pointer-events:none;z-index:-1}
.ab-kick{font:500 12px 'JetBrains Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:rgba(201,184,255,.6)}
.ab-hero h1{margin:0;font:800 clamp(38px,5.4vw,72px)/1.02 'Inter Tight',Onest,sans-serif;letter-spacing:-.035em;max-width:900px}
.ab-hero h1 em{font-style:normal;background:linear-gradient(95deg,#E4DAFF,#A68BFF 45%,#FF7BE5);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}
.ab-hero p{margin:0;max-width:640px;font-size:clamp(16px,1.3vw,19px);line-height:1.55;color:rgba(222,214,255,.72)}
.ab-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.ab-cta{padding:13px 22px}
.ab-stats{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:18px;font-size:13.5px;color:rgba(222,214,255,.6)}
.ab-stats b{display:block;font:800 26px 'Inter Tight',sans-serif;color:#fff;letter-spacing:-.02em}
.ab-sec{display:flex;flex-direction:column;gap:18px}
.ab-sec h2,.ab-end h2{margin:0;font:800 clamp(26px,3vw,38px) 'Inter Tight',sans-serif;letter-spacing:-.03em}
.ab-sec h3{margin:18px 0 0;font:700 18px 'Inter Tight',sans-serif;display:flex;align-items:baseline;gap:10px}
.ab-sec h3 span{font:400 13px Onest,sans-serif;color:var(--dim)}
.ab-lead{margin:0;color:var(--muted)}
.ab-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ab-tool,.ab-w{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:20px;background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.07);transition:transform .3s var(--ease),border-color .3s}
.ab-tool:hover,.ab-w:hover{transform:translateY(-3px);border-color:rgba(201,184,255,.2)}
.ab-tool b,.ab-w b{font-size:17px}
.ab-tool span,.ab-w span{font-size:14px;line-height:1.5;color:var(--muted)}
.ab-ic{width:48px;height:48px;transition:scale .4s var(--ease),filter .4s}
.ab-tool:hover .ab-ic{scale:1.12;filter:drop-shadow(0 0 14px rgba(255,255,255,.3))}
.ab-why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ab-n{font-size:12px;color:#A68BFF}
.ab-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.ab-pack{position:relative;display:flex;flex-direction:column;gap:4px;padding:22px;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.ab-pack b{font:800 38px 'Inter Tight',sans-serif;letter-spacing:-.03em}
.ab-pack .mono{font-size:15px;color:#E4DAFF}
.ab-pack i{font-style:normal;font-size:12.5px;color:var(--dim)}
.ab-pack.hot{background:linear-gradient(160deg,rgba(124,92,255,.22),rgba(255,123,229,.06));border-color:rgba(166,139,255,.45);box-shadow:0 20px 60px -24px rgba(124,92,255,.7)}
.ab-bonus{align-self:flex-start;font:700 11px 'JetBrains Mono',monospace;padding:4px 9px;border-radius:999px;color:#0B0918;background:#9BF0C5;margin-bottom:6px}
.ab-bonus.dim{background:rgba(255,255,255,.08);color:var(--muted)}
.ab-tw{overflow-x:auto;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02)}
.ab-t{width:100%;border-collapse:collapse;min-width:620px;font-size:14px}
.ab-t th{text-align:left;font:500 11px 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06)}
.ab-t td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle;color:var(--muted)}
.ab-t tr:last-child td{border-bottom:0}
.ab-t td:first-child b{display:block;color:var(--text);font-size:14.5px}
.ab-t td:first-child span{font-size:12px;color:var(--dim)}
.ab-our b{display:block;color:#fff;font:700 15px 'JetBrains Mono',monospace}
.ab-our span{font-size:12px;color:#C9B8FF}
.ab-na{color:rgba(255,255,255,.2)}
.ab-save{font:700 12px 'JetBrains Mono',monospace;color:#9BF0C5;background:rgba(155,240,197,.12);padding:3px 8px;border-radius:999px;white-space:nowrap}
.ab-utils{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}
.ab-utils div{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);font-size:14px;color:var(--muted)}
.ab-utils b{color:var(--text);font-family:'JetBrains Mono',monospace;font-size:13px;white-space:nowrap}
.ab-note{margin:4px 0 0;font-size:12px;line-height:1.5;color:var(--dim);max-width:820px}
.ab-faq{display:flex;flex-direction:column;gap:8px;max-width:820px}
.ab-faq details{border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);padding:14px 18px}
.ab-faq summary{cursor:pointer;font-weight:600;font-size:15px;list-style:none;display:flex;justify-content:space-between}
.ab-faq summary::after{content:"+";color:var(--dim);font-size:18px;transition:transform .2s}
.ab-faq details[open] summary::after{transform:rotate(45deg)}
.ab-faq p{margin:10px 0 0;color:var(--muted);line-height:1.55;font-size:14px}
.ab-end{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:48px 20px;border-radius:28px;background:radial-gradient(120% 120% at 50% 0%,rgba(124,92,255,.2),transparent 70%);border:1px solid rgba(255,255,255,.06)}
@media (max-width:980px){.ab-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-why{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.ab-tools,.ab-why{grid-template-columns:1fr}.ab-in{gap:52px;padding-top:40px}}
.wq{position:relative}
.wbonus{position:absolute;top:-8px;right:-6px;font:700 10px 'JetBrains Mono',monospace;font-style:normal;padding:3px 6px;border-radius:999px;color:#0B0918;background:#9BF0C5}

/* ===================== МОБИЛЬНАЯ ВЕРСИЯ (v62) ===================== */
@media (max-width:760px){
  /* нижняя навигация: без размытия — иначе меню профиля и проектов обрезаются внутри неё */
  .side{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(9,7,20,.97)!important;z-index:80!important}
  .me-menu,.pj-menu{z-index:90;bottom:calc(72px + env(safe-area-inset-bottom))!important;max-height:calc(100dvh - 120px);overflow:auto}
  .main{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
  .igal-main,.pr-main,.sync-main{padding-bottom:12px!important}
  /* iOS не приближает поле при вводе, если шрифт ≥ 16px */
  input,textarea,select,.inp,.field{font-size:16px!important}
  .igal-head{flex-wrap:wrap;row-gap:2px}
  .igal-head h1{white-space:nowrap}
  .igal-head>.dim:not(.mono){flex:1 1 100%;font-size:12px!important}

  /* галерея — две колонки «кирпичиками» */
  .igal{display:block;columns:2;column-gap:6px}
  .igal>.gt{display:flex;width:100%!important;height:auto!important;margin:0 0 6px;break-inside:avoid}
  .igal>.gt.skel{aspect-ratio:9/16}
  .igal>.gempty{column-span:all;min-height:34vh}
  /* на тач-экране hover нет: скачать/удалить видны всегда, действия — в карточке по тапу */
  .gcorner{opacity:1!important;display:flex!important;top:6px;right:6px}
  .gcorner .gbtn{width:30px;height:30px;background:rgba(0,0,0,.45)}
  .gbadge{top:6px;left:6px}

  /* композер: рефы слева от текста, настройки под ним, кнопка на всю ширину */
  .icomp-wrap{bottom:calc(70px + env(safe-area-inset-bottom))!important;padding-top:4px}
  .icomp{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:8px!important;padding:8px!important;border-radius:20px!important}
  .icomp-main{display:contents!important}
  .icomp-refs{grid-column:1;grid-row:1;display:flex;flex-direction:row;gap:4px;max-width:132px;overflow-x:auto;scrollbar-width:none}
  .icomp-refs::-webkit-scrollbar{display:none}
  .icomp textarea{grid-column:2;grid-row:1;min-height:44px!important;max-height:96px;padding:6px 4px!important;line-height:1.35}
  .icomp textarea:focus{max-height:40vh}
  .icomp-bar{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:nowrap!important;overflow-x:auto;gap:5px!important;padding-bottom:2px;scrollbar-width:none;margin:0 -2px}
  .icomp-bar::-webkit-scrollbar{display:none}
  .icomp-bar>*{flex:0 0 auto}
  .icomp-bar .chip{min-height:34px!important;padding:5px 10px!important;font-size:13px!important;white-space:nowrap}
  .icomp-bar>.dim{display:none}
  .icomp-bar .grow{display:none}
  .icomp-bar .btn.gen{display:none!important}
  .icomp .gen-m{display:block;grid-column:1/-1;grid-row:3}
  .gen-m .btn{width:100%;justify-content:center;min-height:46px}
  .radd,.vframes .vf-add{width:44px!important;min-height:44px!important;height:44px;padding:0!important;flex-direction:column!important;gap:0!important;border-radius:12px}
  .radd span{font-size:9.5px}
  .radd b{font-size:17px}
  .rthumb,.vframes .vf{width:44px!important;min-height:44px!important;height:44px;border-radius:10px;flex:0 0 auto}
  .rthumb button{opacity:1;width:18px;height:18px;top:2px;right:2px;font-size:11px}
  .vframes .vf-l{font-size:8px;padding:1px 3px;left:2px;bottom:2px}

  /* выпадающие окна композера — снизу, как шторка */
  .icomp .pop,.icomp-wrap .pop,.vpop{position:fixed!important;left:8px!important;right:8px!important;top:auto!important;bottom:calc(76px + env(safe-area-inset-bottom))!important;
    min-width:0!important;width:auto!important;max-height:62dvh;overflow:auto;z-index:95;border-radius:22px!important}

  /* карточка генерации: картинка сверху, всё остальное прокручивается */
  .modal{padding:52px 8px 8px!important;align-items:stretch}
  .mbody{flex-direction:column;overflow:auto;gap:10px;height:auto;max-height:100%}
  .mimg{flex:0 0 auto}
  .mimg img,.mimg video{max-height:58dvh!important;max-width:100%!important}
  .mside{flex:0 0 auto;max-height:none;padding:16px!important}
  .mclose{top:8px!important;right:8px!important;width:38px!important;height:38px!important}
  .mnav{top:30dvh!important;width:36px!important;height:52px!important;font-size:22px!important;background:rgba(0,0,0,.45)!important}
  .mnav.prev{left:10px!important}.mnav.next{right:10px!important}
  .mrefs{grid-template-columns:repeat(4,minmax(0,1fr))}

  /* промптер */
  .pr-list{grid-template-columns:minmax(0,1fr)!important}
  .pr-card{min-width:0;gap:10px;padding:10px}
  .pr-th img{width:56px;height:80px}
  .pr-meta .mono{display:none}
  .pr-text{-webkit-line-clamp:8}

  /* Lip-sync */
  .smix{gap:8px!important;padding:8px!important}
  .strack{min-height:52px;padding:6px 8px;gap:8px}
  .strack>.dim{display:none}
  .st-tr{flex:0 1 96px!important}
  .smix-btn{height:48px}
  .smix-plan{flex-direction:row;flex-wrap:wrap;gap:4px 8px}

  /* утилиты */
  .tdrop{min-height:72px;padding:10px;gap:10px}
  .tdrop .ic3{width:44px;height:44px}
  .tdrop-t b{font-size:14px}
  .tdrop-t .dim{font-size:11.5px}
  .tdrop-b{padding:8px 10px}
  .topts{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .topts>*{flex:0 0 auto}
  .tgrid,.tgrid-t{grid-template-columns:minmax(0,1fr)}
  .tgrid .tvid{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px}
  .tgrid .tvid video{grid-row:1/span 2;max-height:220px}
  .trow{flex-wrap:wrap;row-gap:6px}
  .trow b.ell{flex:1 1 60%!important}
  .trow-x{flex:1 1 100%;order:3}

  /* субтитры: видео на пол-экрана, панели ниже */
  .sb-nle .sb-video .drop{min-height:52dvh}
  .sb-nle .sb-renders{max-height:none}
  .sb-nle .sb-foot #burn{min-width:0;flex:1 1 auto}

  /* профиль, команда, пополнение */
  .wmodal{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 24px);overflow:auto}
  .wquick{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wnets{grid-template-columns:1fr 1fr}

  /* страница «О сервисе» */
  .ab-in{padding:28px 16px calc(100px + env(safe-area-inset-bottom))!important}
  .ab-ctas .btn{flex:1 1 auto;justify-content:center}
  .ab-stats{gap:10px 18px}
  .ab-close{top:10px;right:10px}
}
@media (hover:none){
  .gdone:hover img{transform:none}
}

.gen-m{display:none}
@media (max-width:760px){
  /* у родителя с размытием fixed-элементы «прилипают» к нему, поэтому на телефоне композер без размытия */
  .icomp,.smix{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(12,10,26,.97)!important}
  .icomp .pop,.vpop{background:rgba(16,13,34,.98)!important;box-shadow:0 -20px 60px rgba(0,0,0,.6)!important}
}
@media (max-width:760px){
  .icomp .pop,.vpop{position:absolute!important;left:0!important;right:0!important;bottom:calc(100% + 8px)!important;top:auto!important;max-height:58dvh}
  .mnav{top:22dvh!important}
}
.wchip .eg{touch-action:none}
@media (hover:none){
  .capbox{border-color:rgba(201,184,255,.45)}
  .capbox i{opacity:1!important}
}
@media (max-width:760px){
  .sb-tlh>.dim{display:none}
  .sb-nle .sb-track{height:56px}
  .wchip .eg{width:14px!important}
  .capbox i{width:16px!important;height:16px!important}
  .ab-packs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .ab-pack{padding:12px 10px;border-radius:16px}
  .ab-pack b{font-size:24px}
  .ab-pack .mono{font-size:12px}
  .ab-pack i{display:none}
  .ab-bonus{font-size:9.5px;padding:3px 6px}
}

/* ===== Voice (озвучка) ===== */
.au-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:12px;align-content:start;flex:1 0 auto;padding-bottom:8px}
.au-list .gempty{grid-column:1/-1}
.au-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);min-width:0;transition:border-color .2s,background .2s}
.au-card:hover{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.045)}
.au-card.err{padding-right:40px}
.au-card .jdel{position:absolute;top:10px;right:10px}
.au-card .gbtn{background:rgba(255,255,255,.06)}
.au-card audio{width:100%;height:40px;border-radius:12px;color-scheme:dark}
.au-h{display:flex;align-items:center;gap:8px;font-size:13px;min-width:0}
.au-h b{color:var(--text)}
.au-h .grow{flex:1 1 auto}
.au-t{margin:0;font-size:14px;line-height:1.55;color:var(--text);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}
.au-card:hover .au-t{-webkit-line-clamp:14}
.au-ava{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:700 14px Onest,system-ui,sans-serif;color:#fff;
  background:linear-gradient(150deg,rgba(166,139,255,.55),rgba(91,43,255,.35));border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.au-ava.mine{background:linear-gradient(150deg,rgba(255,123,229,.55),rgba(124,92,255,.4))}
.au-ava.sm{width:24px;height:24px;font-size:11px}
.au-voice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:84px;min-height:78px;padding:6px;border-radius:14px;cursor:pointer;color:var(--text);
  border:1px solid rgba(201,184,255,.18);background:rgba(124,92,255,.08);transition:border-color .2s,background .2s}
.au-voice:hover{border-color:rgba(166,139,255,.6);background:rgba(124,92,255,.16)}
.au-voice .au-ava{width:38px;height:38px;font-size:15px}
.au-vn{font-size:12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.au-pop{min-width:440px;max-height:62vh;overflow:auto;gap:10px}
.au-langs{display:flex;flex-wrap:wrap;gap:6px}
.au-vgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.au-vgrid .opt,.au-mine .opt{display:flex;align-items:center;justify-content:flex-start;gap:10px;text-align:left}
.au-vgrid .opt>span:last-child,.au-mine .opt>span:last-child{flex:1 1 auto;min-width:0;text-align:left}
.au-mine{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}
.au-mine .btn{align-self:flex-start}
.au-mine-a{display:flex;gap:6px;flex-wrap:wrap}
.au-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;color:var(--muted);cursor:pointer}
.au-consent input{margin-top:2px;accent-color:#8B6CFF;flex:0 0 auto}
.wmodal .tdrop{flex:0 0 auto}

/* ===== Удаление фона / апскейл: «до / после» ===== */
.tgrid-i{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.timg-v{position:relative;border-radius:12px;overflow:hidden;background:#07060f;aspect-ratio:1/1;cursor:pointer}
.timg-v img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.timg-v .timg-src{opacity:0;transition:opacity .25s;background:#07060f}
.timg-v.show-src .timg-src{opacity:1}
@media (hover:hover){.timg-v:hover .timg-src{opacity:1}}
.timg-tag{position:absolute;left:8px;top:8px;z-index:2;padding:3px 8px;border-radius:999px;font:600 11px 'JetBrains Mono',monospace;color:#fff;background:rgba(0,0,0,.5);pointer-events:none}
.chk{background-color:#2a2838;background-image:linear-gradient(45deg,#3a374c 25%,transparent 25%),linear-gradient(-45deg,#3a374c 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#3a374c 75%),linear-gradient(-45deg,transparent 75%,#3a374c 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}
.tcard.twait.timg{padding:10px;justify-content:flex-start;min-height:0}
.tcard .gbtn.gi{padding:6px;flex:0 0 auto}
@media (max-width:760px){
  .au-list{grid-template-columns:minmax(0,1fr)}
  .au-pop{min-width:0}
  .au-vgrid{grid-template-columns:minmax(0,1fr)}
  .au-voice{width:62px;min-height:58px;gap:3px;padding:4px}
  .au-voice .au-ava{width:30px;height:30px;font-size:13px}
  .au-vn{font-size:10.5px}
  .tgrid-i{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ===== Prompter: JSON-промпт ===== */
.pr-json{margin:0;max-height:240px;overflow:auto;padding:12px 14px;border-radius:12px;background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.05);
  font:12.5px/1.6 'JetBrains Mono',ui-monospace,monospace;color:#CFE9DA;white-space:pre-wrap;word-break:break-word;scrollbar-width:thin}
.pr-json .jk{font-style:normal;color:#B7A4FF}
.pr-card .pr-meta{padding-right:28px}
.pr-card .gbtn.on{background:#fff;color:#0B0918}
.pr-card .gbtn.on svg{stroke:#0B0918}

/* ===== Слои → PSD ===== */
.ly-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.ly-v{aspect-ratio:4/5}
.ly-list{display:flex;flex-direction:column;gap:3px;max-height:190px;overflow:auto;scrollbar-width:thin}
.ly-row{display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:9px;font-size:12.5px;color:var(--text);background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.05)}
.ly-row svg{flex:0 0 auto;opacity:.7}
.ly-row.text{border-color:rgba(155,240,197,.28);color:#C9F5DD;background:rgba(155,240,197,.06)}
.ly-row.bg{color:var(--muted)}
.ly-t{flex:0 0 14px;text-align:center;font:700 12px Onest,system-ui,sans-serif;color:#9BF0C5}
.ly-card .tcard-f .btn{flex:0 0 auto}
@media (max-width:760px){.ly-grid{grid-template-columns:minmax(0,1fr)}}
/* в сайдбаре стало 7 утилит — на невысоких экранах ужимаем подпункты, чтобы аватар не уезжал вниз */
@media (min-width:761px) and (max-height:1000px){.side .nav.sub{height:32px}.navsub>div{gap:2px}}
@media (min-width:761px) and (max-height:820px){.side{overflow-y:auto;scrollbar-width:none}.side::-webkit-scrollbar{display:none}}
.ly-f{flex:0 0 auto;margin-left:auto;font-size:10.5px;color:#9BF0C5;opacity:.75}
.ly-fonts{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:12px}
.ly-fonts a{color:#C9B8FF;text-decoration:none;border-bottom:1px dashed rgba(201,184,255,.4)}
.ly-fonts a:hover{color:#fff}
.grid-ratio .gr-ref{grid-column:1/-1;flex-direction:row;justify-content:center;gap:8px;font-family:Onest,system-ui,sans-serif;font-size:13px}

/* ===== Админка: своя наценка команды и удаление ===== */
.org-line{flex-wrap:wrap}
.org-mk{padding:10px;border-radius:12px;background:rgba(8,6,24,.35);font-size:13px}
.org-mk summary{cursor:pointer;color:var(--text);list-style:none}
.org-mk summary::-webkit-details-marker{display:none}
.org-mk summary::before{content:'▸ ';color:var(--muted)}
.org-mk[open] summary::before{content:'▾ '}
.org-mk[open]{display:flex;flex-direction:column;gap:8px}
.org-mk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px}
.org-mk-grid label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);justify-content:space-between}
.org-mk-grid label.own{color:#9BF0C5}
.org-mk-grid .inp{width:62px;min-height:30px;padding:4px 8px;text-align:right}

/* ===== Заработок и карточка команды ===== */
.fin-panel{padding:18px;display:flex;flex-direction:column;gap:14px}
.fin-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.fk{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.fk b{font:700 22px 'Inter Tight',Onest,sans-serif;letter-spacing:-.02em;color:var(--text)}
.fk .dim{font-size:12px}
.fk.pos b,.pos{color:#7BE3BC}.fk.neg b,.neg{color:#FF8FA3}
.ch{position:relative;padding:10px 10px 4px;border-radius:14px;background:rgba(8,6,24,.35)}
.ch svg{width:100%;height:190px;display:block}
.ch-grid{stroke:rgba(255,255,255,.07);stroke-width:1}
.ch-ax{fill:rgba(220,214,255,.55);font:10.5px 'JetBrains Mono',monospace}
.ch-col{cursor:default;transition:opacity .15s}.ch-col.dim{opacity:.35}
.ch-leg{display:flex;gap:14px;font-size:12px;color:var(--muted);padding:0 4px 6px}
.ch-leg i,.ch-tip i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.ch-tip{position:absolute;top:30px;width:180px;display:flex;flex-direction:column;gap:3px;padding:9px 11px;border-radius:11px;font-size:12px;color:var(--text);background:rgba(14,11,30,.96);border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 30px rgba(0,0,0,.5);pointer-events:none;z-index:3}
.fin-api{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;padding:12px 14px;border-radius:14px;background:rgba(124,92,255,.07);border:1px solid rgba(201,184,255,.12);font-size:13px}
.fin-api.low{border-color:rgba(255,170,90,.45);background:rgba(255,170,90,.07)}
.fin-api .warn,.warn{color:#FFB86B}
.fin-api .btn{margin-left:auto}
.fin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:16px}
.fin-grid>div{display:flex;flex-direction:column;gap:8px;min-width:0}
.fin-tbl{min-width:420px;font-size:13px}
.fin-tbl td,.fin-tbl th{padding:7px 8px}
.fin-row{cursor:pointer}.fin-row:hover td{background:rgba(124,92,255,.08)}
.org-click{cursor:pointer;transition:border-color .2s,transform .2s}
.org-click:hover{border-color:rgba(201,184,255,.3);transform:translateY(-1px)}
.wmodal.om{width:min(980px,100%);max-height:calc(100dvh - 48px);overflow:auto;padding:24px}
.om-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-right:40px}
.om-head .wh{margin:0}
.om-tabs{margin:2px 0 4px}
.om-body{display:flex;flex-direction:column;gap:12px}
.org-tx .tx .gbtn{padding:2px 8px;font-size:11.5px;margin-left:6px}
@media (max-width:760px){.fin-grid{grid-template-columns:minmax(0,1fr)}.fin-kpis{grid-template-columns:1fr 1fr}.wmodal.om{padding:18px 14px}}
.au-speed{display:flex;align-items:center;gap:12px}.au-speed input{flex:1 1 auto;accent-color:#8B6CFF}
.ch-tip[hidden]{display:none}
.utabs.om-tabs{display:flex!important;margin:2px 0 4px}
/* крестик закрытия: символ ровно по центру круга */
.mclose{display:grid!important;place-items:center;padding:0!important;line-height:1!important;border-radius:50%!important;font-size:15px!important}
.hb.wclose{display:grid;place-items:center;padding:0;line-height:1}
.nb-list{display:flex;flex-wrap:wrap;gap:8px}
.nb{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);font-size:13px}
.nb .ini{width:24px;height:24px;font-size:11px}
.smix-go{flex-basis:250px}
.smix-eng{display:flex;width:100%}.smix-eng button{flex:1 1 50%;font-size:12px;padding:6px 6px;white-space:nowrap}

/* ===== v78: композер Image — стекло, мини-кнопки, поле раскрывается ===== */
/* размытие у композера вынесено в псевдо-элемент: иначе вложенные окна не могут размыть галерею под собой */
.icomp{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:transparent!important;transition:border-color .3s,box-shadow .3s}
.icomp::before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;background:rgba(12,10,26,.8);backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%)}
.icomp-wrap{isolation:isolate}
.icomp.focus{border-color:rgba(166,139,255,.32)!important;box-shadow:0 24px 70px -18px rgba(0,0,0,.75),0 0 0 1px rgba(124,92,255,.12),0 0 60px -18px rgba(124,92,255,.55)!important}
.icomp::after{content:'';position:absolute;left:18px;right:18px;top:-1px;height:1px;border-radius:2px;opacity:0;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(166,139,255,.9),rgba(255,79,216,.8),transparent);background-size:200% 100%;transition:opacity .3s}
.icomp.focus::after{opacity:.55}
.icomp.working::after{opacity:1;animation:compRun 1.4s linear infinite}
@keyframes compRun{from{background-position:200% 0}to{background-position:-200% 0}}
.icomp.dragging{border-color:rgba(166,139,255,.7)!important;box-shadow:0 0 0 3px rgba(124,92,255,.2),0 24px 70px -18px rgba(0,0,0,.75)!important}
.icomp.dragging .radd{border-color:rgba(166,139,255,.8);background:rgba(124,92,255,.14)}

.ifield{position:relative;display:flex;flex-direction:column;border-radius:14px;transition:background .3s}
.icomp.focus .ifield{background:rgba(255,255,255,.025)}
.icomp textarea{min-height:44px;transition:min-height .38s var(--ease);padding:8px 8px 4px!important}
.icomp.focus textarea{min-height:118px}
.icomp textarea::placeholder{color:var(--dim)}
.ifield-tools{display:flex;align-items:center;gap:4px;padding:0 4px 4px;min-height:32px}
.itool{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;border:0;background:transparent;color:var(--dim);cursor:pointer;font-size:16px;transition:background .2s,color .2s}
.itool:hover,.itool.open{background:rgba(255,255,255,.07);color:var(--text)}
.ifield-hint{font-size:11.5px;color:var(--dim);margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(3px);transition:opacity .3s,transform .3s}
.icomp.focus .ifield-hint{opacity:1;transform:none}
.ifield-tools .grow{flex:1 1 auto}
.ifield-cc{font-size:11px;color:var(--dim);margin-right:6px}
.ifield-tools .chip.enh{min-height:30px;padding:4px 11px;font-size:12.5px;border-radius:10px;display:inline-flex;align-items:center}

.icomp-bar{gap:4px!important}
.icomp-bar .chip.mdl{display:inline-flex;align-items:center;gap:7px;max-width:240px;background:rgba(106,61,255,.16);border-color:rgba(201,184,255,.26);color:#fff;font-weight:500}
.icomp-bar .chip.mdl .ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.icomp-bar .chip.mdl .car{opacity:.6;font-size:10px;transition:transform .25s}
.icomp-bar .chip.mdl.open .car{transform:rotate(180deg)}
.ibar-sep{width:1px;height:20px;background:rgba(255,255,255,.08);margin:0 4px;flex:0 0 auto}
.ib{position:relative;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--muted);font:500 13px/1 Onest,system-ui,sans-serif;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.ib:hover{background:rgba(255,255,255,.05);color:var(--text)}
.ib.open{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1);color:#fff}
.ib.mact{color:#fff}
.ib.mact svg{color:#FF7BE2}
.ib .mcnt{min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:linear-gradient(135deg,#7C5CFF,#FF4FD8);color:#fff;font-size:10.5px;display:inline-grid;place-items:center}
.rgl{display:inline-block;border:1.6px solid currentColor;border-radius:3px;opacity:.85}

/* выпадающие окна — матовое стекло над галереей, открываются над своей кнопкой */
.icomp .pop{left:0;bottom:calc(100% + 12px);min-width:260px;max-width:min(440px,100%);padding:12px!important;gap:10px!important;
  background:rgba(18,14,38,.55)!important;backdrop-filter:blur(34px) saturate(180%) brightness(.9)!important;-webkit-backdrop-filter:blur(34px) saturate(180%) brightness(.9)!important;
  border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 30px 80px -20px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.08)!important;border-radius:18px!important;transform-origin:var(--ax,30px) 100%}
.icomp .pop::after{content:'';position:absolute;bottom:-6px;left:calc(var(--ax,30px) - 6px);width:12px;height:12px;transform:rotate(45deg);background:rgba(24,19,48,.9);border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);border-radius:0 0 3px 0}
.icomp .pop.pop-model{width:400px}
.pop-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:-2px}
.pop-x{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;border:0;background:transparent;color:var(--dim);cursor:pointer}
.pop-x:hover{background:rgba(255,255,255,.08);color:var(--text)}
.pop-list{display:flex;flex-direction:column;gap:2px;max-height:min(52vh,460px);overflow:auto;margin:0 -4px;padding:0 4px;scrollbar-width:thin}
.icomp .pop .opt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border-radius:12px;border:1px solid transparent;background:transparent;text-align:left;color:var(--text);cursor:pointer}
.icomp .pop .opt:hover{background:rgba(255,255,255,.06)}
.icomp .pop .opt.on{background:rgba(124,92,255,.18);border-color:rgba(201,184,255,.28)}
.opt-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.opt-t b{font-size:14.5px;font-weight:600}
.opt-t .muted{font-size:12px;line-height:1.35}
.opt-p{color:var(--lilac);font-size:13px;flex:0 0 auto}
.hopt .opt-t span{font-size:13px;line-height:1.4;color:var(--muted)}
.pseg{display:flex;flex-direction:column;gap:6px}
.seg{display:flex;gap:3px;padding:3px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.seg button{flex:1 1 0;min-width:44px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:7px 8px;border-radius:9px;border:0;background:transparent;color:var(--muted);font:600 13px/1.1 Onest,system-ui,sans-serif;cursor:pointer;text-transform:capitalize;transition:background .2s,color .2s}
.seg button small{font:500 10.5px/1 'JetBrains Mono',monospace;color:var(--dim)}
.seg button:hover{color:var(--text);background:rgba(255,255,255,.05)}
.seg button.on{background:linear-gradient(135deg,rgba(124,92,255,.55),rgba(124,92,255,.3));color:#fff;box-shadow:0 4px 14px -4px rgba(124,92,255,.6)}
.seg button.on small{color:rgba(255,255,255,.8)}
.opt.tgl .sw{position:relative;width:36px;height:20px;border-radius:10px;background:rgba(255,255,255,.12);flex:0 0 auto;transition:background .25s}
.opt.tgl .sw::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .25s var(--ease)}
.opt.tgl.on .sw{background:#7C5CFF}
.opt.tgl.on .sw::after{transform:translateX(16px)}

@media (max-width:760px){
  .icomp::before{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(12,10,26,.97)}
  .icomp .ifield{grid-column:2;grid-row:1;min-width:0}
  .icomp textarea{min-height:44px!important}
  .icomp.focus textarea{min-height:96px!important}
  .ifield-hint{display:none}
  .ifield-tools{min-height:28px;padding:0 0 2px}
  .itool{width:28px;height:28px}
  .ib-t{display:none}
  .ib{height:34px;padding:0 9px;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.06)}
  .icomp-bar .chip.mdl{max-width:170px}
  .ibar-sep{display:none}
  .icomp .pop{max-width:none;background:rgba(18,14,38,.9)!important}
  .icomp .pop::after{display:none}
  .icomp .pop.pop-model{width:auto}
}
@media (min-width:761px){
  .icomp-main{padding-right:0!important}
  .icomp-bar .grow{display:block;flex:1 1 auto}
  .icomp-bar .btn.gen{position:relative!important;top:auto!important;right:auto!important;transform:none!important;min-height:42px;min-width:200px;border-radius:13px}
  .icomp-bar .btn.gen:active{transform:scale(.97)!important}
}
@media (max-width:760px){
  .icomp,.icomp.focus{background:#0D0B1C!important}
  .icomp::before{display:none}
}

/* ===== v78: компактная главная «О сервисе» ===== */
.ab2 .ab-in{gap:48px;padding-top:44px;padding-bottom:64px}
.ab2 .ab-hero{gap:14px}
.ab2 .ab-hero h1{font-size:clamp(34px,4.4vw,58px)}
.ab2 .ab-hero p{font-size:clamp(15px,1.2vw,17px)}
.ab-perks{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.ab-perks span{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;font-size:13px;color:rgba(222,214,255,.75);background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.ab-perks span::before{content:'';width:6px;height:6px;border-radius:50%;background:#9BF0C5}
.ab-perks span.hl{color:#fff;border-color:rgba(155,240,197,.3);background:rgba(155,240,197,.08)}
.ab-sh{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ab-sh span{font-size:13px;color:var(--dim)}
.ab2 .ab-sec{gap:16px}
.ab-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ab-tile{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;text-decoration:none;color:inherit;cursor:pointer;
  background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.07);transition:transform .3s var(--ease),border-color .25s,background .25s}
.ab-tile:hover{transform:translateY(-2px);border-color:rgba(201,184,255,.28);background:linear-gradient(160deg,rgba(124,92,255,.14),rgba(255,255,255,.02))}
.ab-tile .ab-ic{width:40px;height:40px;flex:0 0 auto}
.ab-tile:hover .ab-ic{scale:1.12;filter:drop-shadow(0 0 12px rgba(255,255,255,.3))}
.ab-tile-t{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 auto}
.ab-tile-t b{font-size:15.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ab-tile-t>span{font-size:13px;line-height:1.4;color:var(--muted)}
.ab-free{font:600 10px 'JetBrains Mono',monospace;font-style:normal;letter-spacing:.04em;padding:2px 7px;border-radius:999px;color:#0B0918;background:#9BF0C5}
.ab-go{color:var(--dim);font-size:18px;transition:transform .25s var(--ease),color .25s}
.ab-tile:hover .ab-go{transform:translateX(4px);color:#fff}
.ab-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.ab-plan{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px 20px 20px;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);transition:transform .3s var(--ease),border-color .25s}
.ab-plan:hover{transform:translateY(-3px);border-color:rgba(201,184,255,.22)}
.ab-plan.hot{background:linear-gradient(160deg,rgba(124,92,255,.24),rgba(255,123,229,.06));border-color:rgba(166,139,255,.5);box-shadow:0 24px 60px -24px rgba(124,92,255,.75)}
.ab-pop{position:absolute;top:-11px;left:20px;font:700 10.5px 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#7C5CFF,#FF4FD8)}
.ab-plan-h{display:flex;flex-direction:column;gap:2px}
.ab-plan-h b{font:800 19px 'Inter Tight',sans-serif;letter-spacing:-.02em}
.ab-plan-h span{font-size:12.5px;color:var(--dim)}
.ab-plan-p{display:flex;align-items:center;gap:8px;margin-top:8px}
.ab-plan-p b{font:800 40px/1 'Inter Tight',sans-serif;letter-spacing:-.03em}
.ab-plan-p .ab-bonus{margin:0}
.ab-plan-c{font-size:13.5px;color:#E4DAFF}
.ab-plan-e{font-size:12px;color:var(--dim)}
.ab-plan ul{list-style:none;margin:10px 0 4px;padding:12px 0 0;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:8px;flex:1 1 auto}
.ab-plan li{position:relative;padding-left:22px;font-size:13.5px;line-height:1.4;color:var(--muted)}
.ab-plan li b{color:#9BF0C5;font-weight:600}
.ab-plan li::before{content:'✓';position:absolute;left:0;top:0;color:#A68BFF;font-weight:700}
.ab-plan-b{justify-content:center;width:100%;margin-top:6px}
.ab-more{border-radius:18px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);padding:14px 18px}
.ab-more>summary{cursor:pointer;list-style:none;font-weight:600;font-size:14.5px;color:var(--muted);display:flex;justify-content:space-between}
.ab-more>summary::after{content:'+';font-size:18px;color:var(--dim);transition:transform .2s}
.ab-more[open]>summary::after{transform:rotate(45deg)}
.ab-more[open]{display:flex;flex-direction:column;gap:12px}
.ab2 .ab-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;align-items:start}
@media (max-width:1100px){.ab-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.ab-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){
  .ab2 .ab-in{gap:36px;padding-top:28px}
  .ab-tiles,.ab-plans,.ab2 .ab-faq{grid-template-columns:1fr}
  .ab-tile{padding:12px 14px}
  .ab-plan{padding:20px 16px 16px}
}

/* ===== v80: телефон — нижняя панель как в приложении ===== */
.mtab,.msheet-wrap{display:none}
@media (max-width:760px){
  /* старая боковая панель на телефоне не видна — остаётся только меню профиля */
  .side{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;height:0!important;min-height:0!important;padding:0!important;border:0!important;background:none!important;overflow:visible!important;z-index:96!important}
  .side>*:not(.me-wrap),.side .me-btn{display:none!important}
  .side .me-wrap{position:static}
  .me-menu{bottom:calc(74px + env(safe-area-inset-bottom))!important;z-index:96}
  .shell{padding-bottom:0!important}

  .mtab{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:95;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:rgba(9,7,20,.94);border-top:1px solid rgba(255,255,255,.07);
    backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}
  .mt-b{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:54px;border:0;border-radius:14px;background:transparent;color:var(--dim);
    font:600 11px/1 Onest,system-ui,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s,background .2s}
  .mt-b svg{transition:transform .25s var(--ease)}
  .mt-b.on{color:#fff}
  .mt-b.on svg{color:#B9A4FF}
  .mt-b.open{background:rgba(124,92,255,.16);color:#fff}
  .mt-b:active svg{transform:scale(.88)}
  .mt-ava{width:24px!important;height:24px!important;flex:0 0 24px!important;font-size:12px!important}
  .mt-b.on .mt-ava{box-shadow:0 0 0 2px #B9A4FF}

  .msheet-wrap{display:block;position:fixed;inset:0;z-index:94}
  .msheet-wrap[hidden]{display:none}
  .msheet-bg{position:absolute;inset:0;background:rgba(3,2,10,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade .2s}
  .msheet{position:absolute;left:8px;right:8px;bottom:calc(74px + env(safe-area-inset-bottom));padding:8px 12px 12px;border-radius:24px;
    background:rgba(18,14,38,.9);border:1px solid rgba(255,255,255,.1);box-shadow:0 -20px 60px rgba(0,0,0,.6);
    backdrop-filter:blur(28px) saturate(170%);-webkit-backdrop-filter:blur(28px) saturate(170%);animation:sheetUp .28s var(--ease)}
  .msheet[hidden]{display:none}
  @keyframes sheetUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
  .msheet-grab{width:36px;height:4px;border-radius:2px;background:rgba(255,255,255,.18);margin:2px auto 8px}
  .msheet-h{font:800 18px 'Inter Tight',sans-serif;letter-spacing:-.02em;margin:0 4px 10px}
  .msheet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ms-i{display:flex;align-items:center;gap:10px;min-height:64px;padding:10px 12px;border-radius:16px;text-decoration:none;color:var(--text);
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);-webkit-tap-highlight-color:transparent;transition:background .2s,transform .15s}
  .ms-i:active{transform:scale(.97);background:rgba(124,92,255,.18)}
  .ms-i.on{background:rgba(124,92,255,.18);border-color:rgba(201,184,255,.3)}
  .ms-i svg{flex:0 0 auto;color:#B9A4FF}
  .ms-i span{display:flex;flex-direction:column;gap:2px;min-width:0}
  .ms-i b{font-size:14px;font-weight:600}
  .ms-i small{font-size:11.5px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  /* утилиты: на телефоне выбор идёт через нижнюю панель, вкладки сверху не нужны */
  .utabs:not(.om-tabs){display:none!important}
}
@media (max-width:760px){
  .me-menu{position:fixed!important;left:8px!important;right:8px!important;width:auto!important;border-radius:22px!important}
}

/* ===== v81: раунд правок — читаемость поповеров, выравнивание, телефон ===== */
/* поповеры и меню — почти сплошной фон: вложенный backdrop-filter в Chromium не размывает то, что сзади */
.pop,.sb-menu,.me-menu,.vpop,.au-pop{background:rgba(16,13,34,.97)!important}
@media (max-width:760px){.me-menu,.icomp .pop,.icomp-wrap .pop,.vpop{background:rgba(14,11,30,.98)!important}}
/* раскрытая боковая панель — непрозрачная, заголовок страницы под ней не просвечивает */
@media (min-width:761px){.side:hover,.side:focus-within{background:rgba(10,8,24,.97)!important}}
/* сегменты: подпись по центру пилюли и в одну строку */
.seg{align-items:center}
.seg button{justify-content:center;white-space:nowrap}
.seg-chip button{white-space:nowrap}
/* формат кадра: фигура в фиксированной коробке — подписи на одной линии */
.grid-ratio button:not(.gr-ref){display:grid;grid-template-rows:30px auto;place-items:center;row-gap:6px}
/* субтитры: «Распознать» не обрезается краем панели */
.sb-top{flex-wrap:wrap;row-gap:8px}
.sb-top #cnt{min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis}
.sb-top .split-btn{flex:0 0 auto;margin-left:auto}
.sb-top .grow{display:none}
/* карточка генерации */
.mtags{display:flex;flex-wrap:wrap;gap:6px}
.mtags .tag,.mside .tag{text-transform:none;letter-spacing:0;font:500 12px Onest,system-ui,sans-serif}
.mside-acts,.mside-main{display:flex;gap:8px;flex-wrap:wrap}
.mside-main>*{flex:1 1 auto;justify-content:center}
.mside-acts{margin-top:4px}
/* ошибки в галерее: «Повторить» рядом с «Подставить» и пометка, что кредиты не списаны */
.gerr-a{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.gerr-a .gbtn{display:inline-flex;align-items:center;gap:5px}
.err-free{font-size:11.5px!important;color:#9BF0C5!important;opacity:.85;-webkit-line-clamp:unset!important}
.gw-stage{color:var(--text);font-size:13px}
/* окно команды: сверху, фиксированная высота — вкладки не прыгают */
.modal.om-modal{align-items:flex-start!important}
.wmodal.om{margin-top:6vh;min-height:min(640px,84vh)}
@media (max-width:760px){.wmodal.om{margin-top:0;min-height:0}}
/* наценки и цены утилит: % и $ сразу за полем, подписи в одну строку */
.org-mk-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px 14px}
.org-mk-grid label{display:grid!important;grid-template-columns:minmax(0,1fr) 64px 14px;align-items:center;gap:6px}
.org-mk-grid label .ell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.org-mk-grid label i{font-style:normal;color:var(--dim)}
.org-mk-grid .inp{width:64px!important}
.org-fees.org-mk-grid{display:grid;padding:10px}
.mk-grp{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-top:4px}
/* админка: оплаты, участники, ключи */
.head-sub{font-size:13px}
.pay-set{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);gap:12px 14px;align-items:end}
.pay-set .inp{font-size:13px}
.pay-set label:nth-child(3){max-width:160px}
.pay-set>button{justify-self:end;grid-column:2}
.tiers-row{margin-top:14px}
.users-tbl th{white-space:nowrap}
.acc-chips{display:flex;flex-wrap:wrap;gap:4px;max-width:330px}
.chip.acc{min-height:26px;padding:3px 8px;font-size:11.5px}
.lim-inp{width:84px;text-align:center}
.key-acts{flex:0 0 310px;display:flex;gap:8px;justify-content:flex-end}
.req .btn.sm,.orgs-head .btn.sm{min-height:34px}
@media (max-width:900px){.pay-set{grid-template-columns:minmax(0,1fr)}.pay-set>button{grid-column:auto;justify-self:start}.pay-set label:nth-child(3){max-width:none}}
/* единая ширина контента: лента, композер и утилиты — по одним краям */
@media (min-width:761px){
  .main>:not(.flare){width:100%;max-width:1480px;margin-left:auto;margin-right:auto}
  .icomp,.smix{width:100%}
  .tstrip{display:grid;grid-template-columns:minmax(0,1fr) 380px;align-items:stretch}
  .tstrip .topts{justify-content:flex-end;align-content:center}
  .tstrip .topts:empty{display:flex}
}
/* главная: заголовки плиток на одной высоте */
.ab-tile{align-items:flex-start}
.ab-tile .ab-ic,.ab-tile .ab-go{align-self:center}
/* видео: чип модели как в Изображениях, счётчик */
.vcount{gap:10px}
.vc-b{background:none;border:0;color:var(--muted);font-size:18px;cursor:pointer;min-width:24px}
.vpop .pop-list{max-height:min(420px,60vh);overflow:auto;-webkit-mask-image:linear-gradient(#000 88%,transparent);mask-image:linear-gradient(#000 88%,transparent);padding-bottom:18px}
.pop-model .pop-list{-webkit-mask-image:linear-gradient(#000 90%,transparent);mask-image:linear-gradient(#000 90%,transparent);padding-bottom:14px}
/* озвучка: имя и параметры в две строки, дата справа в одну строку */
.au-hn{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;line-height:1.3}
.au-meta{font-size:12px}
.au-dt{font-size:11px;white-space:nowrap;align-self:flex-start;padding-right:34px}
.au-card{min-height:150px}
.au-cnt{font-size:12px;padding:0 4px}
/* промптер */
.pr-json{-webkit-mask-image:linear-gradient(#000 82%,transparent);mask-image:linear-gradient(#000 82%,transparent)}
.pr-dt{font-size:11px;white-space:nowrap}
.pr-acts{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.pr-acts .gbtn{flex:0 0 auto}
.gbtn:disabled{opacity:.4;cursor:not-allowed}
/* липсинк: ключи с подписью, кнопка в обычном фирменном стиле */
.keychip .k-l{font-size:12.5px;color:var(--muted)}
.smix-btn{background:linear-gradient(135deg,#7C5CFF,#6A4BF0)!important;box-shadow:0 14px 40px -14px rgba(124,92,255,.8),inset 0 1px 0 rgba(255,255,255,.2)!important}
/* статистика */
.role-c{font-size:13px;color:var(--muted);white-space:nowrap}
.ht-ic{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px 12px 34px;color:#B9A4FF;box-sizing:border-box}
.ht-ic .ell{font-size:11.5px;color:var(--dim);max-width:100%}
.ht-k{text-transform:none!important;letter-spacing:0!important}
/* окна: кнопки в строках не сжимаются и одной высоты с полем */
.wrow .btn{flex:0 0 auto;white-space:nowrap}
.wbody .wrow .btn.sm,.wbody .wrow .inp,.wbody .wrow .waddr{min-height:40px}
@media (min-width:761px){.wbody .wrow{display:grid;grid-template-columns:minmax(0,1fr) 150px}.wbody .wrow .btn{justify-content:center}}
.wquick{grid-template-columns:repeat(4,minmax(0,1fr))}
.wteam{position:relative}
.wteam-top{align-self:flex-start;margin-top:8px}
.wrole-me{font-size:12px;font-weight:600;color:var(--lilac);letter-spacing:.02em}
.wm .wrole{height:30px;padding:0 26px 0 10px;font-size:12.5px;width:auto;flex:none}
.winv{align-self:flex-start}
.tcode{display:flex;align-items:center;justify-content:space-between;gap:10px}
.tcode-c{display:inline-flex;align-items:center;gap:5px;font:500 12px Onest,system-ui,sans-serif;font-style:normal;color:var(--muted)}
.wtx summary{cursor:pointer;list-style:none}
.wtx .org-tx{max-height:240px;overflow:auto;margin-top:6px}
.pf-ava-b{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
/* баланс и «в работе» в боковой панели */
.bal-chip,.act-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:100%;min-height:40px;padding:4px 2px;border-radius:12px;cursor:pointer;
  border:1px solid rgba(155,240,197,.18);background:rgba(155,240,197,.06);color:#9BF0C5;font:700 11.5px/1.1 'JetBrains Mono',monospace;transition:background .2s,border-color .2s;margin-bottom:6px}
.bal-chip small{font:500 10px Onest,system-ui,sans-serif;color:var(--dim)}
.bal-chip:hover{background:rgba(155,240,197,.12);border-color:rgba(155,240,197,.35)}
.bal-chip.neg{color:var(--err);border-color:rgba(255,79,216,.3);background:rgba(255,79,216,.06)}
.bal-chip[hidden],.act-pill[hidden]{display:none}
.bal-chip .tip,.act-pill .tip{display:none}
.act-pill{flex-direction:row;gap:6px;color:#C9B8FF;border-color:rgba(124,92,255,.3);background:rgba(124,92,255,.1)}
.side:hover .bal-chip,.side:focus-within .bal-chip,.side:hover .act-pill,.side:focus-within .act-pill{flex-direction:row;justify-content:flex-start;gap:6px;padding:0 12px}
.side:hover .bal-chip .tip,.side:focus-within .bal-chip .tip,.side:hover .act-pill .tip,.side:focus-within .act-pill .tip{display:inline;position:static;opacity:1;margin-left:auto;font:500 12.5px Onest,system-ui,sans-serif;color:var(--muted);background:none;border:0;padding:0;transform:none}
.act-pill-m{display:none}
/* тост с кнопкой «Пополнить» */
#toast div.t-act{pointer-events:auto;display:flex;align-items:center;gap:12px}
#toast div.t-act .btn{flex:0 0 auto}
#toast div span{min-width:0}
.org-bal .dim{font-family:Onest,system-ui,sans-serif}
.tdrop.busy{opacity:.55;pointer-events:none}
.fee-chip{white-space:nowrap}
.mt-bal{display:block;font:600 9.5px/1 'JetBrains Mono',monospace;color:#9BF0C5;margin-top:2px;letter-spacing:0}
.mt-bal:empty{display:none}

@media (max-width:760px){
  /* окна и карточка генерации не уходят под нижнюю панель */
  .modal{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
  .wmodal,.modal>.panel{max-height:calc(100dvh - 84px - env(safe-area-inset-bottom) - 24px)!important}
  .modal .mbody{max-height:calc(100dvh - 84px - env(safe-area-inset-bottom) - 60px)!important}
  .wmodal.wprof{height:auto!important;align-self:flex-end}
  .mside-main{position:sticky;bottom:-16px;padding:10px 0 2px;background:linear-gradient(180deg,transparent,rgba(14,11,30,.96) 30%)}
  /* последняя карточка не прячется под композером: отступ = его реальная высота */
  .igal-main{padding-bottom:calc(var(--cmp-h,140px) + 90px + env(safe-area-inset-bottom))!important}
  /* тосты — над нижней панелью */
  #toast{bottom:calc(84px + env(safe-area-inset-bottom))!important;width:calc(100vw - 24px);align-items:center}
  /* кнопки в окнах не обрезаются */
  .wrow{flex-wrap:wrap}.wrow .inp{flex:1 1 160px}
  .wquick{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  /* поверх меню профиля — затемнение, как у нижних листов */
  .me-wrap:has(.me-menu)::before{content:'';position:fixed;inset:0;background:rgba(3,2,10,.5);z-index:95}
  /* крупнее зоны нажатия */
  .seg button,.seg-chip button{min-height:40px;min-width:40px}
  .vc-b{min-width:40px;min-height:40px}
  .gbtn.gi,.jdel,.mref-act .hb,.me-lang button{min-width:40px;min-height:40px}
  .me-lang button{padding:6px 10px}
  /* опции видео переносятся, ничего не спрятано за горизонтальной прокруткой */
  .vgal-main .icomp-bar{flex-wrap:wrap!important;row-gap:8px;overflow:visible!important}
  .icomp textarea{max-height:28dvh}
  body:has(.icomp textarea:focus) .mtab{display:none}
  body:has(.icomp textarea:focus) .icomp-wrap{bottom:calc(8px + env(safe-area-inset-bottom))!important}
  /* субтитры: «Распознать» на своей строке */
  .sb-top .split-btn{flex:1 1 100%;margin-left:0}
  .sb-top .split-btn #go{flex:1 1 auto;justify-content:center}
  /* статистика: фильтры прокручиваются, KPI 3 в ряд */
  .hist-head #hk{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%}
  .hist-head #hk button{flex:0 0 auto}
  .kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  .kpi{padding:12px!important;min-width:0}
  .kpi b{font-size:22px!important}
  .scroll-x{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
  /* админка: участники — карточками, а не широкой таблицей */
  .users-tbl{min-width:0!important}
  .users-tbl thead{display:none}
  .users-tbl,.users-tbl tbody{display:block;width:100%}
  .users-tbl tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.06)}
  .users-tbl td{display:block;padding:0!important;border:0!important}
  .users-tbl td:nth-child(1){grid-column:1/-1}
  .users-tbl td:nth-child(5){grid-column:1/-1}
  .users-tbl td:nth-child(8){grid-column:1/-1;text-align:left!important}
  .users-tbl .sel{max-width:100%!important}
  .acc-chips{max-width:none}
  section.scroll-x:has(.users-tbl){-webkit-mask-image:none;mask-image:none}
  /* результаты фона и апскейла — 2 колонки на всю ширину */
  .tgrid-i{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  /* подписи в листе «Ещё» — в две строки */
  .ms-i small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .msheet-h{display:flex;align-items:center;gap:8px}
  .ms-bal{display:flex;flex-direction:column;align-items:flex-end;font:600 12px Onest,system-ui,sans-serif;line-height:1.2}
  .ms-bal b{font:700 14px 'JetBrains Mono',monospace;color:#9BF0C5}
  .ms-bal .dim{font-size:10.5px;font-weight:500}
  /* «в работе» на телефоне — маленькая пилюля сверху */
  .act-pill-m{display:inline-flex;align-items:center;gap:6px;position:fixed;top:calc(10px + env(safe-area-inset-top));right:12px;z-index:90;padding:6px 12px;border-radius:999px;
    border:1px solid rgba(124,92,255,.35);background:rgba(18,14,38,.96);color:#DCD2FF;font:600 12px Onest,system-ui,sans-serif;cursor:pointer}
  .act-pill-m[hidden]{display:none}
  .au-dt{padding-right:40px}
}

/* ===== v81 · телефон: экран не уезжает вбок ===== */
/* страховка: html — hidden (уходит во viewport, sticky не ломается), body — clip (не становится контейнером прокрутки) */
html{overflow-x:hidden}
body{overflow-x:clip;max-width:100%}
/* «Возможности и цены»: свечение героя вылезало на 120px вправо — оверлей прокручивался вбок и обрезал текст слева */
.ab-ov{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.ab{overflow-x:clip;max-width:100%}
.ab-hero::before{right:0;width:min(520px,100%);max-width:100%}
.ab-in{min-width:0;max-width:min(1120px,100%)}
.ab-in>*{min-width:0;max-width:100%}
.ab-hero h1,.ab-hero p,.ab-plan,.ab-tile,.ab-faq{overflow-wrap:anywhere}
/* сетки с жёстким минимумом колонки — на узком экране колонка не шире экрана */
.orgs{grid-template-columns:repeat(auto-fill,minmax(min(330px,100%),1fr))}
.pr-list{grid-template-columns:repeat(auto-fill,minmax(min(420px,100%),1fr))}
.au-list{grid-template-columns:repeat(auto-fill,minmax(min(380px,100%),1fr))}
.tgrid{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr))}
.tgrid-t{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr))}
.ly-grid{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}
.fin-grid{grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr))}
.tsteps{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
.ab-packs{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}
.ab-utils{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
.ab-utils div{flex-direction:column;justify-content:flex-start;gap:8px;line-height:1.4}
.ab-utils b{white-space:normal;color:var(--lilac)}
.org-mk-grid{grid-template-columns:repeat(auto-fill,minmax(min(210px,100%),1fr))}
.org,.org *{min-width:0}
/* длинные коды, адреса кошельков, имена файлов не распирают строку */
.waddr,.mprompt,.ttext-b,.req-who,.tx span{overflow-wrap:anywhere;min-width:0}
@media (max-width:760px){
  #view,.main{max-width:100vw;min-width:0}
  .wmodal,.modal>.panel,.modal .mbody{max-width:calc(100vw - 16px)}
  .modal{overflow-x:hidden}
  /* iOS увеличивает страницу при фокусе на поле с шрифтом меньше 16px — экран «уезжает» вбок. На телефонах — 16px */
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),textarea,select{font-size:16px!important}
}

/* ===== v81 · ПК: читаемые поповеры, карточка, команда ===== */
/* поповеры композера перебивали фон своим .55 — делаем почти сплошными, чтобы галерея не просвечивала сквозь текст */
.icomp .pop,.main .pop,.vpop,.au-pop,.me-menu,.sb-menu{background:rgba(16,13,34,.97)!important}
.icomp .pop::after{background:rgba(16,13,34,.97)}
/* карточка генерации: панель по высоте содержимого, без пустой простыни снизу */
@media (min-width:901px){.mbody>.mside{align-self:center;height:auto}}
/* «История операций» в окне команды — видно, что раскрывается */
.wtx summary{display:flex;align-items:center;gap:6px}
.wtx summary::-webkit-details-marker{display:none}
.wtx summary::after{content:'';width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s;opacity:.7}
.wtx[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.ab-ov .ab-kick{padding-right:52px}
/* админка: доступы — ровная сетка 3×2 вместо рваных трёх строк */
@media (min-width:761px){.acc-chips{display:grid;grid-template-columns:repeat(3,max-content);gap:4px;max-width:none}.acc-chips .chip.acc{justify-content:center}}
@media (max-width:760px){
  /* статистика по людям — карточками: имя, роль и онлайн сверху, цифры сеткой 4×2 */
  .panel.scroll-x:has(.stats-tbl){-webkit-mask-image:none;mask-image:none;overflow:visible}
  .stats-tbl{min-width:0!important;display:block}
  .stats-tbl thead{display:none}
  .stats-tbl tbody{display:block}
  .stats-tbl tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 6px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.06)}
  .stats-tbl td{display:flex;flex-direction:column;gap:2px;padding:0!important;border:0!important;text-align:left!important;min-width:0}
  .stats-tbl td:nth-child(1){grid-column:1/3;grid-row:1}
  .stats-tbl td.role-c{grid-column:3/4;grid-row:1;justify-content:center}
  .stats-tbl td.st-seen{grid-column:4/5;grid-row:1;justify-content:center;text-align:right!important;font-size:12.5px}
  .stats-tbl td[data-l]::before{content:attr(data-l);font:500 10.5px Onest,system-ui,sans-serif;color:var(--dim);letter-spacing:.02em}
  .stats-tbl td[data-l]{font-size:14px}
  /* «История операций» — подпись слева со стрелкой рядом */
  .wtx summary{display:flex!important;justify-content:flex-start!important;text-align:left!important}
}
.wtx summary.wlbl{flex-direction:row!important;align-items:center}

/* ===== v81 · компрессор: полоса загрузки больших файлов ===== */
.tupl{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:16px;border:1px solid rgba(160,130,255,.28);background:linear-gradient(180deg,rgba(124,92,255,.12),rgba(16,14,42,.55));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:13px}
.tupl[hidden]{display:none}
.tupl b{font-weight:600;white-space:nowrap}
.tupl .bar{flex:1 1 auto;min-width:60px}
.tupl .mono{font-size:12px;white-space:nowrap}
@media (max-width:640px){.tupl{flex-wrap:wrap;gap:8px 10px;padding:10px 12px}.tupl .bar{order:3;flex:1 1 100%}.tupl .mono{margin-left:auto}}

/* ===== v81 · исправления регрессий ===== */
/* промптер: кнопки результата снова переносятся, «В Видео» видна целиком */
.pr-acts{flex-wrap:wrap!important;overflow:visible!important}
/* админка: таблица участников влезает в контейнер, кнопка ✕ видна */
@media (min-width:761px){
  .users-tbl th,.users-tbl td{padding-left:9px!important;padding-right:9px!important}
  .users-tbl th:nth-child(6){white-space:normal}
  .users-tbl input[data-f="name"]{width:130px}
  .users-tbl select[data-f="org_id"]{max-width:150px!important}
  .users-tbl td:last-child{white-space:nowrap}
  .acc-chips .chip.acc{padding:3px 7px}
}
@media (min-width:761px) and (max-width:1400px){
  .users-tbl th,.users-tbl td{padding-left:7px!important;padding-right:7px!important}
  .users-tbl input[data-f="name"]{width:112px}
  .users-tbl select[data-f="org_id"]{max-width:128px!important}
}
@media (max-width:760px){
  /* видео: опции снова в одну строку с прокруткой — поле ввода не растёт, меню модели помещается; затухание справа подсказывает, что ряд листается */
  .vgal-main .icomp-bar{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);padding-right:22px}
  /* «Ещё»: баланс не сдвигает подпись — вкладки ровные */
  .mt-b>span{position:relative}
  .mt-bal{position:absolute;left:50%;top:100%;transform:translateX(-50%);white-space:nowrap;margin-top:1px}
  .mtab:has(.mt-bal:not(:empty)) .mt-b{padding-bottom:10px}
  /* утилиты: цена первой в ряду режимов — видна без прокрутки */
  .topts>.fee-chip{order:-1}
}

/* ===== v83 · телефон в альбомной ориентации, админка 1280, сжатие, меню субтитров ===== */
/* админка 1280–1400: таблица участников целиком влезает в контейнер, ✕ не уходит под прокрутку */
@media (min-width:761px) and (max-width:1400px){
  .users-tbl th,.users-tbl td{padding-left:6px!important;padding-right:6px!important}
  .users-tbl input[data-f="name"]{width:100px}
  .users-tbl select[data-f="org_id"]{max-width:116px!important}
  .users-tbl .acc-chips .chip.acc{padding:3px 6px}
  .users-tbl td:last-child .btn{padding-left:10px;padding-right:10px}
}
/* сжатие на телефоне: режимы — во всю ширину отдельной строкой, «Под размер» не прячется; подпись у прогресса не обрезается */
@media (max-width:760px){
  .topts:has(>.seg-chip){flex-wrap:wrap;overflow:visible}
  .topts>.seg-chip{flex:1 1 100%;display:flex;min-width:0}
  .topts>.seg-chip>button{flex:1 1 0;min-width:0;padding-left:4px;padding-right:4px;white-space:nowrap;text-align:center}
  .trow-x>.dim{flex:0 0 auto;white-space:nowrap}
}
/* узкая карточка с ошибкой (320 px): ✕ в углу не наезжает на «Ошибка» */
@media (max-width:420px){.gerr{padding-top:48px}}
/* субтитры: меню ▾, которому не хватает места снизу (телефон — нижняя панель вкладок), открывается вверх — см. burner.js */
.sb-menu.pop.up{top:auto!important;bottom:calc(100% + 8px)!important}
.sb-menu.pop.fit{overflow:auto}
.sb-menu.pop{background:#100D22!important}
/* панель редактора обрезала меню (overflow:hidden) — пока меню открыто, даём ему выйти за край панели */
.sb-ed:has(.sb-menu){overflow:visible;position:relative;z-index:5}
.sb-ed:has(.sb-menu) .sb-top{z-index:30}
/* телефон боком (низкий экран): карточка картинки — картинка слева, панель справа со своей прокруткой, стрелки по краям */
@media (max-height:500px) and (orientation:landscape){
  .modal{padding:8px 56px!important;align-items:center}
  .modal .mbody{flex-direction:row!important;align-items:stretch;gap:12px;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;overflow:hidden!important}
  .modal .mimg{flex:1 1 auto;min-width:0;min-height:0}
  .modal .mimg img,.modal .mimg video{max-height:calc(100dvh - 16px)!important;max-width:100%!important;width:auto;height:auto}
  .modal .mbody>.mside{flex:0 0 min(340px,46vw)!important;align-self:stretch;height:auto;max-height:100%!important;overflow:auto!important;padding:12px!important;gap:10px}
  .modal .mside-main{position:static}
  .mclose{top:8px!important;right:8px!important;width:38px!important;height:38px!important}
  .mnav{top:50%!important;transform:translateY(-50%)!important;width:40px!important;height:56px!important;font-size:22px!important;background:rgba(0,0,0,.45)!important}
  .mnav.prev{left:8px!important}.mnav.next{right:8px!important}
  /* поле ввода компактнее и непрозрачное — галерея не просвечивает и видна над ним */
  .icomp-wrap{bottom:6px!important;padding-top:2px}
  .icomp,.icomp.focus{background:#0D0B1C!important;padding:6px 8px!important;gap:6px!important;border-radius:16px!important}
  .icomp::before{display:none}
  .icomp .radd{width:52px;min-height:52px}
  .icomp .rthumb{width:40px;min-height:52px}
  .icomp textarea{min-height:36px!important;max-height:22dvh!important}
  .icomp.focus textarea{min-height:56px!important}
  .ifield-hint{display:none}
  .icomp-bar .chip{min-height:30px;padding:3px 9px;font-size:12.5px}
  .icomp-bar .btn.gen{min-height:36px!important;min-width:0!important;padding-left:14px;padding-right:14px}
  .icomp{align-items:flex-start!important}
  .icomp .radd{width:44px;min-height:44px;height:44px}
  .icomp .radd span{display:none}
  .icomp .rthumb{width:34px;min-height:44px;height:44px}
  .icomp-main{gap:4px!important}
  .ifield-tools{min-height:26px;padding:0}
  .ifield-tools .itool{width:26px;height:26px}
  .icomp-bar{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}
  .icomp-bar>*{flex:0 0 auto}
}

/* ===== v84: персонажи и уникализация ===== */
.ch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;max-height:min(46vh,380px);overflow:auto;margin:0 -2px;padding:2px}
.ch-card{position:relative;display:flex;flex-direction:column;gap:3px;padding:6px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:border-color .2s,background .2s,transform .15s}
.ch-card:hover{border-color:rgba(201,184,255,.4);background:rgba(124,92,255,.12)}
.ch-card:active{transform:scale(.97)}
.ch-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:rgba(255,255,255,.04)}
.ch-card b{font-size:12.5px}
.ch-card .dim{font-size:11px}
.ch-del{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(6,5,16,.75);color:#fff;font-size:12px;cursor:pointer;opacity:0;transition:opacity .2s}
.ch-card:hover .ch-del,.ch-card:focus-within .ch-del{opacity:1}
@media (hover:none){.ch-del{opacity:1}}
.ch-new{display:flex;gap:6px;flex-wrap:wrap}
.ch-new .inp{flex:1 1 180px;min-height:36px}
.ch-new .btn{flex:0 0 auto}
.uq-th{width:36px;height:36px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.1)}

/* ---------- Подписки ---------- */
body.staff .gen-price, body.staff .opt-p, body.staff .fee-chip, body.staff .bal-chip, body.staff .mt-bal { display: none !important; }
a.me-it { text-decoration: none; }
.plans { display: flex; flex-direction: column; gap: 18px; max-width: 980px; width: 100%; }
.pl-card { padding: 22px; display: flex; flex-direction: column; gap: 16px; }
.pl-card h2 { margin: 0 0 6px; font-size: 20px; }
.pl-card p { margin: 0; line-height: 1.5; }
.pl-all { flex-direction: row; align-items: center; gap: 18px; }
.pl-h { display: flex; gap: 16px; align-items: flex-start; }
.pl-h > div:nth-child(2) { flex: 1 1 auto; min-width: 0; }
.pl-price { display: flex; flex-direction: column; align-items: flex-end; white-space: nowrap; }
.pl-price b { font-size: 26px; color: var(--lilac); }
.pl-rows { display: flex; flex-direction: column; gap: 10px; }
.pl-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding: 12px 14px; border: 1px solid var(--line); border-radius: 14px; background: rgba(245,243,255,.03); }
.pl-on { color: var(--lilac); font-weight: 600; margin-left: 6px; }
.pl-scope { display: flex; align-items: center; gap: 8px; }
.pl-scope .chip { min-height: 32px; padding: 6px 12px; font-size: 13px; }
.pl-packs { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }
.pl-pack { display: flex; flex-direction: column; gap: 4px; align-items: flex-start; padding: 16px; border-radius: 16px; border: 1px solid rgba(201,184,255,.2); background: rgba(91,43,255,.08); color: var(--text); cursor: pointer; text-align: left; transition: border-color .15s, background .15s; }
.pl-pack:hover { border-color: rgba(201,184,255,.6); background: rgba(91,43,255,.18); }
.pl-pack b { font-size: 22px; }
.pl-pp { margin-top: 8px; font-weight: 700; color: var(--lilac); }
.pl-per { font-size: 12px; }
.pl-adm { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; }
.pl-adm label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: var(--muted); flex: 1 1 220px; }
.plans-wall { text-align: center; }
.tts-chip { text-decoration: none; min-height: 34px; padding: 6px 10px; font-size: 12px; }
@media (max-width: 640px) { .pl-h { flex-wrap: wrap; } .pl-price { align-items: flex-start; } .pl-h .ic3 { width: 44px; height: 44px; } }
/* v86: на телефоне подсветка и раскрытие поля — только когда печатаешь. Иначе тап по «Формат/2K/×1» включал
   фиолетовое свечение и увеличивал поле, а после выбора всё резко гасло и прыгало — экран «бликал» */
@media (max-width:760px){
  .icomp.focus{border-color:rgba(255,255,255,.08)!important;box-shadow:0 24px 70px -18px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.05)!important}
  .icomp.focus::after{opacity:0}
  .icomp.focus textarea{min-height:36px!important}
  .icomp:has(textarea:focus){border-color:rgba(166,139,255,.32)!important}
  .icomp:has(textarea:focus) textarea{min-height:56px!important}
  .icomp.working::after{opacity:1}
}
/* v86: боковое меню — разделы прокручиваются внутри, баланс и профиль всегда видны внизу */
@media (min-width:761px){
  .side-nav{display:flex;flex-direction:column;align-items:stretch;gap:6px;flex:0 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;
    margin:0 -17px;padding:0 17px;scrollbar-width:none;overscroll-behavior:contain}
  .side-nav::-webkit-scrollbar{display:none}
  .side{overflow:visible!important}
}
@media (max-width:760px){.side-nav{display:contents}}
/* v88: пакеты — реальная выгода: зачёркнутые кредиты без бонуса, цена за картинку, экономия к конкурентам */
.ab-old{color:var(--dim);text-decoration:line-through;text-decoration-color:rgba(255,120,150,.7);font-weight:400;margin-right:2px}
.ab-plan-u{font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.ab-cut{font-style:normal;font:700 10.5px 'JetBrains Mono',monospace;color:#9BF0C5;background:rgba(155,240,197,.1);padding:2px 7px;border-radius:999px}
.ab-wins{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 14px}
.ab-wins span{font-size:13px;color:var(--muted);padding:7px 12px;border-radius:999px;background:rgba(155,240,197,.06);border:1px solid rgba(155,240,197,.18)}
.ab-wins b{color:#9BF0C5;font-weight:600}
/* v89: колонка контента — баннер сверху + раздел */
.view-col{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
#topBan:empty{display:none}
.sub-ban{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 36px 0;padding:10px 12px 10px 14px;border-radius:14px;font-size:13.5px;color:#FFD9A8;
  background:linear-gradient(90deg,rgba(255,184,107,.14),rgba(255,184,107,.05));border:1px solid rgba(255,184,107,.32)}
.sub-ban>span{flex:1 1 220px;min-width:0}.sub-ban b{color:#fff}
.sub-ban .btn{flex:0 0 auto}
.sub-ban-x{flex:0 0 auto;width:30px;height:30px}
@media (max-width:760px){.sub-ban{margin:10px 12px 0;font-size:13px;flex-wrap:nowrap}.sub-ban>span{flex:1 1 0}}
/* баланс заканчивается — янтарный */
.bal-chip.low{color:#FFB86B;border-color:rgba(255,184,107,.4);background:rgba(255,184,107,.1)}
.bal-chip.low:hover{background:rgba(255,184,107,.18);border-color:rgba(255,184,107,.6)}
.mt-bal.low,.ms-bal.low b{color:#FFB86B!important}.mt-bal.neg{color:var(--err)!important}
.ms-bal.low .dim{color:#FFD9A8}
.me-bal.low>b{color:#FFB86B}
.me-it.me-all{font-size:12.5px;opacity:.85}
/* приветственные ✦ */
.welcome{position:fixed;z-index:89;right:24px;top:88px;width:min(460px,calc(100vw - 24px));display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;
  background:rgba(22,18,52,.92)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(155,240,197,.35);box-shadow:0 24px 60px -18px rgba(0,0,0,.7),0 0 0 4px rgba(155,240,197,.06);animation:popIn .35s var(--ease)}
.welcome.out{opacity:0;transform:translateY(-10px);transition:.2s}
.welcome-ic{flex:0 0 40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;color:#9BF0C5;background:rgba(155,240,197,.12)}
.welcome-t{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:14px}.welcome-t .dim{font-size:12.5px}
.welcome .btn{flex:0 0 auto}
@media (max-width:760px){.welcome{right:12px;top:12px}}
@media (max-width:520px){.welcome{flex-wrap:wrap}.welcome-t{flex:1 1 calc(100% - 56px)}.welcome .btn{margin-left:52px}}
/* модалка «вступить в команду» по ссылке */
.join-m .wbody{align-items:center;text-align:center}
.join-ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;color:var(--lilac);background:rgba(124,92,255,.16);margin:4px auto 0}
.join-acts{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:6px}
/* шаблоны промптов на пустых экранах */
.tpl{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:14px;max-width:760px;width:100%}
.tpl-h{letter-spacing:.06em}
.tpl-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.tpl-chip{flex-direction:column;align-items:flex-start;gap:1px;min-height:0;padding:8px 12px;text-align:left;font-size:12.5px;max-width:260px}
.tpl-chip b{font-size:13px;color:var(--text)}.tpl-chip span{color:var(--muted)}
.tpl-chip:hover{border-color:rgba(166,139,255,.5);background:rgba(124,92,255,.14)}
.tpl-say{max-width:320px}.tpl-say span{font-style:italic}
.tpl-need{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.tpl-need span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);padding:6px 10px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
@media (max-width:760px){.tpl-chip{max-width:none;flex:1 1 calc(50% - 8px)}.tpl-say{flex-basis:100%}.gempty .tpl{margin-top:8px}}
/* админка: оплаты, заявки, переводы без счёта */
.pay-pend{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;margin-bottom:12px;border-radius:12px;font-size:13px;line-height:1.45;color:#FFD9A8;background:rgba(255,184,107,.1);border:1px solid rgba(255,184,107,.35)}
.pay-pend svg{flex:0 0 auto;margin-top:2px}.pay-pend b{color:#fff}.pay-pend .mono{word-break:break-all}
.pay-set .ps-w{grid-column:span 1}
.pay-set .ps-note{grid-column:1/-1;font-size:12.5px;margin-top:-4px}
.pay-set label.ps-n{max-width:none}
.pay-set label:nth-child(3){max-width:none}
.inp[readonly]{opacity:.65;cursor:not-allowed}
.inp.bad{border-color:var(--err)!important}
.pay-sub{display:block;margin-top:16px}
.claims{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.claim{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(7,6,26,.5);border:1px solid rgba(201,184,255,.12);min-width:0}
.cl-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}.cl-head>b{font-size:16px}
.cl-ok{color:#9BF0C5;font-weight:600}.cl-bad{color:var(--err);font-weight:600}
.cl-kv{display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 12px;font-size:12.5px}
.cl-k{color:var(--dim);font-size:12px}.cl-v{min-width:0;word-break:break-all}
.cl-invs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px}
.cl-invs .cl-k{flex:1 1 100%}
.cl-inv{padding:4px 8px;border-radius:8px;background:rgba(255,255,255,.035);border:1px solid var(--line)}
.cl-inv .pos{color:#9BF0C5}
.cl-act{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.cl-act .inp{width:110px}
@media (max-width:600px){.cl-kv{grid-template-columns:minmax(0,1fr)}.cl-k{margin-top:4px}.cl-act .inp{flex:1 1 100%;width:auto}}
.unm-tbl td,.bk-tbl td{white-space:nowrap}
/* новые пользователи, бэкапы */
.nu-set{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:8px}
.nu-set label{display:flex;flex-direction:column;gap:6px;flex:1 1 220px;font-size:12px}
.nu-set .inp{max-width:200px}
.warn-b{color:#FFD9A8}
.bk-last{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:13.5px;margin-bottom:8px}.bk-last>span:nth-child(2){flex:1 1 0;min-width:200px}
.bk-hint{margin-top:10px;padding:10px 12px;border-radius:12px;font-size:12.5px;line-height:1.5;color:var(--muted);background:rgba(255,255,255,.03);border:1px solid var(--line)}
.bk-hint b{color:var(--text)}.bk-hint .mono{color:var(--lilac);word-break:break-all}
/* пополнение: QR адреса и бонус за первое пополнение */
.wpay-addr{display:flex;gap:12px;align-items:stretch}
.wqr{flex:0 0 132px;display:flex;flex-direction:column;align-items:center;gap:4px}
.wqr svg{width:132px;height:132px;border-radius:12px;display:block}
.wqr small{font-size:11.5px;color:var(--muted);text-align:center}
.wpay-r{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:8px}
.wexact{font-size:12px;line-height:1.45;color:#FFD9A8;padding:8px 10px;border-radius:10px;background:rgba(255,184,107,.08);border:1px solid rgba(255,184,107,.25)}
.wexact b{color:#fff}
@media (max-width:430px){.wpay-addr{flex-direction:column;align-items:center}.wpay-r{width:100%}}
.wfirst{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:linear-gradient(90deg,rgba(155,240,197,.14),rgba(155,240,197,.04));border:1px solid rgba(155,240,197,.32)}
.wfirst>span{display:flex;flex-direction:column;gap:1px;font-size:13.5px}.wfirst .dim{font-size:12px}
.wfirst-ic{flex:0 0 34px;height:34px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-size:17px;color:#9BF0C5;background:rgba(155,240,197,.14)}
.lg-join{color:#9BF0C5}
@media (max-width:760px){.sync-main .gempty:has(.tpl) .ic3{display:none}.sync-main .gempty:has(.tpl){min-height:0;padding-top:8px}}

/* ===== v90: референсы — компактная сетка квадратиков 54×54 (2 ряда, растёт вправо) + просмотр на весь экран ===== */
.rthumb{cursor:zoom-in}
.rthumb:focus-visible{outline:2px solid rgba(166,139,255,.8);outline-offset:1px}
@media (min-width:761px){
  .icomp .icomp-refs{display:grid;grid-template-rows:54px;grid-auto-flow:column;grid-auto-columns:54px;gap:6px;align-self:flex-start;align-content:start;max-width:min(40%,248px);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}
  .icomp .icomp-refs::-webkit-scrollbar{display:none}
  .icomp .icomp-refs .rthumb{width:54px;height:54px;min-height:0;border-radius:11px}
  .icomp .icomp-refs .radd{width:54px;height:54px;min-height:0;border-radius:11px;font-size:10.5px;gap:0}
  .icomp .icomp-refs .radd b{font-size:18px}

  .icomp .icomp-refs .rthumb button{width:18px;height:18px;top:3px;right:3px;font-size:11px}
}
.refview{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px 24px 84px;
  background:rgba(6,5,16,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:rvIn .15s ease-out}
.refview img{max-width:100%;max-height:100%;object-fit:contain;border-radius:14px;box-shadow:0 30px 80px -20px rgba(0,0,0,.8)}
.rv-bar{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:6px;border-radius:14px;
  background:rgba(16,13,40,.9);border:1px solid rgba(201,184,255,.16)}
.rv-b{min-width:38px;height:38px;padding:0 12px;border-radius:10px;border:0;cursor:pointer;color:var(--text);background:rgba(255,255,255,.06);font:500 15px Onest,system-ui,sans-serif}
.rv-b:hover{background:rgba(124,92,255,.25)}
.rv-b[hidden]{display:none}
.rv-del{color:#ffb4c4}
.rv-n{min-width:52px;text-align:center;font-size:13px;color:var(--muted)}
@keyframes rvIn{from{opacity:0}to{opacity:1}}
@media (max-width:760px){.refview{padding:12px 12px 80px}}

/* ===== v90: избранное ===== */
.gstar{font-size:15px;line-height:1}
.gstar.on{color:#FFD45C}
.gt.isfav::after{content:'★';position:absolute;top:8px;left:8px;z-index:2;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:rgba(10,8,28,.62);color:#FFD45C;font-size:13px;pointer-events:none;transition:opacity .2s}
.gt.gvid.isfav::after{top:36px}
.gdone.isfav:hover::after{opacity:0}
.igal-head .gfav-f{margin-left:auto}
.igal-head .gfav-f.on{color:#FFD45C;border-color:rgba(255,212,92,.45);background:rgba(255,212,92,.08)}

/* ===== v90: бета-инструменты ===== */
.utabs a[href*="t=vup"],.utabs a[href*="t=resize"],.utabs a[href*="t=dub"]{color:#FFD45C}
.beta-chip{color:#FFD45C;border-color:rgba(255,212,92,.4);background:rgba(255,212,92,.07);font-weight:600}
.beta-row{align-items:flex-start;flex-wrap:wrap}
.beta-name{display:flex;flex-direction:column;gap:2px;flex:0 1 260px;min-width:0}
.beta-out{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
.beta-out video{width:200px;max-height:300px;border-radius:12px;background:#000}
.beta-fmts{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.beta-fmt{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--text);text-decoration:none;font-size:12px}
.beta-fmt video,.beta-fmt img{height:120px;width:auto;max-width:220px;object-fit:cover;border-radius:10px;border:1px solid rgba(201,184,255,.18);background:#000}
.beta-fmt:hover video,.beta-fmt:hover img{border-color:rgba(166,139,255,.7)}
.beta-lines{flex:1 1 100%;font-size:13px;margin-top:6px}
.beta-lines>div{padding:6px 0;border-top:1px solid rgba(255,255,255,.06)}
@media (max-width:760px){.beta-out video{width:100%;max-width:320px}}

/* v91: подсказки про клавиатуру на телефоне не нужны */
@media (pointer:coarse){.kbd-hint{display:none}}

/* v91: срок хранения файлов утилит */
.util-keep{margin:-4px 0 6px;font-size:12px}
/* пробные запуски утилит без подписки */
.trial-note{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 4px;padding:9px 14px;border-radius:12px;font-size:13px;background:color-mix(in srgb,var(--violet) 12%,transparent);border:1px solid color-mix(in srgb,var(--violet) 30%,transparent)}
.trial-note a{color:inherit;text-decoration:underline}
.fin-bon{font-size:11px;white-space:nowrap}

/* ---------- Утилиты: страница-хаб ---------- */
@keyframes uhRise{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@keyframes uhOrb{0%,100%{transform:translate(0,0) scale(1);opacity:.6}50%{transform:translate(6%,5%) scale(1.15);opacity:.85}}
@keyframes uhFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@property --uha{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes uhSpin{to{--uha:360deg}}
.uhub{position:relative;isolation:isolate;gap:26px;overflow:hidden}
.uh-orb{position:absolute;border-radius:50%;pointer-events:none;z-index:-1;animation:uhOrb 9s ease-in-out infinite}
.uh-orb.a{left:22%;top:-300px;width:760px;height:540px;background:radial-gradient(closest-side,rgba(106,61,255,.42),transparent 70%)}
.uh-orb.b{right:-240px;bottom:-260px;width:640px;height:540px;background:radial-gradient(closest-side,rgba(255,154,223,.14),transparent 70%);animation-delay:-4s}
.uh-head{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap}
.uh-ttl{display:flex;flex-direction:column;gap:10px;flex:1 1 320px;min-width:0}
.uh-kick{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#9C93C9}
.uh-ttl h1{margin:0;font-size:48px;line-height:1;font-weight:800;letter-spacing:-1.2px;background:linear-gradient(100deg,#F3F0FF 30%,#C9B8FF 60%,#FF9ADF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.uh-sub{font-size:16px;color:var(--muted)}
.uh-search{display:flex;align-items:center;gap:10px;flex:0 1 320px;height:50px;padding:0 16px;box-sizing:border-box;border-radius:16px;border:1px solid rgba(201,184,255,.18);background:rgba(20,16,58,.8);color:#9C93C9;transition:border-color .2s,box-shadow .2s}
.uh-search:focus-within{border-color:rgba(201,184,255,.45);box-shadow:0 0 0 4px rgba(106,61,255,.18)}
.uh-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--text);font:inherit;font-size:14px}
.uh-cats{display:flex;gap:8px;flex-wrap:wrap}
.uh-cat{height:38px;padding:0 16px;border-radius:12px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;border:1px solid rgba(201,184,255,.14);background:rgba(255,255,255,.03);color:var(--muted);transition:background .2s,border-color .2s,color .2s}
.uh-cat:hover{border-color:rgba(201,184,255,.4);color:var(--text)}
.uh-cat.on{border-color:rgba(201,184,255,.45);background:rgba(106,61,255,.28);color:var(--text)}
.uh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.uh-card{position:relative;isolation:isolate;text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:16px;padding:20px;min-height:168px;box-sizing:border-box;border-radius:22px;border:1px solid rgba(201,184,255,.10);background:rgba(255,255,255,.035);animation:uhRise .6s cubic-bezier(.2,.8,.2,1) both;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,background .3s,box-shadow .35s}
.uh-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--uha),transparent 0 60%,rgba(201,184,255,.9) 75%,transparent 90%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;z-index:-1}
.uh-card:hover,.uh-card:focus-visible{transform:translateY(-6px);border-color:rgba(201,184,255,.32);background:rgba(106,61,255,.13);box-shadow:0 18px 40px rgba(20,8,70,.6),0 0 0 1px rgba(106,61,255,.25),0 0 40px rgba(106,61,255,.25);outline:none}
.uh-card:hover::before,.uh-card:focus-visible::before{opacity:1;animation:uhSpin 2.4s linear infinite}
.uh-top{display:flex;align-items:center;justify-content:space-between}
.uh-ic{width:50px;height:50px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:#C9B8FF;background:rgba(106,61,255,.20);transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s,color .3s,box-shadow .3s}
.uh-card.c-photo .uh-ic{background:rgba(96,165,250,.16);color:#B9D6FF}
.uh-card.c-audio .uh-ic{background:rgba(255,154,223,.14);color:#FFC2EA}
.uh-card:hover .uh-ic,.uh-card:focus-visible .uh-ic{transform:scale(1.08) rotate(-4deg);background:linear-gradient(135deg,#6A3DFF,#A98BFF);color:#fff;box-shadow:0 8px 24px rgba(106,61,255,.55)}
.uh-beta{font-size:11px;padding:4px 9px;border-radius:9px;background:rgba(255,154,223,.14);color:#FF9ADF;border:1px solid rgba(255,154,223,.25);animation:uhFloat 3s ease-in-out infinite}
.uh-txt{display:flex;flex-direction:column;gap:6px;flex:1}
.uh-txt b{font-size:17px;letter-spacing:-.2px}
.uh-txt span{font-size:13px;line-height:1.5;color:var(--muted)}
.uh-go{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--lilac);opacity:0;transform:translateX(-8px);transition:opacity .3s,transform .3s}
.uh-card:hover .uh-go,.uh-card:focus-visible .uh-go{opacity:1;transform:none}
.uh-empty{color:var(--muted);font-size:15px}
.uh-back{display:inline-flex;align-items:center;gap:6px;margin-right:14px;padding:7px 12px 7px 10px;border-radius:12px;border:1px solid rgba(201,184,255,.16);background:rgba(255,255,255,.03);color:var(--muted);text-decoration:none;font-size:13px;font-weight:600;vertical-align:middle;transition:color .2s,border-color .2s}
.uh-back:hover{color:var(--text);border-color:rgba(201,184,255,.4)}
.uh-back svg{transform:rotate(180deg)}
.head:has(.uh-back){display:flex;align-items:center}
@media (max-width:760px){.uh-ttl h1{font-size:36px}.uh-search{flex:1 1 100%}.uh-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.uh-card{min-height:0;padding:14px;gap:12px}.uh-go{display:none}.uh-ic{width:42px;height:42px}}
@media (prefers-reduced-motion:reduce){.uh-card,.uh-orb,.uh-beta{animation:none}.uh-card:hover{transform:none}.uh-card:hover::before{animation:none}}

/* ---------- Озвучка: библиотека своих голосов ---------- */
.au-lib{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}
.au-lib-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.au-lib-l{display:flex;flex-direction:column;gap:4px;max-height:236px;overflow-y:auto;padding-right:2px}
.au-lv{display:flex;align-items:center;gap:6px;padding:4px;border-radius:12px;border:1px solid transparent;transition:background .2s,border-color .2s}
.au-lv:hover{background:rgba(255,255,255,.04)}
.au-lv.on{background:rgba(106,61,255,.22);border-color:rgba(201,184,255,.35)}
.au-lv-p{flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:1px solid rgba(201,184,255,.2);background:rgba(106,61,255,.18);color:var(--lilac);display:flex;align-items:center;justify-content:center;cursor:pointer}
.au-lv-p:hover{background:var(--violet);color:#fff}
.au-lv-n{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:4px 6px;background:none;border:none;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.au-lv-n b{font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.au-lv-n span{font-size:12px}
.au-lv-a{flex:0 0 auto;width:32px;height:32px;border-radius:9px;border:none;background:transparent;color:var(--dim);display:flex;align-items:center;justify-content:center;cursor:pointer}
.au-lv-a:hover{color:var(--text);background:rgba(255,255,255,.06)}

/* ---------- Image: аватар (кто в кадре) отдельно от рефов, рефы перетаскиваются ---------- */
.rthumb.rava{border:1.5px solid rgba(201,184,255,.55);box-shadow:0 0 0 3px rgba(106,61,255,.18);cursor:pointer}
.rthumb .rlbl{position:absolute;left:0;right:0;bottom:0;padding:10px 4px 4px;font-size:10px;font-weight:600;line-height:1.1;color:#fff;text-align:center;background:linear-gradient(transparent,rgba(8,6,24,.85));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.radd.rava-add{border-style:solid;border-color:rgba(201,184,255,.3);color:var(--lilac)}
.radd.rava-add b{display:grid;place-items:center}
.rthumb[draggable="true"]{cursor:grab}
.rthumb.drag{opacity:.4}
.rthumb.dover{outline:2px dashed var(--lilac);outline-offset:2px}

/* ---------- Утилиты: пока пусто — огромная зона «перетащи файл» на всю страницу ---------- */
#body.tbody:has(> .tres:empty) .tstrip{flex-direction:column;align-items:stretch;flex:1 1 auto}
#body.tbody:has(> .tres:empty) .topts{order:-1;justify-content:center}
#body.tbody:has(> .tres:empty) .tdrop{flex:1 1 auto;min-height:min(62vh,600px);flex-direction:column;justify-content:center;text-align:center;gap:18px;padding:40px 24px;border-radius:28px;border-width:2px}
#body.tbody:has(> .tres:empty) .tdrop .ic3{width:104px;height:104px}
#body.tbody:has(> .tres:empty) .tdrop-t{flex:0 0 auto;align-items:center;gap:8px}
#body.tbody:has(> .tres:empty) .tdrop-t b{font-size:clamp(20px,2.4vw,28px);letter-spacing:-.3px}
#body.tbody:has(> .tres:empty) .tdrop-t .dim{font-size:14px}
#body.tbody:has(> .tres:empty) .tdrop-b{padding:12px 22px;font-size:15px}
.tdrop.over{border-style:solid;box-shadow:0 0 0 6px rgba(124,92,255,.14),0 0 60px rgba(124,92,255,.22)}
.tsteps{display:none}

/* ===== v100: рефы в одну строку (листаются вбок), счётчик −/+ у «Сгенерировать», окно аватаров ===== */
.icomp-refs{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}
.icnt{display:inline-flex;align-items:center;height:38px;border-radius:12px;border:1px solid rgba(201,184,255,.16);background:rgba(255,255,255,.03);margin-right:8px;flex:0 0 auto}
.icnt button{width:32px;height:100%;border:0;background:transparent;color:var(--text);font:600 18px/1 inherit;cursor:pointer;border-radius:12px;transition:background .15s}
.icnt button:disabled{color:var(--dim);cursor:default;opacity:.5}
.icnt button:not(:disabled):hover{background:rgba(255,255,255,.07)}
.icnt b{min-width:18px;text-align:center;font-size:14px;font-variant-numeric:tabular-nums}
.wmodal.avm{width:min(560px,100%);max-height:calc(100dvh - 48px);overflow:auto}
.avm .wbody{display:flex;flex-direction:column;gap:10px}
.avm-grid{max-height:min(56vh,460px)}
.ch-card.on{border-color:rgba(166,139,255,.75);background:rgba(124,92,255,.16)}
.avm-new{align-items:center;justify-content:center;text-align:center;border-style:dashed;border-color:rgba(201,184,255,.28);min-height:150px}
.avm-plus{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(124,92,255,.22);color:#E4DBFF;margin-bottom:4px}
.avm-back{align-self:flex-start;border:0;background:none;color:var(--muted,#ABA2D6);font:inherit;font-size:13px;cursor:pointer;padding:2px 0}
.avm-back:hover{color:var(--text)}
.avm-drop{min-height:120px;justify-content:center;gap:12px}
.avm-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px}
.avm-ph{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.04);animation:popIn .2s var(--ease)}
.avm-ph img{width:100%;height:100%;object-fit:cover;display:block}
.avm-ph button{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:0;background:rgba(8,6,22,.72);color:#fff;font-size:14px;line-height:1;cursor:pointer}
@media (max-width:760px){.icnt{height:34px}.icnt button{width:28px}}
/* v100: в пустом состоянии утилит — одна колонка: настройки маленькой строкой сверху, под ними огромная зона для файла */
#body.tbody:has(> .tres:empty) .tstrip{display:flex!important;grid-template-columns:none}
#body.tbody:has(> .tres:empty) .topts{flex:0 0 auto;height:auto;min-height:0;flex-wrap:wrap;align-items:center}
#body.tbody:has(> .tres:empty) .topts:empty{display:none}
#body.tbody:has(> .tres:empty) .tdrop{width:100%}

/* ===== v101: Озвучка в духе ElevenLabs — текст слева, «Настройки / История» справа ===== */
.main.a2{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;height:100vh;height:100dvh;min-height:560px;padding-top:24px;padding-bottom:24px;overflow:hidden}
.a2-ed{position:relative;display:flex;flex-direction:column;min-height:0;padding:18px 20px 16px;border-radius:24px;background:rgba(255,255,255,.025)!important;border:1px solid rgba(201,184,255,.10)!important}
.a2-top{display:flex;align-items:center;gap:8px}
.a2-vchip{display:inline-flex;align-items:center;gap:9px;max-width:100%;height:38px;padding:0 14px 0 5px;border-radius:999px;border:1px solid rgba(201,184,255,.14);background:rgba(255,255,255,.04);color:var(--text);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s}
.a2-vchip:hover{border-color:rgba(201,184,255,.35);background:rgba(124,92,255,.10)}
.a2-vchip .au-ava{width:28px;height:28px;font-size:12px;flex:0 0 auto}
.a2-vd{font-weight:400;color:var(--dim);font-size:13px;max-width:280px}
.a2-tw{position:relative;flex:1 1 auto;min-height:0;display:flex}
.a2-tw textarea{flex:1;width:100%;min-height:180px;resize:none;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:18px;line-height:1.6;padding:18px 2px 10px;letter-spacing:-.005em}
.a2-tw textarea::placeholder{color:var(--dim);opacity:.85}
.a2-ac{position:absolute;left:0;bottom:8px;display:none;flex-direction:column;gap:2px;min-width:240px;max-height:300px;overflow:auto;padding:6px;border-radius:14px;background:rgba(22,18,52,.97);border:1px solid rgba(201,184,255,.18);box-shadow:0 18px 50px -12px rgba(0,0,0,.7);z-index:5;animation:popIn .15s var(--ease)}
.a2-ac.on{display:flex}
.a2-aci{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:var(--text);font:inherit;font-size:13.5px;text-align:left;cursor:pointer}
.a2-aci.on,.a2-aci:hover{background:rgba(124,92,255,.22)}
.a2-aci .dim{font-size:12px}
.a2-bot{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid rgba(201,184,255,.08)}
.a2-ghost{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border-radius:11px;border:1px solid transparent;background:transparent;color:var(--muted);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}
.a2-ghost:hover:not(:disabled){background:rgba(255,255,255,.05);color:var(--text)}
.a2-cnt{font-size:12px;color:var(--dim);display:inline-flex;align-items:center;gap:5px;text-decoration:none}
.a2-chars:hover{color:var(--text)}
.a2-bot .btn.gen{min-width:150px;height:44px}
.a2-side{display:flex;flex-direction:column;min-height:0;padding:6px 6px 0;border-radius:24px;background:rgba(255,255,255,.025)!important;border:1px solid rgba(201,184,255,.10)!important}
.a2-tabs{display:flex;gap:2px;padding:4px;margin:4px 6px 6px;border-radius:13px;background:rgba(255,255,255,.04)}
.a2-tabs button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;border:0;border-radius:10px;background:transparent;color:var(--dim);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}
.a2-tabs button.on{background:rgba(124,92,255,.24);color:var(--text)}
.a2-n:not(:empty){min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--violet);color:#fff;font-size:11px;display:inline-flex;align-items:center;justify-content:center}
.a2-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:18px;padding:10px 12px 14px;overflow:auto}
.a2-body.a2-in{animation:a2in .22s var(--ease)}
@keyframes a2in{from{opacity:0;transform:translateX(6px)}to{opacity:1;transform:none}}
.a2-sec{display:flex;flex-direction:column;gap:8px}
.a2-lbl{font-size:12.5px;font-weight:600;color:var(--muted);letter-spacing:.01em}
.a2-lh{display:flex;align-items:center;justify-content:space-between}
.a2-row{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:9px 12px 9px 10px;border-radius:15px;border:1px solid rgba(201,184,255,.12);background:rgba(255,255,255,.03);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}
.a2-row:hover{border-color:rgba(201,184,255,.32);background:rgba(124,92,255,.09)}
.a2-row .au-ava{width:38px;height:38px;flex:0 0 auto}
.a2-rt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.a2-rt b{font-size:14.5px;font-weight:600}
.a2-rt .dim{font-size:12.5px}
.a2-chev{color:var(--dim);display:flex;flex:0 0 auto}
.a2-code{width:38px;height:38px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:11px;background:rgba(124,92,255,.16);color:#DCD2FF;font-size:12px;font-weight:700;letter-spacing:.04em}
.a2-sv{font-size:13px;color:var(--text)}
.a2-range{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--lilac) var(--p,50%),rgba(255,255,255,.12) var(--p,50%));outline:0;margin:8px 0 2px;cursor:pointer}
.a2-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:0;box-shadow:0 2px 10px rgba(0,0,0,.5);cursor:grab}
.a2-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:0;box-shadow:0 2px 10px rgba(0,0,0,.5)}
.a2-ends{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--dim)}
.a2-reset{border:0;background:none;color:var(--lilac);font:inherit;font-size:12px;cursor:pointer}
.a2-foot{margin-top:auto;font-size:12px;text-align:center;padding-top:6px}
.a2-back{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;border:0;background:none;color:var(--text);font:inherit;font-size:15px;font-weight:700;cursor:pointer;padding:2px 0}
.a2-back svg{transform:rotate(180deg);color:var(--muted)}
.a2-scroll{display:flex;flex-direction:column;gap:6px;min-height:0}
.a2-scroll .a2-lbl{margin-top:10px}
.a2-search{display:flex;align-items:center;gap:9px;height:42px;padding:0 13px;border-radius:13px;border:1px solid rgba(201,184,255,.14);background:rgba(255,255,255,.035);color:var(--dim)}
.a2-search:focus-within{border-color:rgba(166,139,255,.6)}
.a2-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:14px}
.a2-add{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;border-radius:13px;border:1px dashed rgba(201,184,255,.28);background:transparent;color:var(--lilac);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.a2-add:hover{background:rgba(124,92,255,.10)}
.a2-vi{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:13px;border:1px solid transparent;transition:background .15s}
.a2-vi:hover{background:rgba(255,255,255,.04)}
.a2-vi.on{background:rgba(124,92,255,.16);border-color:rgba(166,139,255,.35)}
.a2-vi .au-ava{width:34px;height:34px;flex:0 0 auto}
.a2-vn{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;border:0;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer;padding:0}
.a2-vn b{font-size:14px;font-weight:600}.a2-vn .dim{font-size:12px}
.a2-play{width:34px;height:34px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:50%;border:0;background:rgba(124,92,255,.22);color:#E4DBFF;cursor:pointer}
.a2-play:hover{background:rgba(124,92,255,.4)}
.a2-va{display:flex;gap:2px;opacity:0;transition:opacity .15s}
.a2-vi:hover .a2-va,.a2-vi:focus-within .a2-va{opacity:1}
.a2-va button,.a2-hacts a,.a2-hacts button,.a2-hx{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer}
.a2-va button:hover,.a2-hacts a:hover,.a2-hacts button:hover,.a2-hx:hover{background:rgba(255,255,255,.07);color:var(--text)}
.a2-ok{color:var(--lilac);font-weight:700;padding:0 6px}
.a2-dsg{display:flex;gap:6px}.a2-dsg .inp{flex:1;min-width:0}
.a2-dsg.on .inp{border-color:rgba(166,139,255,.6)}
.a2-list{display:flex;flex-direction:column;gap:2px}
.a2-li{display:flex;align-items:center;gap:12px;padding:7px 8px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background .15s}
.a2-li:hover{background:rgba(255,255,255,.04)}
.a2-li.on{background:rgba(124,92,255,.16);border-color:rgba(166,139,255,.32)}
.a2-li .a2-code{width:34px;height:34px;font-size:11px}
.a2-li .a2-rt b{font-size:14px}
.a2-note{font-size:12px;padding:4px 2px}
.a2-hl{gap:4px}
.a2-h{position:relative;display:flex;align-items:flex-start;gap:11px;padding:10px 8px;border-radius:14px;transition:background .15s}
.a2-h:hover,.a2-h.on{background:rgba(255,255,255,.04)}
.a2-hp{width:36px;height:36px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-radius:50%;border:0;background:rgba(124,92,255,.2);color:#E4DBFF;cursor:pointer;font-weight:700}
button.a2-hp:hover{background:rgba(124,92,255,.42)}
.a2-h.err .a2-hp{background:rgba(255,154,223,.14);color:var(--err)}
.a2-hb{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.a2-ht{margin:0;font-size:13.5px;line-height:1.45;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.a2-hm{font-size:11.5px;color:var(--dim)}
.a2-prog{height:4px;border-radius:4px;background:rgba(255,255,255,.1);cursor:pointer;margin-top:4px;overflow:hidden}
.a2-prog i{display:block;height:100%;background:var(--lilac);border-radius:4px;transition:width .2s linear}
.a2-hacts{position:absolute;right:6px;top:6px;display:flex;gap:1px;padding:2px;border-radius:11px;background:rgba(18,14,44,.95);opacity:0;transition:opacity .15s;pointer-events:none}
.a2-h:hover .a2-hacts,.a2-h:focus-within .a2-hacts{opacity:1;pointer-events:auto}
.a2-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--dim);font-size:13.5px;min-height:200px}
@media (max-width:1100px){.main.a2{grid-template-columns:minmax(0,1fr) 330px}}
@media (max-width:760px){
  .main.a2{display:flex;flex-direction:column;height:auto;min-height:0;overflow:visible;gap:12px;padding-top:14px}
  .a2-ed{padding:14px 14px 12px;border-radius:20px}
  .a2-tw textarea{min-height:200px;font-size:16px}
  .a2-vd{display:none}
  .a2-bot{flex-wrap:wrap}.a2-bot .btn.gen{flex:1 1 100%;order:9}
  .a2-side{border-radius:20px;min-height:380px}
  .a2-body{overflow:visible}
  .a2-va,.a2-hacts{opacity:1;pointer-events:auto}
  .a2-hacts{position:static;background:none;align-self:center}
}
@media (max-width:760px){.a2-h{flex-wrap:wrap}.a2-hacts{width:100%;padding:0 0 0 45px;justify-content:flex-start;gap:4px}}

/* ===== v102: единый прозрачный стиль настроек во всех композерах + темнее + свечение за курсором ===== */
:root{--bg:#030208}
html{background:#020107}
body{background:
    radial-gradient(1100px 650px at 8% -12%,rgba(91,43,255,.065),transparent 62%),
    radial-gradient(900px 700px at 105% 110%,rgba(91,43,255,.035),transparent 60%),
    linear-gradient(180deg,#040309,#020106)!important;background-attachment:fixed!important}
.side{background:rgba(5,4,13,.62)!important}
.icomp{background:rgba(8,7,18,.72)!important;border-color:rgba(255,255,255,.07)!important}
.panel{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.008))}
.flare{opacity:.18}
#app{position:relative;z-index:1}
#fx{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none}
/* настройки: одинаковые прозрачные плашки */
.icomp-bar,.ifield-tools,.icomp-refs,.a2-bot,.a2-tabs{-webkit-user-select:none;user-select:none}
.icomp-bar .ib,.icomp-bar .gp-dur,.icomp-bar .gp-cnt,.icomp-bar>.chip:not(.mdl):not(.enh){height:36px;min-height:36px;margin:0;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:var(--muted);font-size:13.5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s,border-color .2s,color .2s}
.icomp-bar .ib:hover,.icomp-bar .gp-dur:hover,.icomp-bar .gp-cnt:hover,.icomp-bar>.chip:not(.mdl):not(.enh):hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16);color:var(--text)}
.icomp-bar .ib.open{background:rgba(124,92,255,.14);border-color:rgba(166,139,255,.45);color:var(--text)}
.icomp-bar .ib span,.icomp-bar .gp-dur b{color:var(--text)}
.icomp-bar>.chip.seg-chip{padding:3px!important}
.icomp-bar .gp-cnt{padding:0 2px;gap:0}
.icomp-bar .gp-cnt button{width:30px;height:30px;border-radius:9px;font-size:17px}
.icomp-bar .gp-cnt b{min-width:20px;font-size:13.5px;color:var(--text)}
.icomp-bar .gp-dur{gap:9px;cursor:default}
.icomp-bar .gp-dur input{width:110px}
.gp-dur{display:inline-flex;align-items:center}
.gp-dur input{-webkit-appearance:none;appearance:none;height:4px;border-radius:4px;background:linear-gradient(90deg,#8b6cff var(--p,50%),rgba(255,255,255,.12) var(--p,50%));outline:none;cursor:pointer}
.gp-dur input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(124,92,255,.35);cursor:grab}
.gp-dur input::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(124,92,255,.35);cursor:grab}
.gp-dur b{min-width:34px;font-size:13px}
.gp-cnt{display:inline-flex;align-items:center}
.gp-cnt button{border:0;background:transparent;color:var(--text);cursor:pointer;line-height:1}
.gp-cnt button:disabled{color:var(--dim);opacity:.45;cursor:default}
.gp-cnt button:not(:disabled):hover{background:rgba(255,255,255,.07)}
.icomp-bar .ibar-sep{display:none}
@media (max-width:760px){.icomp-bar .ib,.icomp-bar .gp-dur,.icomp-bar .gp-cnt,.icomp-bar>.chip:not(.mdl):not(.enh){height:34px;min-height:34px;padding:0 10px}.icomp-bar .gp-dur input{width:84px}.icomp-bar .gp-cnt{padding:0 1px}}

/* ===== v103: хаб утилит — карточки с мини-картинкой того, что делает инструмент ===== */
.uh2{align-items:center;padding-top:56px;padding-bottom:64px}
.uh2-head{text-align:center;display:flex;flex-direction:column;gap:12px;margin-bottom:28px}
.uh2-head h1{margin:0;font:800 clamp(44px,6vw,84px)/1 'Inter Tight',Onest,sans-serif;letter-spacing:-.045em}
.uh2-head p{margin:0;color:var(--muted);font-size:clamp(15px,1.5vw,19px)}
.uh2-grid{width:min(1520px,100%);display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:40px 32px}
.uh2-card{display:flex;flex-direction:column;gap:10px;color:var(--text);text-decoration:none;animation:uh2in .5s var(--ease) backwards}
@keyframes uh2in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.uh2-art{position:relative;aspect-ratio:16/10;border-radius:20px;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px;
  background:radial-gradient(120% 90% at 50% 0%,rgba(124,92,255,.14),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.08);transition:border-color .3s,transform .35s var(--ease),box-shadow .35s}
.uh2-card:hover .uh2-art{border-color:rgba(166,139,255,.4);transform:translateY(-4px);box-shadow:0 26px 60px -30px rgba(106,61,255,.55)}
.uh2-t{font:700 23px/1.2 'Inter Tight',Onest,sans-serif;letter-spacing:-.02em}
.uh2-d{color:var(--muted);font-size:15px;line-height:1.55}
.uh2-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.uh2-tags span{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#D9D3F3}
.uh2-beta{position:absolute;top:12px;right:12px;padding:4px 9px;border-radius:999px;background:rgba(124,92,255,.3);color:#EDE7FF;font-size:11px}
.uh2-art .ua-person{position:absolute;left:50%;top:18%;width:22%;height:48%;transform:translateX(-50%);border-radius:44% 44% 30% 30%;background:linear-gradient(180deg,rgba(201,184,255,.22),rgba(201,184,255,.06))}
.ua-cap{position:absolute;bottom:20%;font:800 clamp(18px,2.2vw,30px)/1 'Inter Tight',Onest,sans-serif;letter-spacing:.01em;color:#fff}
.ua-cap b{background:#8b6cff;padding:2px 8px;border-radius:6px}
.uh2-card:hover .ua-cap b{animation:uaPop .5s var(--ease)}
@keyframes uaPop{40%{transform:scale(1.18)}}
.ua-lines{display:flex;flex-direction:column;gap:10px;font-size:clamp(13px,1.3vw,17px)}
.ua-lines p{margin:0;display:flex;gap:16px;color:#E9E5FA;transition:color .3s}
.ua-lines i{font:400 .82em 'JetBrains Mono',monospace;color:var(--dim);font-style:normal}
.ua-lines p.on{color:#B9A6FF}
.ua-rm{position:absolute;bottom:18%;padding:10px 18px;border:2px dashed #8b6cff;border-radius:10px}
.ua-rm s{color:rgba(255,255,255,.55);text-decoration-color:#FF7AAE;text-decoration-thickness:2px;font-weight:700;font-size:clamp(14px,1.4vw,19px)}
.ua-tag{position:absolute;left:-2px;top:-26px;padding:3px 8px;border-radius:6px;background:#8b6cff;color:#fff;font:600 11px 'JetBrains Mono',monospace;letter-spacing:.06em}
.ua-chk{position:relative;width:30%;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,#6a5acd,#2d1b6b)}
.ua-chk.clear{background:conic-gradient(rgba(255,255,255,.12) 25%,transparent 0 50%,rgba(255,255,255,.12) 0 75%,transparent 0) 0 0/16px 16px}
.ua-chk .ua-person.solo{top:22%;width:50%;height:78%;border-radius:44% 44% 0 0;background:linear-gradient(180deg,#e8defc,#b8a8ee)}
.ua-arrow{color:var(--dim);font-size:22px}
.ua-up{display:flex;align-items:center;gap:18px}
.ua-px{width:84px;height:84px;border-radius:12px;display:flex;align-items:flex-end;justify-content:center;padding:8px;background:repeating-conic-gradient(rgba(201,184,255,.22) 0 25%,rgba(201,184,255,.1) 0 50%) 0 0/14px 14px;font:600 12px 'JetBrains Mono',monospace;color:#fff;filter:blur(.4px)}
.ua-sharp{width:150px;height:150px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:linear-gradient(140deg,rgba(124,92,255,.5),rgba(255,154,223,.25));font:800 30px 'Inter Tight',sans-serif;color:#fff}
.ua-sharp b{font:600 12px 'JetBrains Mono',monospace;padding:3px 8px;border-radius:6px;background:rgba(0,0,0,.35)}
.ua-lay{display:flex;flex-direction:column;gap:9px;width:62%}
.ua-lay span{padding:11px 16px;border-radius:11px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:14px;font-weight:600;transition:transform .35s var(--ease)}
.ua-lay span:nth-child(2){margin-left:12px}.ua-lay span:nth-child(3){margin-left:24px}.ua-lay span:nth-child(4){margin-left:36px}
.ua-lay span.on{border-color:#8b6cff;color:#C9B8FF;background:rgba(124,92,255,.14)}
.uh2-card:hover .ua-lay span:nth-child(2){transform:translateX(6px)}.uh2-card:hover .ua-lay span:nth-child(3){transform:translateX(12px)}.uh2-card:hover .ua-lay span:nth-child(4){transform:translateX(18px)}
.ua-cmp{display:flex;gap:16px}
.ua-ph{position:relative;width:120px;height:120px;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#8fb3d9,#d9a85b 70%,#7a8c4a);display:flex;align-items:flex-end;padding:10px}
.ua-ph b{padding:4px 9px;border-radius:8px;background:rgba(0,0,0,.55);color:#fff;font:800 17px 'Inter Tight',sans-serif}
.ua-ph em{position:absolute;top:0;right:0;padding:4px 9px;border-bottom-left-radius:10px;background:#8b6cff;color:#fff;font:700 13px 'Inter Tight',sans-serif;font-style:normal}
.ua-uniq{display:flex;gap:14px}
.ua-uniq div{display:flex;flex-direction:column;align-items:center;gap:8px}
.ua-uniq i{width:76px;height:100px;border-radius:12px;background:linear-gradient(160deg,rgba(124,92,255,.45),rgba(255,154,223,.2))}
.ua-uniq div:nth-child(2) i{filter:hue-rotate(18deg) brightness(1.05)}.ua-uniq div:nth-child(3) i{filter:hue-rotate(-14deg) brightness(.95)}
.ua-uniq span{font-size:12px;color:#C9B8FF}
.ua-rs{display:flex;align-items:center;gap:14px;height:62%}
.ua-rs span{height:100%;border-radius:10px;border:1.5px solid rgba(201,184,255,.4);background:rgba(124,92,255,.12);display:flex;align-items:center;justify-content:center;font:600 12px 'JetBrains Mono',monospace;color:#E4DBFF}
.ua-rs span:nth-child(2){height:72%}.ua-rs span:nth-child(3){height:52%}
.ua-dub{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:16px;font-weight:600}
.ua-dub span{padding:10px 16px;border-radius:14px;background:rgba(255,255,255,.06)}
.ua-dub span.on{background:rgba(124,92,255,.3)}
.ua-dub b{color:var(--dim);transform:rotate(90deg)}
@media (max-width:760px){.uh2{padding-top:24px}.uh2-grid{gap:30px}.ua-sharp{width:110px;height:110px;font-size:24px}.ua-ph{width:96px;height:96px}}

/* ===== v104: Сервер — нижняя строка «что делаем · модель · настройки», окна как у Higgsfield, витрина инструментов ===== */
.gpb{display:inline-flex;align-items:center;gap:9px;height:40px;max-width:280px;padding:0 12px 0 11px;border-radius:13px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03);color:var(--text);font:500 14px/1 Onest,system-ui,sans-serif;cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s,border-color .2s}
.gpb>svg{color:var(--muted);flex:0 0 auto}
.gpb:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18)}
.gpb.open{background:rgba(124,92,255,.16);border-color:rgba(166,139,255,.5)}
.gpb .ell{overflow:hidden;text-overflow:ellipsis}
.gpb-c{width:7px;height:7px;margin-left:2px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(-135deg) translate(-2px,-2px);opacity:.6;transition:transform .25s var(--ease)}
.gpb.open .gpb-c{transform:rotate(45deg) translate(-2px,-2px)}
.gpb-tools{color:var(--muted)}
.gpt{display:inline-grid;place-items:center;width:22px;height:22px;flex:0 0 auto;border-radius:6px;background:linear-gradient(135deg,hsl(var(--h) 85% 64%),hsl(calc(var(--h) + 40) 80% 52%));color:#fff;font:800 9px/1 'Inter Tight',sans-serif;letter-spacing:-.02em;box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.gpt.big{width:44px;height:44px;border-radius:12px;font-size:14px;font-style:italic}
.gpp2{padding:8px;border-radius:18px;background:rgba(16,13,34,.96)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 30px 70px -20px rgba(0,0,0,.85)!important;animation:gpIn .18s var(--ease)}
.gpp2::after{display:none}
@keyframes gpIn{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}
.gpm{display:flex;flex-direction:column;gap:3px;max-height:min(460px,58vh);overflow:auto}
.gpm-o{display:flex;align-items:center;gap:14px;min-width:230px;padding:12px 14px;border-radius:12px;border:0;background:transparent;color:var(--text);font:500 15px Onest,sans-serif;cursor:pointer;text-align:left}
.gpm-o>svg{color:var(--muted)}
.gpm-o span{flex:1}
.gpm-o:hover,.gpm-r:hover{background:rgba(255,255,255,.05)}
.gpm-o.on,.gpm-r.on{background:rgba(255,255,255,.07)}
.gpk{color:var(--text);font-size:15px}
.gpm-r{display:flex;align-items:center;gap:14px;width:100%;padding:10px 14px 10px 10px;border-radius:14px;border:0;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}
.gpm-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.gpm-t b{font-size:15px}.gpm-t span{font-size:13px;color:var(--muted);line-height:1.35}
.gpm-s{font-size:11.5px;color:var(--dim);white-space:nowrap}
.gpp-set{width:min(470px,calc(100vw - 32px));padding:18px 18px 16px;display:flex;flex-direction:column;gap:20px}
.gps{display:flex;flex-direction:column;gap:10px}
.gps-l{font-size:14px;color:var(--muted);display:flex;align-items:baseline;gap:10px}
.gps-l em{font-style:normal;font-size:12px;color:var(--dim)}
.gps-seg{display:flex;gap:4px;padding:4px;border-radius:14px;background:rgba(255,255,255,.04)}
.gps-seg button{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:42px;padding:6px 8px;border:0;border-radius:11px;background:transparent;color:var(--muted);font:500 14.5px Onest,sans-serif;cursor:pointer;transition:background .2s,color .2s}
.gps-seg button b{font-weight:600}.gps-seg button small{font-size:11px;color:var(--dim)}
.gps-seg button:hover{color:var(--text)}
.gps-seg button.on{background:rgba(255,255,255,.12);color:#fff}
.gps-seg button.on small{color:var(--muted)}
.gps-ratio button{min-height:72px;gap:8px}
.gps-ratio i{display:block;border:1.7px solid currentColor;border-radius:4px}
.gps-dur{display:flex;align-items:flex-start;gap:16px}
.gps-sl{flex:1;position:relative;padding-top:6px}
.gps-sl input{-webkit-appearance:none;appearance:none;width:100%;height:20px;border-radius:10px;background:linear-gradient(90deg,rgba(201,184,255,.55) var(--p,30%),rgba(255,255,255,.08) var(--p,30%));outline:0;cursor:pointer;margin:0}
.gps-sl input::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:30px;border-radius:7px;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.5);cursor:grab}
.gps-sl input::-moz-range-thumb{width:12px;height:30px;border:0;border-radius:7px;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.5)}
.gps-ticks{position:relative;height:20px;margin:8px 6px 0}
.gps-ticks span{position:absolute;transform:translateX(-50%);font:500 12px 'JetBrains Mono',monospace;color:var(--dim);cursor:pointer}
.gps-ticks span.on{color:#fff;font-weight:700}
.gps-num{display:flex;align-items:center;gap:6px;height:48px;padding:0 6px 0 16px;border-radius:13px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03)}
.gps-num b{font-size:18px;min-width:22px;text-align:right}.gps-num>span{color:var(--muted);font-size:14px}
.gps-ud{display:flex;flex-direction:column;margin-left:6px}
.gps-ud button{width:24px;height:18px;border:0;background:transparent;color:var(--muted);font-size:9px;cursor:pointer;border-radius:5px}
.gps-ud button:hover{background:rgba(255,255,255,.08);color:#fff}
.gpt-modal{align-items:center}
.gptm{width:min(1000px,100%)!important;max-height:calc(100dvh - 60px);overflow:auto;padding:22px!important;border-radius:26px!important}
.gptm-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.gptm-h h2{margin:0;font:700 24px 'Inter Tight',Onest,sans-serif;letter-spacing:-.02em}
.gptm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.gptm-g{grid-column:1/-1;display:flex;align-items:center;gap:7px;margin:10px 2px 0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.gptm-g:first-child{margin-top:0}
.gptm-c{display:flex;flex-direction:column;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:var(--text);font:inherit;text-align:left;cursor:pointer;padding:0;transition:border-color .25s,transform .3s var(--ease)}
.gptm-c:hover{border-color:rgba(166,139,255,.45);transform:translateY(-3px)}
.gptm-c.on{border-color:rgba(166,139,255,.7)}
.gptm-art{position:relative;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(90% 120% at 20% 0%,hsl(var(--h) 80% 60% / .55),transparent 60%),radial-gradient(80% 100% at 100% 100%,hsl(calc(var(--h) + 50) 85% 55% / .45),transparent 60%),#100c24}
.gptm-ic{color:rgba(255,255,255,.85);transition:transform .4s var(--ease)}
.gptm-c:hover .gptm-ic{transform:scale(1.15) rotate(-6deg)}
.gptm-tag{position:absolute;left:12px;bottom:10px;font:800 italic 26px/1 'Inter Tight',sans-serif;color:rgba(255,255,255,.92);letter-spacing:-.03em}
.gptm-art em{position:absolute;top:10px;right:10px;padding:3px 8px;border-radius:7px;background:rgba(0,0,0,.5);font:600 11px Onest,sans-serif;font-style:normal;color:#fff}
.gptm-n{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px 2px;font-size:14.5px}
.gptm-n svg{color:var(--dim);flex:0 0 auto;transition:transform .25s}
.gptm-c:hover .gptm-n svg{transform:translateX(3px);color:#fff}
.gptm-d{padding:0 14px 14px;font-size:12.5px;color:var(--muted);line-height:1.4}
@media (max-width:760px){
  .gpb{height:36px;padding:0 10px;font-size:13px;max-width:170px}
  .gpb-tools span{display:none}
  .gpp-set{padding:14px}
  .gptm-grid{grid-template-columns:1fr 1fr}
}
.gptm-k{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:8px;background:rgba(0,0,0,.35);font:600 11px Onest,sans-serif;color:rgba(255,255,255,.85)}
@media (max-width:760px){#comp .icomp-bar{flex-wrap:wrap;overflow:visible}#comp .icomp-bar .gpb{max-width:none}}
/* v105: Сервер — меньше шума: реплика/звук включаются кнопками, поля тонкие */
.gp-tools{gap:6px;margin-top:2px}
.gp-spb{display:inline-flex;gap:6px}
.gp-tg{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:transparent;color:var(--dim);font:500 12.5px Onest,sans-serif;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.gp-tg:hover{color:var(--text);border-color:rgba(255,255,255,.18)}
.gp-tg.on{color:#E4DBFF;background:rgba(124,92,255,.16);border-color:rgba(166,139,255,.35)}
.gp-tg.gp-enh{color:var(--lilac)}
.gp-tg:disabled{opacity:.6;cursor:default}
#comp .gp-sp{display:flex;flex-direction:column;gap:6px;margin:4px 0 6px}
#comp .gp-spf{flex:none;height:38px;padding:0 12px;gap:10px;border:0;border-radius:11px;background:rgba(255,255,255,.035);color:var(--dim);animation:gpIn .18s var(--ease)}
#comp .gp-spf:focus-within{background:rgba(255,255,255,.055);box-shadow:inset 0 0 0 1px rgba(166,139,255,.35)}
#comp .icomp-refs .radd{font-size:10.5px}
#comp .icomp-refs .radd small{display:none}
@media (max-width:760px){#comp .icomp-bar{flex-wrap:wrap!important;overflow:visible!important;row-gap:6px}#comp .gp-tools{flex-wrap:wrap;row-gap:6px}#comp .gp-tg{height:28px;padding:0 9px}}
.igal>.gp-empty{grid-column:1/-1;width:100%}
/* v106: озвучка — два варианта прямо под текстом */
.a2-res{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.a2-res:empty{display:none}
.a2-rh{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;color:var(--muted);padding:0 4px}
.a2-rx{width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--dim);cursor:pointer}.a2-rx:hover{background:rgba(255,255,255,.06);color:var(--text)}
.a2-ri{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);animation:gpIn .2s var(--ease);transition:border-color .2s,background .2s}
.a2-ri.on{border-color:rgba(166,139,255,.45);background:rgba(124,92,255,.08)}
.a2-ri.err .a2-hp{background:rgba(255,154,223,.14);color:var(--err)}
.a2-rb{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.a2-rb b{font-size:12.5px;color:var(--muted);font-weight:600}
.a2-wave{position:relative;display:flex;align-items:center;gap:2px;height:30px;cursor:pointer}
.a2-wave i{flex:1;min-width:2px;border-radius:2px;background:rgba(201,184,255,.28)}
.a2-wave .a2-wp{position:absolute;left:0;top:0;bottom:0;pointer-events:none;background:linear-gradient(90deg,transparent calc(100% - 2px),#fff 0);mix-blend-mode:normal}
.a2-ri.on .a2-wave i{background:rgba(201,184,255,.4)}
.a2-wave.idle{height:30px;border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.09),rgba(255,255,255,.04));background-size:200% 100%;animation:a2sh 1.4s linear infinite}
@keyframes a2sh{to{background-position:-200% 0}}
.a2-rd{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--muted)}.a2-rd:hover{background:rgba(255,255,255,.07);color:var(--text)}
.a2-ri .a2-hm{min-width:74px;text-align:right}
.a2-wave .a2-wp{background:none;overflow:hidden;transition:width .2s linear}
.a2-wpi{position:absolute;left:0;top:0;bottom:0;display:flex;align-items:center;gap:2px}
.a2-wpi i{background:#C9B8FF!important}
.a2-wave,.a2-wpi{justify-content:space-between;gap:0}
.a2-wave i{flex:0 0 3px;min-width:3px;border-radius:3px}

/* ===== v107: рефы стопкой (строка с текстом не сдвигается) + композер не «подпрыгивает» при клике ===== */
.icomp textarea,.icomp.focus textarea{min-height:52px!important}
@media (max-width:760px){.icomp textarea,.icomp.focus textarea{min-height:40px!important}}
.icomp .icomp-refs:has(.rpile){overflow:visible}
.rpile{position:relative;width:54px;height:54px;flex:0 0 auto;cursor:pointer;border-radius:11px;outline:0}
.rpile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:11px;border:1.5px solid rgba(12,10,26,.95);box-shadow:0 4px 14px rgba(0,0,0,.45);transform:translate(calc(var(--k) * -4px),calc(var(--k) * -3px)) rotate(calc(var(--k) * -6deg));transition:transform .3s var(--ease)}
.rpile:hover img,.rpile.open img{transform:translate(calc(var(--k) * -9px),calc(var(--k) * -2px)) rotate(calc(var(--k) * -11deg))}
.rpile-n{position:absolute;right:-6px;bottom:-6px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--violet);color:#fff;font:700 11px/20px Onest,sans-serif;text-align:center;box-shadow:0 0 0 2px rgba(12,10,26,.95)}
.rpile:focus-visible{box-shadow:0 0 0 2px rgba(166,139,255,.8)}
.pop-refs{width:min(380px,calc(100vw - 24px))}
.rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;max-height:min(46vh,340px);overflow:auto;padding:2px}
.rgrid .rthumb,.rgrid .radd{width:auto!important;height:auto!important;min-height:0!important;aspect-ratio:1;border-radius:12px}
.rgrid .rthumb img{width:100%;height:100%;object-fit:cover}
.rgrid .rthumb button{width:20px;height:20px;top:4px;right:4px}
.rnum{position:absolute;left:4px;bottom:4px;min-width:16px;height:16px;padding:0 4px;border-radius:6px;background:rgba(0,0,0,.6);color:#fff;font:600 10px/16px Onest,sans-serif;text-align:center}
.rgrid .rthumb.drag{opacity:.4}.rgrid .rthumb.dover{box-shadow:0 0 0 2px #8b6cff}
@media (max-width:760px){.rpile{width:44px;height:44px}}
.rpile img{transform:translateY(calc(var(--k) * -3px)) rotate(calc(var(--k) * 5deg)) scale(calc(1 - var(--k) * .06))}
.rpile:hover img,.rpile.open img{transform:translateY(calc(var(--k) * -5px)) rotate(calc(var(--k) * 9deg)) scale(calc(1 - var(--k) * .06))}
.ifield-hint{display:none!important}
/* v108: файлы на Сервере — кнопками в строке под текстом, без колонки слева */
.gp-slots{display:inline-flex;flex-wrap:wrap;gap:6px}
.gp-slots:empty{display:none}
.gp-add.need{color:var(--text);border-color:rgba(166,139,255,.4);border-style:dashed}
.gp-file{padding:0 4px 0 3px!important;gap:6px!important}
.gp-file img,.gp-file video{width:24px;height:24px;border-radius:50%;object-fit:cover}
.gp-file button{width:22px;height:22px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}
.gp-file button:hover{background:rgba(255,255,255,.1);color:#fff}
#comp{gap:0}
#comp .icomp-main{width:100%}
#gal .gp-empty{grid-column:1/-1!important;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}

/* ===== v109: меню — тонкая рельса (без раскрытия), подписи всплывают у пункта ===== */
@media (min-width:761px){
  .side,.side:hover,.side:focus-within{width:80px!important;align-items:center!important;padding:18px 0!important;background:rgba(8,6,20,.62)!important;box-shadow:none!important}
  .side-name{display:none!important}
  .side .logo{justify-content:center}
  .side .nav{width:46px!important;height:46px!important;padding:0!important;justify-content:center!important;gap:0!important;overflow:visible!important;border-radius:14px;color:#7D76A3;background:transparent;box-shadow:none;transform:none!important}
  .side .nav:hover{background:rgba(255,255,255,.05);color:#EDE9FF}
  .side .nav.on{color:#fff;background:rgba(139,108,255,.16)!important;box-shadow:inset 0 0 0 1px rgba(166,139,255,.35)!important}
  .side .nav.on::before{display:none}
  .side .nav .tip,.side:hover .nav .tip,.side:focus-within .nav .tip{position:absolute!important;left:58px;top:50%;transform:translate(-4px,-50%)!important;opacity:0!important;pointer-events:none;white-space:nowrap;padding:7px 11px!important;border-radius:10px;background:#1A1533!important;border:1px solid rgba(255,255,255,.08)!important;font-size:13px!important;font-weight:500;color:#EDE9FF!important;box-shadow:0 10px 30px rgba(0,0,0,.5);transition:opacity .15s,transform .15s;z-index:70}
  .side .nav:hover .tip,.side .nav:focus-visible .tip{opacity:1!important;transform:translate(0,-50%)!important}
  .side .sep{width:4px!important;height:4px!important;border-radius:2px;background:rgba(255,255,255,.18)!important;margin:8px auto!important}
  .side:hover .bal-chip,.side:focus-within .bal-chip,.side:hover .act-pill,.side:focus-within .act-pill{flex-direction:column;justify-content:center;gap:0;padding:0}
  .side:hover .bal-chip .tip,.side:focus-within .bal-chip .tip,.side:hover .act-pill .tip,.side:focus-within .act-pill .tip{display:none}
  .side:hover .me-btn .tip{opacity:0}
  .side-nav{align-items:center}
}

/* ===== v109: кнопки композера — «тихое стекло»: без рамок, светлая кнопка запуска ===== */
.icomp-bar .ib,.icomp-bar .gp-dur,.icomp-bar .gp-cnt,.icomp-bar>.chip:not(.enh),.icomp-bar .gpb,.icomp-bar .chip.mdl{border-color:transparent!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;color:#B9B2DD}
.icomp-bar .ib:hover,.icomp-bar .gp-dur:hover,.icomp-bar .gp-cnt:hover,.icomp-bar>.chip:not(.enh):hover,.icomp-bar .gpb:hover,.icomp-bar .chip.mdl:hover{background:rgba(255,255,255,.06)!important;color:#fff}
.icomp-bar .ib.open,.icomp-bar .gpb.open,.icomp-bar .chip.mdl.open{background:rgba(255,255,255,.08)!important;color:#fff}
.icomp-bar .chip.mdl,.icomp-bar .gpb[data-pop="model"]{color:#fff!important;font-weight:500}
.icomp-bar>.chip.seg-chip{background:rgba(255,255,255,.035)!important}
.icomp-bar .ib svg,.icomp-bar .gpb>svg,.icomp-bar .gp-dur>svg{color:#7D76A3}
.icomp-bar .rgl{border-color:#7D76A3!important}
.icomp-bar{column-gap:2px!important}
.icomp-bar>:is(.ib,.gp-dur,.gp-cnt,.chip,.gpb)+:is(.ib,.gp-dur,.gp-cnt,.chip,.gpb){margin-left:9px!important;position:relative;overflow:visible}
.icomp-bar>:is(.ib,.gp-dur,.gp-cnt,.gpb)+:is(.ib,.gp-dur,.gp-cnt,.gpb)::before{content:"";position:absolute;left:-6px;top:50%;width:1px;height:16px;margin-top:-8px;background:rgba(255,255,255,.08)}
.enh,.chip.enh,.gp-tg.gp-enh{background:transparent!important;border-color:transparent!important;color:#C9B8FF!important}
.enh:hover,.chip.enh:hover{background:rgba(255,255,255,.06)!important}
.btn.gen{background:#F3F0FF!important;color:#0B0918!important;border:0!important;box-shadow:0 10px 30px -14px rgba(201,184,255,.55)!important;font-weight:600}
.btn.gen:hover:not(:disabled){background:#fff!important}
.btn.gen:disabled{opacity:.5}
.btn.gen .gen-price{background:rgba(11,9,24,.08)!important;color:#0B0918!important;border:0!important}
.btn.gen .spin{border-color:rgba(11,9,24,.2)!important;border-top-color:#0B0918!important}
.btn.gen::before,.btn.gen::after{display:none!important}

/* ===== v109: утилиты — живая плитка ===== */
.ub{padding-top:40px;gap:26px}
.ub-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.ub-head h1{margin:0;font:800 clamp(36px,4vw,52px)/1 'Inter Tight',Onest,sans-serif;letter-spacing:-.04em}
.ub-head p{margin:8px 0 0;color:var(--muted);font-size:16px}
.ub-q{display:flex;align-items:center;gap:10px;width:min(300px,100%);height:44px;padding:0 16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--dim)}
.ub-q:focus-within{border-color:rgba(166,139,255,.5)}
.ub-q input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:15px Onest,sans-serif}
.ub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:210px;gap:14px;grid-auto-flow:dense}
.ub-t{position:relative;border-radius:24px;background:#0E0B1F;border:1px solid rgba(255,255,255,.07);overflow:hidden;text-decoration:none;color:var(--text);display:flex;flex-direction:column;transition:transform .35s var(--ease),border-color .3s,box-shadow .35s;animation:uh2in .5s var(--ease) backwards}
.ub-t:hover{transform:translateY(-4px);border-color:rgba(166,139,255,.45);box-shadow:0 30px 60px -30px rgba(106,61,255,.55)}
.ub-t.w2{grid-column:span 2}.ub-t.h2{grid-row:span 2}
.ub-t.ut-burner{background:radial-gradient(80% 70% at 50% 20%,rgba(124,92,255,.24),transparent 70%),#0E0B1F}
.ub-st{flex:1;display:flex;align-items:center;justify-content:center;padding:18px 18px 58px;min-height:0;position:relative}
.ub-l{position:absolute;left:20px;right:20px;bottom:18px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.ub-l b{font:700 19px/1.15 'Inter Tight',Onest,sans-serif;letter-spacing:-.01em}
.ub-t.w2 .ub-l b{font-size:26px}
.ub-l span{font:500 11px 'JetBrains Mono',monospace;color:#9C95C6;text-transform:uppercase;white-space:nowrap}
.ub-l .ub-beta{padding:3px 8px;border-radius:999px;background:rgba(124,92,255,.28);color:#EDE7FF;text-transform:none;font-family:Onest,sans-serif}
.ub-d{position:absolute;left:0;right:0;bottom:0;margin:0;padding:46px 20px 18px;background:linear-gradient(180deg,transparent,#0E0B1F 45%);color:var(--muted);font-size:13.5px;line-height:1.45;opacity:0;transform:translateY(10px);transition:opacity .25s,transform .3s var(--ease);pointer-events:none}
.ub-t:hover .ub-d{opacity:1;transform:none}
.ub-t:hover .ub-l{opacity:0;transition:opacity .2s}
.ub-person{width:120px;height:170px;border-radius:60px 60px 30px 30px;background:linear-gradient(180deg,rgba(201,184,255,.28),rgba(201,184,255,.04));margin-bottom:24px}
.ub-cap{position:absolute;bottom:92px;display:flex;gap:6px;font:800 clamp(24px,2.6vw,36px)/1 'Inter Tight',Onest,sans-serif;color:#fff}
.ub-cap span{padding:3px 10px;border-radius:8px;animation:ubw 3s infinite}
.ub-cap span:nth-child(2){animation-delay:1s}.ub-cap span:nth-child(3){animation-delay:2s}
@keyframes ubw{0%,30%,100%{background:transparent}6%,26%{background:#8B6CFF}}
.ub-bg{position:relative;width:150px;height:220px;border-radius:16px;overflow:hidden;background:conic-gradient(rgba(255,255,255,.12) 25%,transparent 0 50%,rgba(255,255,255,.12) 0 75%,transparent 0) 0 0/16px 16px}
.ub-bg i{position:absolute;inset:0;background:linear-gradient(170deg,#4E7BD9,#2D1B6B);animation:ubwipe 3.4s ease-in-out infinite}
.ub-bg b{position:absolute;left:25px;bottom:0;width:100px;height:160px;border-radius:50px 50px 0 0;background:linear-gradient(180deg,#F1EBFF,#B8A8EE)}
@keyframes ubwipe{0%,15%,100%{clip-path:inset(0 0 0 0)}55%,85%{clip-path:inset(0 0 100% 0)}}
.ub-lines{display:flex;flex-direction:column;gap:7px;align-self:flex-start;font-size:13.5px}
.ub-lines p{margin:0;display:flex;gap:10px;animation:ubln 3s infinite}
.ub-lines p:nth-child(2){animation-delay:.4s}.ub-lines p:nth-child(3){animation-delay:.8s}
.ub-lines p.on{color:#C9B8FF}
.ub-lines i{font:11px 'JetBrains Mono',monospace;color:#7D76A3;font-style:normal}
@keyframes ubln{0%{opacity:0;transform:translateY(6px)}20%,85%{opacity:1;transform:none}100%{opacity:0}}
.ub-up{display:flex;align-items:center;gap:12px}
.ub-px{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;font:600 9px 'JetBrains Mono',monospace;color:#fff;background:repeating-conic-gradient(rgba(201,184,255,.3) 0 25%,rgba(201,184,255,.1) 0 50%) 0 0/8px 8px}
.ub-ar{color:var(--dim)}
.ub-sh{width:84px;height:84px;border-radius:14px;display:grid;place-items:center;font:800 22px 'Inter Tight',sans-serif;color:#fff;background:linear-gradient(140deg,#8B6CFF,#FF8FD0 70%,#FFD08F);animation:ubsharp 3s ease-in-out infinite}
@keyframes ubsharp{0%,20%,100%{filter:blur(5px)}50%,80%{filter:blur(0)}}
.ub-zip{width:100%;display:flex;flex-direction:column;gap:12px}
.ub-zt{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;color:#9C95C6;flex-wrap:wrap}
.ub-zt b{color:#fff}.ub-zt em{font-style:normal;margin-left:4px;padding:2px 7px;border-radius:6px;background:#8B6CFF;font-size:11.5px}
.ub-zb{height:10px;border-radius:5px;background:rgba(255,255,255,.06);overflow:hidden}
.ub-zb i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#8B6CFF,#C9B8FF);animation:ubshrink 3s ease-in-out infinite}
@keyframes ubshrink{0%,15%,100%{width:100%}55%,85%{width:12%}}
.ub-rm{position:relative;padding:4px 8px}
.ub-rm span{font:800 20px 'Inter Tight',sans-serif;color:#fff;display:block;animation:uberase 2.8s linear infinite}
.ub-rm i{position:absolute;top:-8px;bottom:-8px;width:3px;border-radius:2px;background:#C9B8FF;box-shadow:0 0 18px 5px rgba(139,108,255,.7);animation:ubscan 2.8s linear infinite}
@keyframes uberase{0%,10%{clip-path:inset(0 0 0 0)}70%,100%{clip-path:inset(0 0 0 100%)}}
@keyframes ubscan{0%,10%{left:0}70%,100%{left:100%}}
.ub-lay{position:relative;width:92px;height:92px}
.ub-lay i{position:absolute;inset:0;border-radius:12px;background:#2A1F6B;animation:ubs2 3s ease-in-out infinite}
.ub-lay b{position:absolute;left:22px;top:18px;width:48px;height:60px;border-radius:24px 24px 8px 8px;background:#CFC2F7}
.ub-lay em{position:absolute;left:-6px;top:-4px;padding:4px 8px;border-radius:7px;background:#FF5FA8;color:#fff;font:800 11px Onest,sans-serif;font-style:normal;animation:ubs1 3s ease-in-out infinite}
@keyframes ubs1{0%,20%,100%{transform:none}50%,80%{transform:translate(-14px,-12px)}}
@keyframes ubs2{0%,20%,100%{transform:none}50%,80%{transform:translate(14px,12px)}}
.ub-uq{display:flex;gap:8px}
.ub-uq i{width:44px;height:62px;border-radius:9px;background:linear-gradient(160deg,#8B6CFF,#FF8FD0);animation:ubhue 4s linear infinite}
.ub-uq i:nth-child(2){animation-delay:-1.3s}.ub-uq i:nth-child(3){animation-delay:-2.6s}
@keyframes ubhue{to{filter:hue-rotate(360deg)}}
.ub-rs i{display:grid;border-radius:10px;border:2px solid #C9B8FF;background:rgba(139,108,255,.14);animation:ubmorph 4.5s cubic-bezier(.6,0,.2,1) infinite}
@keyframes ubmorph{0%,25%,100%{width:60px;height:106px}33%,58%{width:90px;height:90px}66%,92%{width:130px;height:73px}}
.ub-dub{display:flex;flex-direction:column;gap:8px;font-weight:600;font-size:14px}
.ub-dub span{padding:8px 12px;border-radius:14px 14px 14px 4px;background:rgba(255,255,255,.07)}
.ub-dub span.on{align-self:flex-end;border-radius:14px 14px 4px 14px;background:#8B6CFF;color:#fff}
@media (prefers-reduced-motion:reduce){.ub-t *{animation:none!important}}
@media (max-width:1100px){.ub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.ub{padding-top:18px}.ub-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:170px;gap:10px}.ub-t.h2{grid-row:span 1}.ub-t.w2{grid-row:span 2}.ub-l b{font-size:16px}.ub-l span{display:none}.ub-d{display:none}.ub-st{padding-bottom:44px}.ub-bg{width:90px;height:120px}.ub-bg b{left:15px;width:60px;height:90px}.ub-cap{bottom:70px;font-size:22px}.ub-person{width:90px;height:120px}}
#navtip{position:fixed;z-index:200;transform:translate(-4px,-50%);opacity:0;pointer-events:none;white-space:nowrap;padding:7px 11px;border-radius:10px;background:#1A1533;border:1px solid rgba(255,255,255,.08);font:500 13px Onest,sans-serif;color:#EDE9FF;box-shadow:0 10px 30px rgba(0,0,0,.5);transition:opacity .15s,transform .15s}
#navtip.on{opacity:1;transform:translate(0,-50%)}
@media (min-width:761px){.side .nav .tip,.side:hover .nav .tip,.side:focus-within .nav .tip{display:none!important}.side .me-wrap{align-self:center}.side .me-btn .tip{display:none!important}}
.ut-transcribe .ub-lines{align-self:center}
@media (hover:none){.ub-t:hover .ub-l{opacity:1}.ub-d{display:none}}
@media (max-width:760px){.ub-sh{width:58px;height:58px;font-size:15px}.ub-px{width:28px;height:28px}.ub-up{gap:8px}.ub-uq i{width:30px;height:44px}.ub-zt{font-size:12px}.ub-lay{transform:scale(.8)}.ub-head p{display:none}}
.icomp-bar>:is(.ib,.gp-dur,.gp-cnt,.chip,.gpb)+:is(.ib,.gp-dur,.gp-cnt,.chip,.gpb){margin-left:5px!important}
.icomp-bar>:is(.ib,.gp-dur,.gp-cnt,.gpb)+:is(.ib,.gp-dur,.gp-cnt,.gpb)::before{left:-4px}
.icomp-bar .ib,.icomp-bar .gp-dur,.icomp-bar>.chip:not(.enh):not(.seg-chip),.icomp-bar .gpb{padding:0 9px!important}
.icomp-bar .gp-dur input{width:92px}

/* ===== v110: файлы композера — колонкой у левого края (сверху вниз), без пустоты слева; счётчик без «квадрата» ===== */
@media (min-width:761px){
  .icomp>.icomp-refs{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:6px!important;align-self:flex-start;max-width:none!important;overflow:visible!important;grid-template-rows:none!important}
  .icomp>.icomp-refs>*{width:50px!important;height:50px!important;min-height:0!important;border-radius:12px!important;flex:0 0 auto}
  .icomp>.icomp-refs .radd{font-size:9.5px!important;gap:0!important;padding:0!important}
  .icomp>.icomp-refs .radd b{font-size:15px!important;line-height:1}
  .icomp>.icomp-refs .rpile{width:50px!important;height:50px!important}
  .icomp>.icomp-refs .vf-l{font-size:8px}
  .icomp{gap:14px!important}
}
.gp-cnt button,.gp-cnt button:hover,.gp-cnt button:focus,.gp-cnt button:active{background:transparent!important;box-shadow:none!important;outline:0}
.gp-cnt button{border-radius:8px!important;color:#B9B2DD!important}
.gp-cnt button:not(:disabled):hover{color:#fff!important}
.gp-cnt button:focus-visible{box-shadow:0 0 0 2px rgba(166,139,255,.6)!important}
.gp-cnt button .rp{display:none}

/* ===== v111: окна настроек Image/Видео — как на Сервере: спокойные, без жирных рамок ===== */
.icomp .pop{background:rgba(16,13,34,.97)!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:18px!important;box-shadow:0 30px 70px -20px rgba(0,0,0,.85)!important;padding:14px!important;animation:gpIn .18s var(--ease)}
.icomp .pop::after{display:none!important}
.pop-h .lbl{font:500 14px Onest,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:var(--muted)!important}
.grid-ratio{grid-template-columns:repeat(5,60px)!important;gap:4px!important;padding:4px;border-radius:14px;background:rgba(255,255,255,.04)}
.grid-ratio button,.grid-ratio button:not(.gr-ref){height:62px;padding:0!important;border:0!important;border-radius:11px!important;background:transparent!important;color:var(--muted)!important;font:500 12.5px Onest,system-ui,sans-serif!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:7px;box-shadow:none!important;transition:background .15s,color .15s}
.grid-ratio button:hover{color:#fff!important;background:rgba(255,255,255,.05)!important}
.grid-ratio button.on{background:rgba(255,255,255,.12)!important;color:#fff!important}
.grid-ratio i{border-width:1.5px!important;border-radius:3px!important;max-width:24px;max-height:24px;transform:scale(.8)}
.grid-ratio .gr-ref{grid-column:1/-1;height:40px!important;flex-direction:row!important}
.seg{background:rgba(255,255,255,.04)!important;border:0!important;border-radius:12px!important;padding:3px!important}
.seg button{border:0!important;border-radius:9px!important;background:transparent!important;color:var(--muted)!important}
.seg button.on{background:rgba(255,255,255,.12)!important;color:#fff!important}
.icomp .opt{border-radius:12px!important;border-color:transparent!important}
.icomp .opt.on{background:rgba(255,255,255,.08)!important;border-color:transparent!important}
.icomp-bar .ib:focus,.icomp-bar .chip:focus,.icomp-bar .gpb:focus{outline:none!important}
.icomp-bar .ib:focus-visible,.icomp-bar .chip:focus-visible,.icomp-bar .gpb:focus-visible{outline:none!important;box-shadow:0 0 0 2px rgba(166,139,255,.45)!important}
.grid-ratio button:not(.gr-ref){display:grid!important;grid-template-rows:26px auto;place-items:center;row-gap:4px;align-content:center}
.pseg .lbl,.pop .lbl{font:500 12.5px Onest,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:var(--dim)!important}
.seg button.on{box-shadow:none!important}

/* ===== v112: админка — главная с поиском и быстрыми действиями; Лайт / Про ===== */
.adm [hidden]{display:none!important}
.adm-top{display:flex;align-items:center;gap:12px;min-height:40px}
.adm-mode{display:flex;padding:3px;border-radius:11px;background:rgba(255,255,255,.04)}
.adm-mode button{height:30px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:var(--dim);font:500 13px Onest,sans-serif;cursor:pointer}
.adm-mode button.on{background:rgba(255,255,255,.1);color:#fff}
.adm-back{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px 0 10px;border:0;border-radius:11px;background:rgba(255,255,255,.04);color:var(--text);font:600 14px Onest,sans-serif;cursor:pointer}
.adm-back svg{transform:rotate(180deg);color:var(--muted)}
.adm-back:hover{background:rgba(255,255,255,.08)}
.adm-hero{width:min(780px,100%);margin:clamp(20px,6vh,70px) auto 10px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.adm-k{font-size:15px;color:var(--muted)}
.adm-p{font:800 clamp(48px,6vw,68px)/1 'Inter Tight',Onest,sans-serif;letter-spacing:-.04em;color:#4ADE9F}
.adm-p.neg{color:#FF8FB8}
.adm-s{font-size:14px;color:var(--muted);margin-bottom:18px}
.adm-qw{position:relative;width:100%}
.adm-q{display:flex;align-items:center;gap:12px;height:58px;padding:0 20px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(166,139,255,.3);color:var(--muted);box-shadow:0 20px 60px -30px rgba(124,92,255,.7);transition:border-color .2s}
.adm-q:focus-within{border-color:rgba(166,139,255,.7)}
.adm-q input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:16px Onest,sans-serif}
.adm-q kbd{padding:4px 8px;border-radius:7px;background:rgba(255,255,255,.07);font:500 12px 'JetBrains Mono',monospace;color:var(--muted)}
.adm-res{position:absolute;left:0;right:0;top:66px;z-index:20;display:none;flex-direction:column;padding:8px;border-radius:16px;background:#14102C;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 70px -20px rgba(0,0,0,.9);text-align:left}
.adm-res.on{display:flex}
.adm-r{display:flex;align-items:center;gap:12px;padding:11px 14px;border:0;border-radius:11px;background:transparent;color:var(--text);font:14px Onest,sans-serif;text-align:left;cursor:pointer}
.adm-r:hover{background:rgba(255,255,255,.06)}
.adm-rk{width:76px;font-size:12px;color:var(--dim)}
.adm-rd{margin-left:auto;font-size:12.5px;color:var(--muted)}
.adm-none{padding:12px 14px;font-size:13.5px;color:var(--dim)}
.adm-acts{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.adm-act{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:18px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background .2s,transform .25s var(--ease)}
.adm-act:hover{background:rgba(255,255,255,.055);transform:translateY(-2px)}
.adm-act i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-style:normal;font-weight:700;background:rgba(139,108,255,.18);color:#C9B8FF}
.adm-act i.gold{background:rgba(250,204,21,.14);color:#FACC15}
.adm-act b{font-size:15px}
.adm-act span{font-size:12.5px;color:var(--muted)}
.adm.pro .adm-hero{margin-bottom:30px}
@media (max-width:760px){.adm-acts{grid-template-columns:1fr 1fr}.adm-q{height:50px}.adm-act{padding:14px}}

/* ===== v113: подписки — сначала «что у меня есть», ниже «докупить» ===== */
.pl2-in{display:flex;flex-direction:column;gap:22px;width:min(1200px,100%)}
.pl2-in [hidden]{display:none!important}
.pl2-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.pl2-head h1{margin:0;font:800 clamp(32px,3.4vw,42px)/1 'Inter Tight',Onest,sans-serif;letter-spacing:-.035em}
.pl2-head p{margin:8px 0 0;color:var(--muted);font-size:15px}.pl2-head p b{color:var(--text)}
.pl2-btn{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 18px;border:0;border-radius:12px;background:#F3F0FF;color:#0B0918;font:600 14px Onest,sans-serif;cursor:pointer;white-space:nowrap}
.pl2-btn:hover{background:#fff}
.pl2-btn.ghost{height:36px;padding:0 14px;background:rgba(255,255,255,.07);color:var(--text);font-weight:500;font-size:13px}
.pl2-btn.ghost:hover{background:rgba(255,255,255,.12)}
.pl2-btn:disabled{opacity:.5}
.pl2-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pl2-card{display:flex;flex-direction:column;gap:14px;padding:22px 24px;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.pl2-ct{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pl2-ct svg{color:#C9B8FF}.pl2-ct b{font-size:18px}.pl2-ct .dim{font-size:13px}
.pl2-sub{display:flex;flex-direction:column;gap:9px;padding-top:4px}
.pl2-sub+.pl2-sub{padding-top:14px;border-top:1px solid rgba(255,255,255,.06)}
.pl2-sh{display:flex;align-items:center;gap:10px;font-size:14.5px}.pl2-sh .dim{font-size:13px}
.pl2-on{padding:3px 9px;border-radius:999px;background:rgba(74,222,159,.14);color:#4ADE9F;font-size:12px}
.pl2-off{padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--dim);font-size:12px}
.pl2-sf{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px}
.pl2-bar{height:8px;border-radius:4px;background:rgba(255,255,255,.07);overflow:hidden}
.pl2-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#8B6CFF,#C9B8FF)}
.pl2-big{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.pl2-big b{font:700 34px/1.1 'Inter Tight',Onest,sans-serif;letter-spacing:-.03em}
.pl2-card>.dim{font-size:13px}
.pl2-bh{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}.pl2-bh b{font-size:16px}
.pl2-scope{display:flex;padding:3px;border-radius:11px;background:rgba(255,255,255,.04)}
.pl2-scope button{height:30px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:var(--dim);font:500 13px Onest,sans-serif;cursor:pointer}
.pl2-scope button.on{background:rgba(255,255,255,.1);color:#fff}
.pl2-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.pl2-pack{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:18px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background .2s,transform .25s var(--ease),border-color .2s}
.pl2-pack:hover{background:rgba(255,255,255,.06);transform:translateY(-2px)}
.pl2-pack.hot{border-color:rgba(166,139,255,.45);background:rgba(139,108,255,.08)}
.pl2-n{font:700 24px 'Inter Tight',Onest,sans-serif;letter-spacing:-.02em}
.pl2-pack .dim{font-size:13px}
.pl2-pp{font-size:18px;margin-top:10px}
.pl2-per{font-size:12px;color:var(--dim)}
.pl2-note{margin:0;font-size:13px;color:var(--dim)}
.pl2-link{border:0;background:none;padding:0;color:#C9B8FF;font:inherit;cursor:pointer}
.pl2-adm{padding:18px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
@media (max-width:760px){.pl2-row{grid-template-columns:1fr}.pl2-packs{grid-template-columns:1fr 1fr}}
/* v114: счётчик — цифра строго по центру между − и + */
.gp-cnt{display:inline-grid!important;grid-template-columns:30px minmax(22px,auto) 30px;align-items:center;justify-items:center;padding:0 2px!important;gap:0!important}
.gp-cnt button{width:30px!important;height:30px!important;padding:0!important;display:grid!important;place-items:center;font:500 17px/1 Onest,system-ui,sans-serif!important}
.gp-cnt b{min-width:22px!important;margin:0!important;text-align:center;font:600 14px/1 Onest,system-ui,sans-serif!important;font-variant-numeric:tabular-nums}

/* ===================== v115: единый набор — стеклянные кнопки, подписи без капса, уведомления, окна ===================== */
/* главная кнопка: светлое стекло */
.btn:not(.ghost):not(.danger),.pl2-btn:not(.ghost){
  background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(236,231,255,.9) 55%,rgba(222,214,255,.86) 100%)!important;
  color:#0B0918!important;border:1px solid rgba(255,255,255,.55)!important;
  box-shadow:inset 0 1px 0 #fff,inset 0 -3px 8px rgba(124,92,255,.14),0 12px 30px -14px rgba(201,184,255,.6)!important;
  -webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);font-weight:600}
.btn:not(.ghost):not(.danger)::after{display:block!important;background:linear-gradient(100deg,transparent,rgba(255,255,255,.85),transparent)!important;opacity:.7}
.btn:not(.ghost):not(.danger):hover:not(:disabled),.pl2-btn:not(.ghost):hover:not(:disabled){background:linear-gradient(180deg,#fff 0%,rgba(242,238,255,.95) 60%,rgba(230,223,255,.92) 100%)!important;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 8px rgba(124,92,255,.16),0 16px 36px -14px rgba(201,184,255,.75)!important}
.btn:not(.ghost):not(.danger):disabled{opacity:.42;filter:none}
.btn:not(.ghost):not(.danger) .spin{border-color:rgba(11,9,24,.18)!important;border-top-color:#0B0918!important}
.btn .gen-price{background:rgba(11,9,24,.07)!important;color:#0B0918!important;border:0!important}
/* второстепенная: тёмное стекло */
.btn.ghost,.pl2-btn.ghost,.adm-act,.adm-back,.pl2-pack,.tp2-st{
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.025))!important;
  border:1px solid rgba(255,255,255,.1)!important;color:var(--text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 26px -18px rgba(0,0,0,.9)!important;
  -webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%)}
.btn.ghost:hover:not(:disabled),.pl2-btn.ghost:hover,.adm-act:hover,.adm-back:hover,.pl2-pack:hover,.tp2-st:hover{background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.045))!important;border-color:rgba(255,255,255,.16)!important}
.pl2-pack.hot{background:linear-gradient(180deg,rgba(166,139,255,.2),rgba(124,92,255,.06))!important;border-color:rgba(166,139,255,.45)!important}
.btn.danger{background:linear-gradient(180deg,rgba(255,120,160,.12),rgba(255,120,160,.04))!important;border:1px solid rgba(255,120,160,.25)!important;color:#FF9ABF!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
/* подписи — обычным регистром */
.lbl,.tbl th,.wlbl,.tm-mh,.uh-kick{font-family:Onest,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
.lbl{font-size:13px!important;font-weight:500!important;color:var(--muted)!important}
.tbl th{font-size:12px!important;font-weight:500!important;color:var(--dim)!important}
.tag,.tm-tag{font-family:Onest,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;font-size:12px!important;border:0!important;background:rgba(255,255,255,.07)!important;color:var(--muted)!important}
/* уведомления */
#toast div{display:flex;align-items:center;gap:12px;padding:12px 16px!important;border-radius:14px!important;background:rgba(20,16,44,.96)!important;border:1px solid rgba(255,255,255,.09)!important;color:var(--text)!important;box-shadow:0 20px 50px -20px rgba(0,0,0,.9)!important;font-size:14px}
#toast div::before{content:"✓";flex:0 0 auto;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:700;background:rgba(74,222,159,.16);color:#4ADE9F}
#toast div.err::before{content:"!";background:rgba(255,120,160,.16);color:#FF9ABF}
#toast div.err{color:var(--text)!important}
#toast div .btn{min-height:32px;padding:0 12px;font-size:13px}
/* окна */
.wmodal{background:#110E26!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:24px!important;box-shadow:0 30px 70px -20px rgba(0,0,0,.85)!important}
.wmodal .wclose{border-radius:10px!important;background:rgba(255,255,255,.05)!important;border:0!important;color:var(--muted)!important}
.wh{font:700 22px 'Inter Tight',Onest,sans-serif!important;letter-spacing:-.02em!important}
.pop,.gpp2,.me-menu{border-radius:18px!important}
/* меню профиля */
.me-menu{background:#110E26!important;border:1px solid rgba(255,255,255,.09)!important}
.me-bal{background:rgba(255,255,255,.04)!important;border:0!important}
.me-bal>b{font-family:'Inter Tight',Onest,sans-serif!important;letter-spacing:-.02em}
.me-it{border-radius:10px!important}
.me-it.out{color:var(--muted)!important}
.me-it.out.me-all{color:var(--dim)!important;font-size:12.5px!important}
.me-ver{display:none}
/* страницы утилит */
.utabs{display:none!important}
.util-keep{font-size:13px!important}
.tdrop{border-radius:22px!important;border:1.5px dashed rgba(201,184,255,.22)!important;background:rgba(255,255,255,.02)!important}
.tdrop:hover,.tdrop.over{border-color:rgba(166,139,255,.55)!important;background:rgba(124,92,255,.06)!important}
.main .panel{border-color:rgba(255,255,255,.07)!important;border-radius:20px}
.seg-chip,.chip.seg-chip{background:rgba(255,255,255,.04)!important;border:0!important}
.seg-chip button.on{background:rgba(255,255,255,.12)!important;color:#fff!important}
/* Lip-sync и прочие селекты */
.sel{border-radius:12px!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.09)!important;color:var(--text)!important}
.inp,.field,textarea.inp{border-radius:12px!important}
/* окно пополнения: одна сумма крупно */
.tp2{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.tp2 .wh{align-self:flex-start}
.tp2-amt{display:flex;align-items:center;gap:18px;margin-top:18px}
.tp2-st{width:48px;height:48px;border-radius:50%!important;display:grid;place-items:center;cursor:pointer;padding:0}
.tp2-v{display:flex;align-items:baseline;justify-content:center;font:800 64px/1 'Inter Tight',Onest,sans-serif;letter-spacing:-.04em;color:#fff;min-width:180px}
.tp2-v{min-width:0!important}
.tp2-v span{color:var(--muted);font-weight:700;margin-right:2px}
.tp2-v input{width:4.2ch;min-width:2ch;max-width:6ch;border:0;outline:0;background:transparent;color:#fff;font:inherit;letter-spacing:inherit;text-align:left;padding:0;field-sizing:content}
.tp2-get{font-size:16px;color:#CFC9EA;min-height:24px}.tp2-get b{color:#fff}
.tp2-b{margin-left:8px;padding:3px 9px;border-radius:999px;background:rgba(139,108,255,.22);color:#E4DBFF;font-size:12px}
.tp2-hint{font-size:13px;color:var(--muted);min-height:18px}
.tp2-chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.tp2-ch{height:36px;padding:0 15px;border:0;border-radius:999px;background:rgba(255,255,255,.05);color:var(--muted);font:500 13.5px Onest,sans-serif;cursor:pointer}
.tp2-ch:hover{color:#fff}.tp2-ch.on{background:rgba(255,255,255,.13);color:#fff}
.tp2-first{font-size:12.5px;color:#C9B8FF}
.tp2-nets{align-self:stretch;display:flex;padding:3px;border-radius:12px;background:rgba(255,255,255,.04);margin-top:10px}
.tp2-nets button{flex:1;height:38px;border:0;border-radius:10px;background:transparent;color:var(--dim);font:500 13.5px Onest,sans-serif;cursor:pointer}
.tp2-nets button.on{background:rgba(255,255,255,.12);color:#fff}
.tp2 .wgo{align-self:stretch;height:52px;justify-content:center;font-size:15px}
.tp2 .wnote{font-size:12.5px}
@media (max-width:760px){.tp2-v{font-size:52px;min-width:140px}.tp2-amt{gap:12px}}
.tp2-v{min-width:0!important}.tp2-v input{width:auto;max-width:none!important;min-width:0!important;font-variant-numeric:tabular-nums}
/* v115: Субтитры — пока нет готовых роликов, колонка «Рендеры» скрыта, видео-зона шире; тексты-заглушки тише */
@media (min-width:761px){
  .sb.sb-nle:has(#rl > span.dim:only-child){grid-template-columns:minmax(0,1fr) minmax(320px,400px);grid-template-areas:"video insp" "tl tl"}
  .sb-nle:has(#rl > span.dim:only-child) .sb-renders{display:none}
}
.sb-nle .sb-video .drop{border:1.5px dashed rgba(201,184,255,.22)!important;background:rgba(255,255,255,.02)!important}
.sb-nle .sb-video .drop:hover{border-color:rgba(166,139,255,.5)!important}
.sb-empty{color:var(--dim)!important;font-size:13.5px!important}
.sb-tl.panel,.sb-ed.panel,.sb-renders.panel{background:rgba(255,255,255,.03)!important;border:1px solid rgba(255,255,255,.07)!important}
/* v115: Lip-sync — кнопка запуска как везде (светлое стекло), слоты спокойнее */
.smix-btn{background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(236,231,255,.9) 55%,rgba(222,214,255,.86) 100%)!important;color:#0B0918!important;border:1px solid rgba(255,255,255,.55)!important;box-shadow:inset 0 1px 0 #fff,inset 0 -3px 8px rgba(124,92,255,.14),0 12px 30px -14px rgba(201,184,255,.6)!important;font-weight:600!important}
.smix-btn:disabled{opacity:.42!important;filter:none!important}
.smix-btn svg{color:#0B0918!important}