/* Кабинет REZKO. Палитры те же, что на лендинге: data-pal на <html>. */
:root,:root[data-pal="subtitle"]{
  --bg:#07081a; --bg2:#0d0f24; --bg3:#161a3c; --bg-deep:#05061a; --line:#1f2350; --line2:#2f3570;
  --fg:#f2f3ff; --mute:#a2a7cf; --dim:#646a99;
  --a1:255 225 74; --a2:139 123 255;
  --cut:linear-gradient(100deg,#fff07a 0%,#ffe14a 45%,#ffc93a 100%); --on-a:#14110a;
  --nav:rgba(13,15,36,.7);
  --key:rgba(255,255,255,.05) 0 1px 0 0 inset, rgba(160,170,255,.14) 0 0 0 1px, rgba(0,0,0,.35) 0 -1px 0 0 inset;
  color-scheme:dark;
}
:root[data-pal="ultra"]{
  --bg:#0b0610; --bg2:#140b1c; --bg3:#21122d; --bg-deep:#08040c; --line:#2d1b3c; --line2:#432a58;
  --fg:#fbf2ff; --mute:#bba4cc; --dim:#76608a;
  --a1:255 62 165; --a2:41 227 255;
  --cut:linear-gradient(100deg,#ff3ea5 0%,#ff6ab9 50%,#ff9bd0 100%); --on-a:#1a0410;
  --nav:rgba(20,11,28,.7);
  --key:rgba(255,255,255,.05) 0 1px 0 0 inset, rgba(255,160,230,.13) 0 0 0 1px, rgba(0,0,0,.35) 0 -1px 0 0 inset;
  color-scheme:dark;
}
:root[data-pal="monitor"]{
  --bg:#eef0f6; --bg2:#ffffff; --bg3:#e2e6f2; --bg-deep:#f5f7fb; --line:#d8dce9; --line2:#bfc6da;
  --fg:#0b0e1c; --mute:#4c5472; --dim:#878fab;
  --a1:36 82 255; --a2:232 162 0;
  --cut:linear-gradient(100deg,#2452ff 0%,#3d45ff 50%,#6a3dff 100%); --on-a:#ffffff;
  --nav:rgba(255,255,255,.8);
  --key:rgba(255,255,255,.9) 0 1px 0 0 inset, rgba(11,14,28,.09) 0 0 0 1px, rgba(11,14,28,.06) 0 8px 24px -12px;
  color-scheme:light;
}
:root{
  --hot:rgb(var(--a1)); --hot2:rgb(var(--a2));
  --ok:#3fcf7a; --bad:#ff5c6c; --warn:#ffb020;
  --reels:#f06bff; --tt:#2ee6d6; --yt:#ff4545; --vk:#4c8dff;
  --f-display:'Unbounded','Arial Black',system-ui,sans-serif;
  --f-body:'Onest',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --f-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --side:272px;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--bg);color:var(--fg);font:15px/1.5 var(--f-body);-webkit-font-smoothing:antialiased}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--f-display);font-weight:600;letter-spacing:-.03em;line-height:1.1;margin:0;text-wrap:balance}
h1{font-size:clamp(24px,3vw,34px)} h2{font-size:20px} h3{font-size:16px;letter-spacing:-.02em}
p{margin:0}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.mute{color:var(--mute)} .dim{color:var(--dim)}
:focus-visible{outline:2px solid var(--hot);outline-offset:2px;border-radius:6px}
[hidden]{display:none!important}

/* buttons & inputs */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;font-weight:600;font-size:14px;padding:11px 16px;border-radius:10px;text-decoration:none;white-space:nowrap;transition:transform .15s,box-shadow .15s,background .15s;background:var(--bg3);color:var(--fg)}
.btn:hover{transform:translateY(-1px)}
.btn svg{width:16px;height:16px;flex:none}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.btn-hot{background:var(--cut);color:var(--on-a);box-shadow:0 8px 24px -10px rgb(var(--a1) / .7)}
.btn-ghost{background:transparent;box-shadow:inset 0 0 0 1px var(--line2)}
.btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--mute)}
.btn-sm{padding:7px 11px;font-size:13px;border-radius:8px}
.btn-danger{background:transparent;color:var(--bad);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bad) 45%,transparent)}
.input,select.input,textarea.input{width:100%;background:var(--bg-deep);border:0;box-shadow:inset 0 0 0 1px var(--line2);border-radius:10px;padding:11px 13px;outline:none;transition:box-shadow .15s}
.input:focus{box-shadow:inset 0 0 0 1.5px var(--hot)}
textarea.input{resize:vertical;min-height:80px}
label.f{display:grid;gap:6px;font-size:13px;color:var(--mute)}
label.f>span{font-weight:500}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.grow{flex:1;min-width:0}
.card{background:var(--bg2);border-radius:16px;box-shadow:var(--key);padding:20px}
.chip{display:inline-flex;align-items:center;gap:6px;font:500 12px var(--f-mono);padding:5px 9px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line2);color:var(--mute);white-space:nowrap}
.chip.hot{background:var(--cut);color:var(--on-a);box-shadow:none}
.chip.ok{color:var(--ok);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ok) 50%,transparent)}
.chip.bad{color:var(--bad);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bad) 50%,transparent)}
.chip.work{color:var(--hot2);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hot2) 50%,transparent)}
.chip i{width:7px;height:7px;border-radius:50%;background:currentColor}
.chip.work i{animation:blink 1s ease-in-out infinite}
@keyframes blink{50%{opacity:.25}}

/* segmented choices */
.seg{display:flex;flex-wrap:wrap;gap:6px}
.seg button{border:0;cursor:pointer;background:transparent;color:var(--mute);padding:8px 13px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);font-size:14px;font-weight:500}
.seg button[aria-pressed="true"]{color:var(--fg);background:var(--bg3);box-shadow:inset 0 0 0 1.5px var(--hot)}

/* toggle */
.tg{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:start;cursor:pointer;padding:10px 0}
.tg input{position:absolute;opacity:0;pointer-events:none}
.tg .sw{grid-row:span 2;width:38px;height:22px;border-radius:999px;background:var(--line2);position:relative;transition:background .15s;margin-top:1px}
.tg .sw::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}
.tg input:checked+.sw{background:var(--hot)}
.tg input:checked+.sw::after{transform:translateX(16px);background:var(--on-a)}
.tg input:focus-visible+.sw{outline:2px solid var(--hot);outline-offset:2px}
.tg b{font-weight:600;font-size:14px}
.tg small{color:var(--dim);font-size:13px}

/* shell */
.shell{display:grid;grid-template-columns:var(--side) minmax(0,1fr);min-height:100%}
.side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:14px;padding:18px 14px;border-right:1px solid var(--line);background:var(--bg)}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:600;font-size:17px;letter-spacing:-.03em;text-decoration:none;padding:4px 6px}
.logo .mk{width:22px;height:22px;border-radius:6px;background:var(--cut);position:relative;overflow:hidden;flex:none}
.logo .mk::after{content:"";position:absolute;left:9px;top:-4px;width:4px;height:30px;background:var(--bg);transform:rotate(22deg)}
.nav{display:grid;gap:2px}
.nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;text-decoration:none;color:var(--mute);font-weight:500;font-size:14px}
.nav a:hover{background:var(--bg2);color:var(--fg)}
.nav a.on{background:var(--bg3);color:var(--fg)}
.nav svg{width:17px;height:17px;flex:none}
.side .lbl{font:500 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);padding:6px 10px 0}
.jobs{flex:1;overflow:auto;display:grid;align-content:start;gap:2px;margin:0 -4px;padding:0 4px}
.jobs a{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;padding:7px 8px;border-radius:9px;text-decoration:none}
.jobs a:hover{background:var(--bg2)} .jobs a.on{background:var(--bg3)}
.jobs .th{width:36px;height:46px;border-radius:6px;background:var(--bg3) center/cover;display:grid;place-items:center;color:var(--dim)}
.jobs .t{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jobs .s{font-size:12px;color:var(--dim);display:flex;gap:6px;align-items:center}
.jobs .s i{width:6px;height:6px;border-radius:50%;background:var(--dim)}
.jobs .s.work i{background:var(--hot2);animation:blink 1s infinite} .jobs .s.ok i{background:var(--ok)} .jobs .s.bad i{background:var(--bad)}
.bal{border-radius:12px;padding:12px;background:var(--bg2);box-shadow:var(--key);display:grid;gap:8px}
.bal .n{font-family:var(--f-display);font-weight:600;font-size:22px;letter-spacing:-.04em}
.bar{height:6px;border-radius:9px;background:var(--line);overflow:hidden}
.bar i{display:block;height:100%;background:var(--cut);border-radius:9px;transition:width .4s}
.main{min-width:0;padding:22px max(16px,env(safe-area-inset-right,0px)) 80px max(16px,env(safe-area-inset-left,0px))}
.main>.in{max-width:1180px;margin:0 auto;display:grid;gap:22px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.burger{display:none}
@media (max-width:900px){
  .shell{grid-template-columns:1fr}
  .side{position:fixed;inset:0 auto 0 0;width:min(86vw,300px);z-index:40;transform:translateX(-105%);transition:transform .2s;box-shadow:0 0 60px rgba(0,0,0,.5);padding-top:calc(18px + env(safe-area-inset-top,0px))}
  .side.open{transform:none}
  .burger{display:inline-flex}
}
.scrim{position:fixed;inset:0;z-index:35;background:rgba(0,0,0,.45)}

/* new task */
.drop{display:flex;gap:6px;padding:6px;border-radius:14px;background:var(--bg2);box-shadow:var(--key)}
.drop input{flex:1;min-width:0;background:transparent;border:0;outline:none;padding:0 12px;font-size:16px}
.dz{border-radius:14px;border:1.5px dashed var(--line2);padding:18px;text-align:center;color:var(--mute);cursor:pointer;transition:border-color .15s,background .15s}
.dz.over{border-color:var(--hot);background:rgb(var(--a1) / .06)}
.up{display:grid;gap:8px}
.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.sets{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:16px;align-items:start}
@media (max-width:1000px){.sets,.grid2{grid-template-columns:1fr}}
.sec{display:grid;gap:12px}
.sec>h3{display:flex;align-items:center;gap:8px}
.sec>h3::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--hot)}
.rng{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}
input[type=range]{accent-color:rgb(var(--a1));width:100%}
.styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
@media (max-width:560px){.styles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sty{border:0;cursor:pointer;text-align:left;border-radius:12px;padding:8px;background:var(--bg-deep);box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:6px}
.sty[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--hot)}
.sty .pv{aspect-ratio:16/10;border-radius:8px;background:radial-gradient(80% 90% at 50% 10%,#2c2a35,#121119);display:grid;place-items:center;padding:6px;overflow:hidden}
.sty .nm{font-size:13px;font-weight:600;padding:0 2px}
.cap{font:800 14px/1.15 'Montserrat','Onest',sans-serif;color:#fff;text-align:center;text-shadow:0 2px 0 #000,0 0 5px rgba(0,0,0,.9)}
.cap w{display:inline-block;margin:0 .1em;transition:transform .15s,color .15s}
.cap.classic w.on{color:#ffe14a}
.cap.plate{background:rgba(11,11,20,.85);padding:3px 6px;border-radius:5px;text-shadow:none}.cap.plate w.on{color:#ffe14a}
.cap.big{font-size:20px;text-transform:uppercase}.cap.big w{display:none}.cap.big w.on{display:inline-block;color:#ffe14a}
.cap.karaoke w.seen{color:#ffe14a}
.cap.neon w{color:#e9fdff;text-shadow:0 0 6px #2ee6d6,0 0 14px #2ee6d6}
.cap.thin{font-weight:500;font-size:13px}
.cap.pop w{opacity:.5}.cap.pop w.on{opacity:1;transform:scale(1.15)}
.cap.fill w.on{color:#f06bff}
.cap.custom w.on{color:var(--cc-hi,#ffe14a)}
.cost{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;border-radius:14px;padding:14px 16px;background:var(--bg2);box-shadow:var(--key)}
.sticky-go{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:5}

/* job */
.prog{display:grid;gap:10px}
.prog .bar{height:8px}
.steps{display:flex;gap:6px;flex-wrap:wrap}
.steps span{font:500 12px var(--f-mono);color:var(--dim);padding:4px 8px;border-radius:6px;background:var(--bg-deep)}
.steps span.on{color:var(--on-a);background:var(--cut)} .steps span.done{color:var(--fg)}
.clips{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
@media (max-width:560px){.clips{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.clip .body{padding:10px}.clip .tt{font-size:13px}}
.clip{border-radius:16px;background:var(--bg2);box-shadow:var(--key);overflow:hidden;display:grid}
.clip .media{position:relative;aspect-ratio:9/16;background:#000 center/cover}
.clip video{width:100%;height:100%;object-fit:cover;display:block}
.clip .sc{position:absolute;top:8px;right:8px;font:700 12px var(--f-mono);background:var(--cut);color:var(--on-a);padding:3px 8px;border-radius:999px}
.clip .du{position:absolute;top:8px;left:8px;font:500 11px var(--f-mono);background:rgba(0,0,0,.6);color:#fff;padding:3px 7px;border-radius:6px}
.clip .ph{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:8px;color:#cfd2ee;font-size:13px;text-align:center;padding:12px;background:linear-gradient(180deg,#14163a,#090a1c)}
.clip .body{padding:12px;display:grid;gap:10px}
.clip .tt{font-weight:600;font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.spin{width:22px;height:22px;border-radius:50%;border:2.5px solid rgba(255,255,255,.2);border-top-color:rgb(var(--a1));animation:sp 0.8s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}

/* editor */
.ed{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:20px;align-items:start}
@media (max-width:900px){.ed{grid-template-columns:1fr}}
.player{position:sticky;top:16px;display:grid;gap:12px}
.player .media{aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#000;box-shadow:var(--key);position:relative}
.player video{width:100%;height:100%;display:block;object-fit:contain;background:#000}
.lines{display:grid;gap:2px;max-height:min(70vh,760px);overflow:auto;border-radius:14px;background:var(--bg2);box-shadow:var(--key);padding:6px}
.ln{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;padding:8px 10px;border-radius:9px;border-left:3px solid transparent;color:var(--dim);cursor:pointer}
.ln:hover{background:var(--bg3)}
.ln .tm{font:500 11px var(--f-mono);padding-top:3px}
.ln.in{color:var(--fg);background:rgb(var(--a1) / .07);border-left-color:var(--hot)}
.ln.ex{color:var(--dim);text-decoration:line-through;background:transparent;border-left-color:var(--line2)}
.ln.hk{background:rgb(var(--a2) / .14);border-left-color:var(--hot2)}
.ln .tx[contenteditable="true"]{outline:1.5px solid var(--hot);border-radius:4px;padding:0 3px;background:var(--bg-deep);color:var(--fg);text-decoration:none;cursor:text}
.ln .act{display:flex;gap:2px;opacity:0;transition:opacity .15s}
.ln:hover .act,.ln:focus-within .act{opacity:1}
.ic{border:0;background:transparent;cursor:pointer;color:var(--mute);width:28px;height:28px;border-radius:7px;display:grid;place-items:center}
.ic:hover{background:var(--bg-deep);color:var(--fg)}
.ic svg{width:15px;height:15px}
.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--mute)}
.legend span{display:flex;gap:6px;align-items:center}
.legend i{width:10px;height:10px;border-radius:3px}

/* tables */
.tbl{overflow-x:auto;border-radius:14px;background:var(--bg2);box-shadow:var(--key)}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
th{font:500 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
tr:last-child td{border-bottom:0}
td.num{font-variant-numeric:tabular-nums;font-family:var(--f-mono)}
.plus{color:var(--ok)} .minus{color:var(--mute)}

/* plans */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:900px){.plans{grid-template-columns:1fr}}
.plan{display:grid;gap:12px;align-content:start}
.plan.cur{box-shadow:inset 0 0 0 1.5px var(--hot),var(--key)}
.plan .amt{font-family:var(--f-display);font-weight:600;font-size:34px;letter-spacing:-.05em}
.plan ul{margin:0;padding-left:18px;color:var(--mute);font-size:14px;display:grid;gap:4px}

/* code */
pre.code{margin:0;background:#05061a;color:#d6d8f0;border-radius:12px;padding:16px;overflow-x:auto;font:400 13px/1.65 var(--f-mono)}
.key{display:flex;gap:8px;align-items:center;padding:12px;border-radius:12px;background:var(--bg-deep);box-shadow:inset 0 0 0 1px var(--hot);font-family:var(--f-mono);font-size:13px;word-break:break-all}

/* auth */
.auth{min-height:100%;display:grid;place-items:center;padding:32px max(16px,env(safe-area-inset-left,0px));position:relative;isolation:isolate}
.auth::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(40% 50% at 20% 20%,rgb(var(--a1) / .14),transparent 70%),radial-gradient(40% 50% at 85% 80%,rgb(var(--a2) / .16),transparent 70%)}
.auth .card{width:min(420px,100%);padding:28px;display:grid;gap:18px}
.err{color:var(--bad);font-size:14px;min-height:1em}
.okmsg{color:var(--ok);font-size:14px}

/* modal & toast */
.modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:rgba(3,4,12,.6);padding:16px;backdrop-filter:blur(4px)}
.modal .card{width:min(520px,100%);display:grid;gap:14px}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:80;background:var(--fg);color:var(--bg);padding:11px 16px;border-radius:10px;font-weight:600;font-size:14px;box-shadow:0 10px 40px rgba(0,0,0,.4);max-width:calc(100vw - 32px)}
.empty{display:grid;place-items:center;gap:10px;text-align:center;padding:48px 16px;color:var(--mute)}
.empty b{font-family:var(--f-display);color:var(--fg);font-size:18px;font-weight:600}


/* ================= v2 ================= */
.banner{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 14px;border-radius:12px;background:rgb(var(--a2) / .14);box-shadow:inset 0 0 0 1px rgb(var(--a2) / .4);font-size:14px}
.banner.imp{background:rgb(var(--a1) / .14);box-shadow:inset 0 0 0 1px rgb(var(--a1) / .5)}
.avatar{width:32px;height:32px;border-radius:50%;background:var(--bg3) center/cover;display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}

/* соцсети */
.oauth{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.oauth a,.oauth .tg{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:10px;text-decoration:none;font-weight:600;font-size:14px;box-shadow:inset 0 0 0 1px var(--line2);background:var(--bg-deep)}
.oauth a:hover{box-shadow:inset 0 0 0 1px var(--mute)}
.oauth i{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:12px;color:#fff;flex:none}
.or{display:flex;align-items:center;gap:10px;color:var(--dim);font-size:12px}.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}

/* мастер */
.wiz{max-width:860px;margin:0 auto;width:100%;display:grid;gap:22px}
.wsteps{display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.wsteps::before{content:"";position:absolute;left:12.5%;right:12.5%;top:17px;height:2px;background:var(--line)}
.wsteps .bar2{position:absolute;left:12.5%;top:17px;height:2px;background:var(--hot);transition:width .3s}
.wst{display:grid;justify-items:center;gap:6px;position:relative;font-size:13px;color:var(--dim);background:none;border:0;cursor:pointer}
.wst span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--bg2);box-shadow:inset 0 0 0 1.5px var(--line2);font:600 13px var(--f-mono);color:var(--mute)}
.wst.on{color:var(--fg)} .wst.on span{box-shadow:inset 0 0 0 2px var(--hot);color:var(--fg)}
.wst.done span{background:var(--cut);color:var(--on-a);box-shadow:none}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:640px){.cards{grid-template-columns:1fr}}
.pick{border:0;text-align:left;cursor:pointer;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border-radius:14px;background:var(--bg2);box-shadow:var(--key);color:var(--fg);transition:box-shadow .15s,transform .15s}
.pick:hover{transform:translateY(-1px)}
.pick[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--hot),var(--key)}
.pick .ico{width:40px;height:40px;border-radius:10px;background:var(--bg3);display:grid;place-items:center;color:var(--mute)}
.pick[aria-pressed="true"] .ico{background:var(--cut);color:var(--on-a)}
.pick .ico svg{width:20px;height:20px}
.pick b{display:block;font-size:15px}.pick small{color:var(--dim);font-size:13px}
.pick .ck{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line2)}
.pick[aria-pressed="true"] .ck{background:var(--hot);box-shadow:none;position:relative}
.pick[aria-pressed="true"] .ck::after{content:"";position:absolute;left:7px;top:4px;width:5px;height:9px;border:solid var(--on-a);border-width:0 2px 2px 0;transform:rotate(45deg)}
.src-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:center}
.src-card .th{aspect-ratio:16/9;border-radius:10px;background:var(--bg3) center/cover}
.dual{position:relative;height:36px}
.dual input[type=range]{position:absolute;inset:0;width:100%;pointer-events:none;-webkit-appearance:none;appearance:none;background:none;margin:0}
.dual input[type=range]::-webkit-slider-thumb{pointer-events:auto;-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgb(var(--a1) / .5);cursor:grab}
.dual input[type=range]::-moz-range-thumb{pointer-events:auto;width:22px;height:22px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 4px rgb(var(--a1) / .5);cursor:grab}
.dual .track{position:absolute;left:0;right:0;top:15px;height:6px;border-radius:9px;background:var(--line)}
.dual .fill{position:absolute;top:15px;height:6px;border-radius:9px;background:var(--cut)}
.sum{display:grid;gap:12px}
.sum .row2{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.gets{display:grid;gap:2px}
.gets div{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.gets div:last-child{border:0}
.gets b{display:block;font-size:14px}.gets small{color:var(--dim)}
.gets i{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--ok);position:relative;margin-top:1px}
.gets i::after{content:"";position:absolute;left:8px;top:5px;width:4px;height:8px;border:solid var(--ok);border-width:0 2px 2px 0;transform:rotate(45deg)}
.wnav{display:flex;justify-content:space-between;gap:10px}

/* проекты */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.pcard{border-radius:16px;overflow:hidden;background:var(--bg2);box-shadow:var(--key);text-decoration:none;display:grid;transition:transform .15s}
.pcard:hover{transform:translateY(-2px)}
.pcard .cv{aspect-ratio:16/10;background:var(--bg3) center/cover;position:relative;display:grid;place-items:center;color:var(--dim)}
.pcard .cv .chip{position:absolute;left:10px;top:10px;background:rgba(5,6,20,.7);backdrop-filter:blur(6px)}
.pcard .bd{padding:12px 14px;display:grid;gap:6px}
.pcard .bd b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.clip .hd{display:flex;align-items:center;gap:4px;padding:8px 8px 8px 12px;font:500 12px var(--f-mono);color:var(--dim)}
.clip .hd .sp{flex:1}
.clip .hd .ic.on{color:var(--hot)}
.clip .media{cursor:pointer}
.clip .play{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);display:grid;place-items:center;color:#fff;pointer-events:none}
.clip .play svg{width:22px;height:22px;margin-left:3px}
.clip .desc{font-size:13px;color:var(--mute);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.score{font:700 12px var(--f-mono);padding:3px 8px;border-radius:999px}
.score.hi{background:color-mix(in srgb,var(--ok) 22%,transparent);color:var(--ok)}
.score.mid{background:color-mix(in srgb,var(--warn) 22%,transparent);color:var(--warn)}
.score.lo{background:var(--bg3);color:var(--mute)}

/* редактор v2 */
.edv{position:fixed;inset:0;z-index:30;background:var(--bg);display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding-top:env(safe-area-inset-top,0px)}
.edv-top{display:flex;align-items:center;gap:10px;padding:10px max(14px,env(safe-area-inset-left,0px));border-bottom:1px solid var(--line);min-width:0}
.edv-top .ttl{flex:1;min-width:0;display:flex;gap:10px;align-items:center}
.edv-top .ttl b{white-space:nowrap}
.edv-top .ttl input{flex:1;min-width:0;background:transparent;border:0;outline:none;color:var(--mute);font-size:14px}
.edv-mid{display:grid;grid-template-columns:64px 300px minmax(0,1fr) 300px;min-height:0}
.rail{display:grid;align-content:start;gap:4px;padding:8px 6px;border-right:1px solid var(--line);overflow:auto}
.rail button{border:0;background:transparent;color:var(--mute);display:grid;justify-items:center;gap:3px;padding:8px 2px;border-radius:10px;cursor:pointer;font-size:10.5px;line-height:1.1;text-align:center}
.rail button svg{width:19px;height:19px}
.rail button[aria-pressed="true"]{background:var(--bg3);color:var(--fg)}
.lpanel,.rpanel{overflow:auto;padding:14px;display:grid;align-content:start;gap:14px;border-right:1px solid var(--line)}
.rpanel{border-right:0;border-left:1px solid var(--line)}
.lpanel h3,.rpanel h3{font-size:14px}
.ptl{font:500 11px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.stage2{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;background:var(--bg-deep)}
.vwrap{display:grid;place-items:center;min-height:0;padding:14px;position:relative}
.vbox{position:relative;height:100%;max-height:100%;aspect-ratio:9/16;max-width:100%;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 20px 60px -20px rgba(0,0,0,.6)}
.vbox video{width:100%;height:100%;display:block;object-fit:cover}
.ov{position:absolute;inset:0;pointer-events:none;container-type:size}
.ov .capl{position:absolute;left:7%;right:7%;text-align:center;transform:translateY(-50%);font-family:'Montserrat','Onest',sans-serif;font-weight:800;line-height:1.15;color:#fff;white-space:normal}
.ov .capl.one{white-space:nowrap}
.ov .hookl{position:absolute;left:10%;right:10%;text-align:center;transform:translateY(-50%);font-family:'Montserrat','Onest',sans-serif;font-weight:800;color:#141120}
.ov .hookl{display:flex;flex-direction:column;align-items:center;gap:.25em;transform:none}
.ov .hookl i{font-style:normal}
.ov .hookl span{line-height:1.25}
.ov .hookl.d-card span{background:#141011;color:#fff;padding:.25em .5em;border-radius:.3em;box-decoration-break:clone;-webkit-box-decoration-break:clone;line-height:1.55}
.ov .hookl.d-bold span{color:#fff;text-transform:uppercase;text-shadow:0 0 .12em #000,0 0 .12em #000,0 .06em .2em #000}
.ov .hookl.d-tag .htag{color:#141011;font-size:.5em;letter-spacing:.06em;padding:.25em .6em;border-radius:.3em}
.ov .hookl.d-tag span{color:#fff;text-shadow:0 0 .12em #000,0 0 .12em #000,0 .06em .2em #000}
.ov .hookl.d-duo span{color:#fff;text-shadow:0 0 .12em #000,0 0 .12em #000}
.ov .hookl.d-duo .big{font-size:1.7em;line-height:1}
.ov .hookl.d-quote span{color:#fff;text-shadow:0 .06em .3em rgba(0,0,0,.8)}
.ov .txtl{position:absolute;left:6%;right:6%;text-align:center;transform:translateY(-50%);font-family:'Montserrat','Onest',sans-serif;font-weight:800;color:#fff;text-shadow:0 0 .25em #000,0 0 .1em #000}
.ov .txtl.bg span{background:#141120;padding:.1em .35em;border-radius:.15em;text-shadow:none}
.ov .mark{position:absolute;right:5%;bottom:4%;font:500 1.6cqh var(--f-body);color:rgba(255,255,255,.6)}
.ctrls{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 12px;border-top:1px solid var(--line)}
.ctrls .tm{font:500 12px var(--f-mono);color:var(--mute);min-width:110px}
.pbtn{width:42px;height:42px;border-radius:50%;border:0;background:var(--fg);color:var(--bg);display:grid;place-items:center;cursor:pointer}
.pbtn svg{width:18px;height:18px}
.words{display:flex;flex-wrap:wrap;gap:3px 2px;line-height:1.9}
.wd{padding:1px 4px;border-radius:5px;cursor:pointer;font-size:14px}
.wd:hover{background:var(--bg3)}
.wd.now{background:rgb(var(--a1) / .22)}
.wd.del{text-decoration:line-through;color:var(--dim)}
.wd.fix{box-shadow:inset 0 -2px 0 var(--hot2)}
.wd.cut{opacity:.35}
.wd[contenteditable="true"]{outline:1.5px solid var(--hot);background:var(--bg-deep);cursor:text}
.seg3{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:3px;border-radius:10px;background:var(--bg-deep)}
.seg3 button{border:0;background:transparent;color:var(--mute);padding:8px;border-radius:8px;cursor:pointer;font-size:13px}
.seg3 button[aria-pressed="true"]{background:var(--bg3);color:var(--fg)}
.minis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.minis .sty .pv{aspect-ratio:4/3}
.minis .cap{font-size:11px}
.txitem{border-radius:12px;padding:10px;background:var(--bg-deep);display:grid;gap:8px;box-shadow:inset 0 0 0 1px var(--line)}
.txitem.sel{box-shadow:inset 0 0 0 1.5px var(--hot)}
.tl{border-top:1px solid var(--line);background:var(--bg);padding-bottom:env(safe-area-inset-bottom,0px)}
.tl-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--line);font-size:12px;color:var(--dim);flex-wrap:wrap}
.tl-wrap{overflow-x:auto;overflow-y:hidden;position:relative}
.tl-in{position:relative;min-width:100%;padding:0 12px 8px 92px}
.ruler2{height:22px;position:relative;font:400 10px var(--f-mono);color:var(--dim)}
.ruler2 span{position:absolute;top:4px;transform:translateX(-50%)}
.trk{position:relative;height:30px;margin-top:4px}
.trk .lb{position:absolute;left:-84px;top:0;width:78px;height:100%;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--dim)}
.trk .bk{position:absolute;top:2px;bottom:2px;border-radius:6px;font-size:11px;padding:0 6px;display:flex;align-items:center;white-space:nowrap;overflow:hidden;cursor:pointer;color:#10122a}
.trk .bk.hook{background:#ffe14a}
.trk .bk.txt{background:#b9adff}
.trk .bk.cap{background:#7be3b1;font-size:10.5px}
.trk .bk.sel{outline:2px solid var(--fg)}
.trk.vid{height:52px}
.vstrip{position:absolute;inset:0;border-radius:8px;background-size:100% 100%;background-repeat:no-repeat;box-shadow:inset 0 0 0 2px rgb(var(--a2) / .8);overflow:hidden}
.vseg{position:absolute;top:0;bottom:0;cursor:pointer;border-right:2px solid rgba(0,0,0,.6)}
.vseg:hover{background:rgba(255,255,255,.12)}
.vseg.sel{box-shadow:inset 0 0 0 2px var(--fg)}
.vseg.cut{background:repeating-linear-gradient(-45deg,rgba(255,92,108,.55) 0 5px,rgba(0,0,0,.55) 5px 10px)}
.handle{position:absolute;top:-2px;bottom:-2px;width:12px;background:var(--hot);border-radius:4px;cursor:ew-resize;z-index:3;touch-action:none}
.handle::after{content:"";position:absolute;left:5px;top:35%;bottom:35%;width:2px;background:var(--on-a);border-radius:2px}
.phead{position:absolute;top:0;bottom:0;width:2px;background:var(--fg);z-index:4;pointer-events:none}
.phead::before{content:"";position:absolute;top:0;left:-5px;border:6px solid transparent;border-top-color:var(--fg)}
.busy-ov{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:10px;background:rgba(5,6,20,.6);color:#fff;font-size:14px;z-index:5;backdrop-filter:blur(2px)}
.mtabs{display:none}
@media (max-width:1180px){.edv-mid{grid-template-columns:64px 270px minmax(0,1fr)}.rpanel{display:none}.rpanel.mob{display:grid}}
@media (max-width:900px){
  .edv{position:fixed;overflow:auto;display:block}
  .edv-mid{display:block}
  .rail{display:flex;overflow-x:auto;border:0;border-bottom:1px solid var(--line);padding:6px}
  .rail button{min-width:64px}
  .stage2{display:block}
  .vwrap{height:52vh}
  .lpanel,.rpanel{border:0;max-height:none}
  .rpanel{display:grid;border-top:1px solid var(--line)}
  .edv-top .ttl input{display:none}
}

/* мобильная нижняя панель */
.bnav{display:none}
@media (max-width:900px){
  .bnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--nav);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--line);padding:6px max(6px,env(safe-area-inset-left,0px)) calc(6px + env(safe-area-inset-bottom,0px))}
  .bnav a{display:grid;justify-items:center;gap:2px;font-size:10.5px;color:var(--mute);text-decoration:none;padding:4px 0}
  .bnav a svg{width:21px;height:21px}
  .bnav a.on{color:var(--fg)}
  .bnav a.plus span{width:44px;height:44px;margin-top:-18px;border-radius:14px;background:var(--cut);color:var(--on-a);display:grid;place-items:center;box-shadow:0 8px 20px -6px rgb(var(--a1) / .7)}
  .main{padding-bottom:110px}
  .sticky-go{bottom:calc(76px + env(safe-area-inset-bottom,0px))}
}

/* админка */
.atabs{display:flex;gap:6px;flex-wrap:wrap;overflow-x:auto}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:900px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kpi{display:grid;gap:4px}
.kpi b{font-family:var(--f-display);font-size:28px;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.kpi span{color:var(--mute);font-size:13px}
.kpi small{color:var(--dim);font-size:12px}
.bars{display:grid;grid-template-columns:repeat(14,1fr);gap:6px;align-items:end;height:160px;padding-top:10px}
.bars div{display:grid;gap:4px;justify-items:center;height:100%;align-content:end}
.bars i{width:100%;border-radius:6px 6px 2px 2px;background:var(--cut);min-height:2px}
.bars span{font:400 10px var(--f-mono);color:var(--dim)}
.drawer{position:fixed;inset:0 0 0 auto;width:min(560px,100vw);z-index:70;background:var(--bg);box-shadow:-30px 0 80px rgba(0,0,0,.5);overflow:auto;padding:20px max(16px,env(safe-area-inset-right,0px)) 40px 20px;display:grid;align-content:start;gap:16px}
.urow{cursor:pointer}.urow:hover td{background:var(--bg3)}
.tag-role{font:600 10px var(--f-mono);text-transform:uppercase;padding:2px 6px;border-radius:5px;background:var(--bg3);color:var(--mute);margin-left:6px}
.tag-role.owner{background:var(--cut);color:var(--on-a)}
.tag-role.blocked{background:color-mix(in srgb,var(--bad) 25%,transparent);color:var(--bad)}
@media (max-width:700px){.hide-s{display:none}}
/* исправления v2 */
.main>.in,#view{grid-template-columns:minmax(0,1fr)}
#view>*,.wiz>*,.sec>*{min-width:0}
.bars div{height:140px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}
.bars i{width:100%;flex:none}
.edv-top .ttl{overflow:hidden}
.edv-top .ttl b{flex:none}
@media (max-width:900px){
  .edv-mid{display:flex;flex-direction:column}
  .stage2{order:-1;position:sticky;top:0;z-index:4;background:var(--bg-deep);border-bottom:1px solid var(--line)}
  .vwrap{height:46vh;padding:8px}
  .rail{order:0}.lpanel{order:1}.rpanel{order:2}
  .edv-top{gap:6px;padding:8px 10px}
  .edv-top .ic{width:30px}
  .tl .tl-bar{gap:6px}
}
@media (max-width:420px){.edv-top .ttl b{font-size:13px}#undo,#redo{display:none}}

/* ---------- аналитика и команда ---------- */
.an-bar{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:14px}
.an-pre{flex-wrap:wrap}
.an-row{gap:10px;align-items:center}
.an-h{margin:18px 0 10px;font-size:15px;color:var(--mute);font-weight:600;letter-spacing:.01em}
.kpi .dl{display:flex;gap:6px;align-items:baseline;color:var(--dim);font-size:12px;flex-wrap:wrap}
.kpi .dl span{color:var(--dim)}
.kpi .dl.up{color:var(--ok)}
.kpi .dl.down{color:var(--bad)}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:1200px){.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.grid3{grid-template-columns:minmax(0,1fr)}}
.chart-card{min-width:0}
.chart-sub{font-size:12px;margin:-4px 0 8px}
.cv{position:relative;width:100%}
.hbs{display:grid;gap:8px}
.hb{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:baseline;font-size:13px}
.hb-l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg)}
.hb-t{grid-column:1/-1;grid-row:2;height:8px;border-radius:4px;background:var(--bg3);overflow:hidden}
.hb-t i{display:block;height:100%;border-radius:4px}
.hb-v{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.perms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;margin:6px 0 4px}
@media (max-width:700px){.perms{grid-template-columns:minmax(0,1fr)}}
.pchk{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--mute);cursor:pointer}
.pchk input{margin-top:2px;accent-color:var(--hot)}
.tag-role.helper{background:rgba(var(--a2),.16);color:var(--hot2)}
.urow{cursor:pointer}

#ab{grid-template-columns:minmax(0,1fr)}
#ab > *, #an-body, .an-bar{min-width:0}
#an-body .grid2, #an-body .grid3{align-items:start}
.an-pre, #an-grp{display:flex;flex-wrap:wrap;max-width:100%}
.an-row > *{min-width:0}
.an-row input[type=date]{width:auto;max-width:150px}
@media (max-width:700px){
  .an-pre{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .an-pre::-webkit-scrollbar{display:none}
  .an-pre button{flex:none}
  .an-row .grow{display:none}
  .an-row input[type=date]{max-width:132px;font-size:14px}
  .kpi b{font-size:22px}
}

/* ---------- новые стили субтитров ---------- */
.ov .capl .pop{display:inline-block;animation:capPop .16s ease-out}
.ov .capl .wbox{color:#141011;padding:0 .14em;border-radius:.12em;text-shadow:none}
@keyframes capPop{from{transform:scale(1.18)}to{transform:scale(1)}}
.cap.ai w.on{background:linear-gradient(90deg,#ffe14a,#ff7ad9,#4fd1ff);-webkit-background-clip:text;background-clip:text;color:transparent;transform:scale(1.12)}
.cap.modern{text-shadow:0 0 3px #000,0 0 3px #000,0 2px 4px #000}.cap.modern w.on{color:#ffe14a;transform:scale(1.14)}
.cap.box w.on{background:#ff5a5f;color:#141011;border-radius:3px;padding:0 .14em;text-shadow:none}
.cap.hormozi{font-size:16px;text-transform:uppercase;text-shadow:0 0 3px #000,0 0 3px #000,0 2px 0 #000}.cap.hormozi w.on{color:#7cff6b;transform:scale(1.12)}
.cap.clean{font-weight:700;font-size:13px;text-shadow:0 2px 6px rgba(0,0,0,.75)}
.cap.bounce{font-size:20px;text-transform:uppercase}.cap.bounce w{display:none}.cap.bounce w.on{display:inline-block;color:#fff;animation:capPop .2s ease-out}
.cap.progress w{opacity:.45}.cap.progress w.seen{opacity:1}.cap.progress w.on{color:#4fd1ff}
.minis .cap.hormozi{font-size:12px}.minis .cap.bounce{font-size:15px}
.styles .cap.hormozi{font-size:14px}

/* ---------- студия оформления ---------- */
.studio{display:grid;gap:16px}
.studio .card.sec{gap:12px}
.mseg{display:flex;flex-wrap:wrap}
.chips button{padding:6px 12px;font-size:13px}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;transition:opacity .2s}
.gallery[data-dim]{opacity:.55}
.gallery[data-dim] .gcard[aria-pressed="true"]{box-shadow:inset 0 0 0 1px var(--line)}
.gcard{border:0;cursor:pointer;padding:6px;border-radius:14px;background:var(--bg-deep);box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:6px;text-align:left;transition:transform .15s,box-shadow .15s}
.gcard:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px var(--line2)}
.gcard[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--hot),0 8px 24px -12px rgb(var(--a1)/.6)}
.gcard img,.gcard .gart{width:100%;aspect-ratio:1;border-radius:10px;display:block;object-fit:cover;background:#151526}
.gcard .gname{font-size:12.5px;font-weight:600;padding:0 4px 2px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gart{display:grid!important;place-items:center;font:700 22px var(--f-display);color:#fff}
.gart.ai{background:radial-gradient(70% 70% at 30% 20%,#ff7ad9 0,transparent 60%),radial-gradient(70% 70% at 80% 80%,#4fd1ff 0,transparent 60%),#1d1640}
.gart.ai svg{width:26px;height:26px;margin-bottom:-28px}
.gart.random{background:repeating-linear-gradient(135deg,#2a2347 0 14px,#221c3b 14px 28px);font-size:42px}
.gallery.hooks{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.sopts{align-items:end}
.studio.locked .gallery,.studio.locked .mseg{opacity:.6}
.banner.info{display:flex;gap:10px;align-items:flex-start;background:rgb(var(--a2)/.12);box-shadow:inset 0 0 0 1px rgb(var(--a2)/.35)}
@font-face{font-family:'KL Montserrat Black';src:url(/fonts/KLMontserratBlack.ttf);font-display:swap}
@font-face{font-family:'KL Montserrat ExtraBold';src:url(/fonts/KLMontserratExtraBold.ttf);font-display:swap}
@font-face{font-family:'KL Rubik Black';src:url(/fonts/KLRubikBlack.ttf);font-display:swap}
@font-face{font-family:'KL Unbounded Black';src:url(/fonts/KLUnboundedBlack.ttf);font-display:swap}
@font-face{font-family:'KL Russo One';src:url(/fonts/KLRussoOne.ttf);font-display:swap}
@font-face{font-family:'KL Dela Gothic';src:url(/fonts/KLDelaGothic.ttf);font-display:swap}
@font-face{font-family:'KL Nunito Black';src:url(/fonts/KLNunitoBlack.ttf);font-display:swap}
@font-face{font-family:'KL Onest ExtraBold';src:url(/fonts/KLOnestExtraBold.ttf);font-display:swap}
@font-face{font-family:'KL Inter Black';src:url(/fonts/KLInterBlack.ttf);font-display:swap}
@font-face{font-family:'KL Golos Black';src:url(/fonts/KLGolosBlack.ttf);font-display:swap}
@font-face{font-family:'KL Caveat Bold';src:url(/fonts/KLCaveatBold.ttf);font-display:swap}
@font-face{font-family:'KL Oswald Bold';src:url(/fonts/KLOswaldBold.ttf);font-display:swap}
@font-face{font-family:'KL Manrope ExtraBold';src:url(/fonts/KLManropeExtraBold.ttf);font-display:swap}

.gallery.mini{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:360px;overflow:auto;padding:2px}
.gallery.mini .gcard{padding:4px;gap:3px;border-radius:10px}
.gallery.mini .gname{font-size:11px}
.ov .capl.t2{transform:translateY(-50%);font-weight:400;line-height:1.2}
.ov .capl.t2 span{display:inline-block}
.ov .capl.t2 .pop{animation:capPop .18s ease-out}
.ov .capl.t2 .wb{padding:0 .16em;margin:0 -.04em}
.ov .capl.t2 .wb.mk{border-radius:.1em;rotate:-2deg;background-size:100% 70%!important}
.ov .hookl.t2{display:flex;flex-direction:column;align-items:center;gap:.2em;font-weight:400;line-height:1.15;text-align:center}
.ov .hookl.t2 i{font-style:normal}
.ov .hookl.t2 .hcard{padding:.28em .5em;border-radius:.3em;line-height:1.35;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.ov .hookl.t2 .hlines{padding:.1em .3em;line-height:1.5;box-decoration-break:clone;-webkit-box-decoration-break:clone}
/* выбор клипов для архива */
.clip .hd .pick-ck{width:22px;height:22px;min-width:22px;border-radius:7px;box-shadow:inset 0 0 0 1.5px var(--line2);padding:0;display:grid;place-items:center}
.clip .hd .pick-ck.on{background:var(--hot);color:var(--on-a);box-shadow:none}
.clip .hd .pick-ck svg{width:15px;height:15px}
.toolbar .sp{flex:1}
/* студия стилей: поиск и группы */
.sty-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.sty-tools .search{flex:1;min-width:180px;position:relative}
.sty-tools .search input{padding-left:36px}
.sty-tools .search svg{position:absolute;left:11px;top:50%;translate:0 -50%;width:17px;height:17px;color:var(--dim)}
.gal-group{font:600 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin:10px 0 2px;grid-column:1/-1}
.fontpick{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:6px;max-height:260px;overflow:auto;padding:2px}
.fontpick button{border:0;border-radius:10px;background:var(--bg3);color:var(--fg);padding:10px 6px 8px;cursor:pointer;display:grid;gap:2px;justify-items:center}
.fontpick button b{font-size:20px;line-height:1}
.fontpick button small{font-size:11px;color:var(--mute)}
.fontpick button[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--hot)}
/* безопасные зоны в редакторе */
.safe-ov{position:absolute;inset:0;pointer-events:none;z-index:3}
.safe-ov i{position:absolute;background:repeating-linear-gradient(135deg,rgba(255,70,90,.22) 0 8px,rgba(255,70,90,.1) 8px 16px);outline:1px dashed rgba(255,120,130,.75)}
.safe-ov b{position:absolute;font:600 10px var(--f-mono);color:#fff;background:rgba(255,70,90,.85);padding:2px 6px;border-radius:5px;white-space:nowrap}
.safe-ov .ok{position:absolute;outline:1.5px dashed rgba(120,255,170,.85);background:none}
.jas-canvas{pointer-events:none}
@font-face{font-family:'KL TikTok Sans SemiBold';src:url(/fonts/KLTikTokSansSemiBold.ttf);font-display:swap}
@font-face{font-family:'KL TikTok Sans ExtraBold';src:url(/fonts/KLTikTokSansExtraBold.ttf);font-display:swap}
@font-face{font-family:'KL Rubik Bold';src:url(/fonts/KLRubikBold.ttf);font-display:swap}
@font-face{font-family:'KL Onest Bold';src:url(/fonts/KLOnestBold.ttf);font-display:swap}
@font-face{font-family:'KL Montserrat Bold';src:url(/fonts/KLMontserratBold.ttf);font-display:swap}
@font-face{font-family:'KL IBM Plex Sans Bold';src:url(/fonts/KLIBMPlexSansBold.ttf);font-display:swap}
@font-face{font-family:'KL PT Serif Italic';src:url(/fonts/KLPTSerifItalic.ttf);font-display:swap}
[data-dim] .gallery{opacity:.55}
[data-dim] .gcard[aria-pressed="true"]{box-shadow:inset 0 0 0 1px var(--line)}
.gcard[hidden]{display:none}
.studio .gallery{max-height:600px;overflow:auto;overscroll-behavior:contain;padding-right:4px}
/* карточка клипа: правильная форма видео (не растягивается соседями по ряду) */
.clip{display:flex;flex-direction:column;align-content:start}
.clip .media{flex:none;aspect-ratio:9/16;background:#000;overflow:hidden}
.clip .media .th{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.clip .media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;z-index:2}
.clip .body{flex:1;align-content:start}
.clip .body .act{margin-top:auto}
.clip .hd{position:relative;gap:2px;padding:8px 8px 8px 10px;min-width:0}
.clip .hd .n{min-width:22px;height:22px;border-radius:7px;background:var(--bg3);display:grid;place-items:center;color:var(--fg);font-weight:600;margin-right:4px}
.clip .hd .ic{width:30px;height:30px;min-width:30px}
.clip .media .pick-ck{position:absolute;left:8px;top:8px;z-index:3;width:26px;height:26px;border:0;border-radius:8px;background:rgba(0,0,0,.45);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7);display:grid;place-items:center;cursor:pointer;color:var(--on-a);padding:0}
.clip .media .pick-ck.on{background:var(--hot);box-shadow:none}
.clip .media .pick-ck svg{width:16px;height:16px}
.clip .hd .pick-ck{display:none}
/* виральность с объяснением */
.vsc{position:relative;display:inline-flex}
.vsc .score{border:0;cursor:help;display:inline-flex;align-items:center;gap:4px}
.vsc .score svg{width:13px;height:13px;opacity:.8}
.vpop{position:absolute;right:0;top:calc(100% + 8px);width:280px;max-width:min(280px,80vw);z-index:30;background:var(--bg2);border-radius:14px;padding:14px;box-shadow:var(--key),0 18px 50px -12px rgba(0,0,0,.6);display:grid;gap:8px;font:400 13px/1.45 var(--f-body);color:var(--fg);text-align:left;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s,transform .15s,visibility .15s}
.vsc:hover .vpop,.vsc.open .vpop,.vsc:focus-within .vpop{opacity:1;visibility:visible;transform:none}
.vpop b{font-weight:600}
.vbars{display:grid;gap:6px}
.vrow{display:grid;grid-template-columns:1fr 70px 26px;align-items:center;gap:8px;font-size:12px;color:var(--mute)}
.vrow i{height:6px;border-radius:9px;background:var(--bg3);overflow:hidden;display:block}
.vrow i b{display:block;height:100%;border-radius:9px;background:var(--mute)}
.vrow i b.hi{background:var(--ok)}.vrow i b.mid{background:var(--warn)}
.vrow em{font:600 11px var(--f-mono);font-style:normal;text-align:right;color:var(--fg)}
.vpop .why{color:var(--mute)}
/* меню «ещё» */
.mwrap{position:relative;display:inline-flex}
.cmenu{position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:220px;background:var(--bg2);border-radius:12px;padding:6px;box-shadow:var(--key),0 18px 50px -12px rgba(0,0,0,.6);display:grid}
.cmenu a,.cmenu button{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;border:0;background:none;color:var(--fg);font:500 13.5px var(--f-body);text-decoration:none;cursor:pointer;text-align:left}
.cmenu a:hover,.cmenu button:hover{background:var(--bg3)}
.cmenu svg{width:17px;height:17px;color:var(--mute)}
/* баннер оплаты как у топовых сервисов */
.paywall{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:#fffdf7;color:#14110a;border-radius:18px;padding:20px 24px;box-shadow:0 20px 50px -20px rgba(0,0,0,.5)}
.paywall .tx{flex:1;min-width:240px;display:grid;gap:4px}
.paywall .tx b{font-size:17px;font-weight:700}
.paywall .tx span{color:#4a4655;font-size:14px}
.paywall .tx small{color:#b25b00;font-size:12.5px;font-weight:600}
.paywall .pr{font:700 22px var(--f-display);white-space:nowrap}
.paywall .pr small{font:500 13px var(--f-body);color:#6b6577}
.paywall .btn{background:linear-gradient(100deg,#ff3b5c,#ff6a3d);color:#fff;box-shadow:0 10px 24px -10px #ff3b5c;padding:14px 22px;font-size:15px}
@media (max-width:560px){.paywall{padding:16px}.paywall .btn{width:100%;justify-content:center}.vpop{right:-40px}}
.clip{overflow:visible}
.clip .hd{border-radius:16px 16px 0 0}
/* брендинг: оверлеи и вставки */
#fx-card h3{display:flex;align-items:center;gap:8px}#fx-card h3 svg{width:20px;height:20px;color:var(--hot)}
.fxed{display:grid;gap:10px}
.fxlib{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}
.fxa{position:relative;border-radius:12px;background:var(--bg-deep);box-shadow:inset 0 0 0 1px var(--line);padding:6px;display:grid;gap:4px;font-size:11px;color:var(--mute)}
.fxa img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px;background:repeating-conic-gradient(#202342 0 25%,#171a33 0 50%) 0 0/14px 14px}
.fxa span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fxa .x{position:absolute;top:2px;right:2px;width:22px;height:22px;border-radius:7px;border:0;background:rgba(0,0,0,.65);color:#fff;cursor:pointer;font-size:15px;line-height:1}
.fxa.up{cursor:pointer;place-items:center;align-content:center;min-height:110px;color:var(--fg);font-weight:600;box-shadow:inset 0 0 0 1.5px dashed var(--line2);border:1.5px dashed var(--line2)}
.fxa.up svg{width:22px;height:22px}
.fxgrid{display:grid;grid-template-columns:1fr 150px;gap:16px;align-items:start}
@media (max-width:700px){.fxgrid{grid-template-columns:1fr}.fxprev{display:none}}
.fxlist{display:grid;gap:10px}
.fxo{display:grid;gap:8px;padding:12px;border-radius:12px;background:var(--bg-deep);box-shadow:inset 0 0 0 1px var(--line)}
.fxpos{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}
.fxpos button{border:0;border-radius:8px;background:var(--bg3);color:var(--fg);height:30px;cursor:pointer;font-size:14px}
.fxpos button[aria-pressed="true"]{background:var(--hot);color:var(--on-a)}
.fxprev{position:sticky;top:10px;display:grid;gap:4px;justify-items:center}
.fxframe{position:relative;width:150px;aspect-ratio:9/16;border-radius:12px;overflow:hidden;background:linear-gradient(160deg,#2b2440,#0e1a2b 60%,#3a2230)}
.fxframe img{position:absolute;object-fit:fill}
.fxsafe{position:absolute;left:4.5%;right:4.5%;top:10%;bottom:22.5%;outline:1px dashed rgba(120,255,170,.6);border-radius:4px;pointer-events:none}
.fxl{position:absolute;inset:0;pointer-events:none;z-index:2}
.fxl .fxw{position:absolute}.fxl .fxw img,.fxl .fxw video{width:100%;height:100%;object-fit:fill;display:block;-webkit-user-drag:none;user-select:none;pointer-events:none}
.fxl .fxh{display:none}.fxl.edit{pointer-events:none;z-index:5}.fxl.edit .fxw{pointer-events:auto;cursor:move;outline:1.5px dashed rgba(255,216,77,.85);outline-offset:1px;touch-action:none}
.fxl.edit .fxw.drag{outline-style:solid}.fxl.edit .fxh{display:block;position:absolute;right:-8px;bottom:-8px;width:16px;height:16px;border-radius:50%;background:#ffd84d;border:2px solid #000;cursor:nwse-resize}
/* обучение */
.tour{position:fixed;inset:0;z-index:1000;pointer-events:auto}
.tour.dim{background:rgba(3,4,14,.62)}
.tour-hole{position:fixed;border-radius:14px;box-shadow:0 0 0 9999px rgba(3,4,14,.62),0 0 0 2px rgb(var(--a1)/.9),0 0 30px 4px rgb(var(--a1)/.35);transition:all .25s ease;pointer-events:none}
.tour-card{position:fixed;background:var(--bg2);border-radius:18px;padding:16px 18px;box-shadow:var(--key),0 30px 80px -20px rgba(0,0,0,.7);display:grid;gap:10px;transition:left .25s,top .25s;border:1px solid rgb(var(--a2)/.45)}
.tour-card b{font:600 17px var(--f-display);letter-spacing:-.01em}
.tour-card p{margin:0;color:var(--mute);font-size:14px;line-height:1.5}
.tour-hd{display:flex;align-items:center;gap:8px;font:500 11px var(--f-mono);text-transform:uppercase;letter-spacing:.08em}
.tour-hd .ico{width:30px;height:30px;border-radius:9px;background:rgb(var(--a2)/.25);color:var(--hot2);display:grid;place-items:center}
.tour-hd .ico svg{width:16px;height:16px}
.tour-hd .dots{display:flex;gap:4px;flex:1}
.tour-hd .dots i{width:14px;height:4px;border-radius:9px;background:var(--line2)}
.tour-hd .dots i.on{background:var(--hot2)}
.tour-hd .ic{font-size:18px}
.gcard img,.gcard .gart{aspect-ratio:400/224}
.gallery{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}
.gallery.hooks{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}
.gallery.mini,.gallery.mini.hooks{grid-template-columns:repeat(2,minmax(0,1fr));max-height:420px}
.edgal{display:grid;gap:8px}
.edgal .search{position:relative}.edgal .search input{padding-left:36px}
.edgal .search svg{position:absolute;left:11px;top:50%;translate:0 -50%;width:17px;height:17px;color:var(--dim)}
.edgal .chips{flex-wrap:wrap}
.edgal .chips button{padding:5px 10px;font-size:12px}
.clips{grid-template-columns:repeat(auto-fill,minmax(244px,1fr))}
.clip .hd{gap:0;padding:7px 7px 7px 9px}
.clip .hd .ic{width:28px;height:28px;min-width:28px}
.clip .hd .ic svg{width:17px;height:17px}
.clip .hd .score{margin-left:2px;padding:3px 7px}
.clip .hd .dur{font-size:11.5px}
.cmenu .mob{display:none}
@media (max-width:560px){
  .clips{grid-template-columns:repeat(2,minmax(0,1fr))}
  .clip .hd .hide-m{display:none}
  .clip .hd .n{min-width:20px;height:20px;margin-right:2px}
  .clip .hd .dur{display:none}
  .cmenu .mob{display:flex}
  .cmenu{right:-60px}
}
.lpanel,.rpanel{grid-auto-rows:max-content}
.rpanel .fxgrid{grid-template-columns:1fr}.rpanel .fxprev{display:none}
.rpanel .fxpos{grid-template-columns:repeat(4,1fr)}
.rpanel .fontpick{grid-template-columns:repeat(3,minmax(0,1fr))}
.clip .hd .emo{font-size:15px;line-height:1;filter:grayscale(1) opacity(.55);transition:filter .15s}
.clip .hd .ic.on .emo,.clip .hd .ic:hover .emo{filter:none}
.rpanel .fxlib{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.rpanel .fxa{padding:4px;font-size:10px}
.rpanel .fxa.up{min-height:80px}
/* рамки для перетаскивания субтитров и хука */
.hdl{position:absolute;inset:0;z-index:4;pointer-events:none}
.hframe{position:absolute;pointer-events:auto;cursor:move;border:1.5px dashed rgba(255,255,255,.75);border-radius:8px;box-shadow:0 0 0 1px rgba(0,0,0,.35);touch-action:none;transition:border-color .15s}
.hframe:hover,.hframe.on{border-color:rgb(var(--a1));background:rgb(var(--a1)/.06)}
.hframe b{position:absolute;left:-1px;top:-20px;font:600 10px var(--f-mono);color:#14110a;background:rgb(var(--a1));padding:2px 6px;border-radius:5px;white-space:nowrap;opacity:0;transition:opacity .15s}
.hframe:hover b,.hframe.on b{opacity:1}
.hframe i{position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px rgb(var(--a1));cursor:nwse-resize}
.vguide{position:absolute;left:50%;top:0;bottom:0;width:0;border-left:1px dashed rgb(var(--a2));display:none}
/* музыка */
.mused{display:grid;gap:10px}
.mlist{display:grid;gap:6px;max-height:320px;overflow:auto;padding:2px}
.mtr{display:grid;grid-template-columns:34px 1fr auto auto;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;border:0;background:var(--bg-deep);box-shadow:inset 0 0 0 1px var(--line);color:var(--fg);text-align:left;cursor:pointer;font:inherit}
.mtr .ico{width:34px;height:34px;border-radius:10px;background:var(--bg3);display:grid;place-items:center;color:var(--mute)}
.mtr .ico svg{width:17px;height:17px}
.mtr b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.mtr small{font-size:11.5px;color:var(--dim)}
.mtr.on{box-shadow:inset 0 0 0 2px var(--hot)}
.mtr.on .ico{background:var(--hot);color:var(--on-a)}
button.mtr{grid-template-columns:34px 1fr}
.cvimg{width:100%;max-width:220px;aspect-ratio:9/16;object-fit:cover;border-radius:12px;box-shadow:var(--key);display:block}
#mu-card h3 svg{width:20px;height:20px;color:var(--hot)}
.side .themebtn{display:flex;align-items:center;gap:10px}
/* система */
.meter{display:block;height:6px;border-radius:9px;background:var(--bg3);overflow:hidden;margin-top:8px}
.meter i{display:block;height:100%;border-radius:9px}
pre.logs{margin:0;max-height:460px;overflow:auto;background:var(--bg-deep);border-radius:12px;padding:12px;font:12px/1.55 var(--f-mono);color:var(--mute);white-space:pre-wrap;word-break:break-word;box-shadow:inset 0 0 0 1px var(--line)}
pre.logs .e{color:var(--bad)}pre.logs .w{color:var(--warn)}
.chip.bad{color:var(--bad);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bad) 50%,transparent)}
#sys{display:grid;gap:16px}#sys .grid2{align-items:start}

/* ---- плавность: появление экранов, уважение к настройке «меньше движения», лёгкие списки ---- */
#view.vin{animation:vin .22s ease-out both}
@keyframes vin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
button,a,.btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ---- Подключения: провайдеры ИИ и ключи ---- */
.prov{display:grid;gap:12px;padding:16px}
.prov.off{opacity:.6}
.prov-hd{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.prov-hd .sp{flex:1}
.prov-hd b{font:600 15px var(--f-display)}
.prov-n{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--bg3);font:600 13px var(--f-mono)}
.prov-hd .ic[disabled]{opacity:.3;pointer-events:none}
.tg.mini{display:inline-flex;padding:0;gap:0}
.mchips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px;border-radius:10px;background:var(--bg-deep);box-shadow:inset 0 0 0 1px var(--line2)}
.mchips .chip{color:var(--fg);padding-right:4px}
.mchips .chip.ok{color:var(--ok)}.mchips .chip.bad{color:var(--bad)}
.mchips .chip:first-child{box-shadow:inset 0 0 0 1px var(--hot)}
.mchips .x{border:0;background:transparent;color:inherit;cursor:pointer;font-size:14px;line-height:1;padding:0 4px;opacity:.6}
.mchips .x:hover{opacity:1}
.input.mini{width:auto;flex:1;min-width:150px;padding:6px 8px;box-shadow:none;background:transparent}
.prov-err{margin:0;font-size:12px;color:var(--bad);overflow-wrap:anywhere}
.klist{display:grid}
.krow{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,1.6fr);gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.krow:first-child{border-top:0}
.krow small{display:block;font-size:12px}
.krow-v{display:flex;gap:8px;align-items:center;min-width:0}
.krow-v .chip{max-width:40%;overflow:hidden;text-overflow:ellipsis}
.krow-v .input{flex:1;min-width:0}
@media (max-width:720px){.krow{grid-template-columns:1fr}.krow-v{flex-wrap:wrap}.krow-v .chip{max-width:100%}}
#cn-save.pulse{animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--hot) 30%,transparent)}}
/* ---- баннер «ИИ не ответил» на странице проекта ---- */
.aifb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--hot2) 10%,var(--bg2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hot2) 40%,transparent)}
.aifb p{margin:0;flex:1;min-width:220px;font-size:14px}
.aifb>svg{width:22px;height:22px;flex:none;color:var(--hot2)}
.aifb .spin{flex:none}

/* ---- партнёрская программа ---- */
.steps3{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.steps3>div{display:grid;gap:4px;align-content:start}
.steps3 .num{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--cut);color:var(--on-a);font:600 14px var(--f-display)}
.steps3 p{margin:0;font-size:13px}
.pt-link .key .mono{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.vseg .ordn{position:absolute;left:4px;top:4px;min-width:18px;height:18px;padding:0 5px;border-radius:6px;background:var(--hot);color:var(--on-a);font:600 11px/18px var(--f-mono);font-style:normal;text-align:center;pointer-events:none}

/* ---- автопилот ---- */
.ap{display:grid;gap:10px;padding:16px}
.ap.off{opacity:.6}
.ap-t{font:600 15px var(--f-display);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap-u{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap-jobs{display:grid;gap:6px}
.ap-jobs a{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--fg);text-decoration:none;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/* ---- боковая панель: компактное меню, больше места «Последним», карточка профиля ---- */
.side{gap:10px}
.nav a{padding:8px 10px}
.side .lbl.row{display:flex;align-items:center;padding:6px 10px 0}
.jobs{min-height:120px}
.me{display:grid;gap:0;border-radius:14px;background:var(--bg2);box-shadow:var(--key);overflow:hidden}
.me-top{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 10px 8px 12px;border:0;background:transparent;color:var(--fg);text-align:left;cursor:pointer;font:inherit}
.me-top:hover,.me-top[aria-expanded=true]{background:var(--bg3)}
.me-n{min-width:0;display:grid}
.me-n b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.me-n small{font-size:12px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.me-dots{color:var(--dim);display:grid}
.me-dots svg{width:18px;height:18px}
.me-bal{display:grid;gap:6px;padding:8px 12px 12px;text-decoration:none;color:var(--fg);border-top:1px solid var(--line)}
.me-bal:hover{background:var(--bg3)}
.me-bal .n{font-family:var(--f-display);font-weight:600;font-size:20px;letter-spacing:-.04em}
.avatar.sm{width:22px;height:22px;font-size:11px}
.umenu-scrim{position:fixed;inset:0;z-index:60}
.umenu-scrim.dark{background:rgba(0,0,0,.45)}
.umenu{position:fixed;z-index:61;display:grid;gap:2px;padding:8px;border-radius:14px;background:var(--bg2);box-shadow:var(--key),0 24px 60px -16px rgba(0,0,0,.6);animation:umin .14s ease-out}
.umenu.sheet{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));border-radius:18px;padding:10px}
@keyframes umin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.umenu .um-hd{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center;padding:6px 8px 10px}
.umenu .um-hd b{display:block;font-size:14px}.umenu .um-hd small{display:block;font-size:12px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.umenu a,.umenu button{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;border:0;background:transparent;color:var(--fg);text-decoration:none;font:500 14px var(--f-body);cursor:pointer;text-align:left;width:100%}
.umenu a:hover,.umenu button:hover,.umenu a:focus-visible,.umenu button:focus-visible{background:var(--bg3);outline:none}
.umenu svg{width:17px;height:17px;flex:none;color:var(--mute)}
.umenu .danger{color:var(--bad)}.umenu .danger svg{color:var(--bad)}
.umenu hr{border:0;border-top:1px solid var(--line);margin:4px 2px}
.um-r{margin-left:auto;font:500 12px var(--f-mono);color:var(--dim)}
.um-r.hot{color:var(--hot)}
.kbd{display:inline-block;min-width:22px;padding:2px 7px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--line2),0 1px 0 var(--line2);font:500 12px var(--f-mono);color:var(--fg);text-align:center;white-space:nowrap}
.kbdl{display:grid;gap:10px;margin:6px 0 16px}
.kbdl>div{display:grid;grid-template-columns:minmax(150px,auto) 1fr;gap:14px;align-items:center;font-size:14px}
.bnav a .avatar.sm{margin-bottom:2px}
@media (max-height:760px){.side .logo{padding:0 6px}.nav a{padding:7px 10px}}

/* ---- проекты: поиск, фильтры, прогресс ---- */
.jtools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.jsearch{flex:1;min-width:220px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:10px;background:var(--bg-deep);box-shadow:inset 0 0 0 1px var(--line2)}
.jsearch:focus-within{box-shadow:inset 0 0 0 1.5px var(--hot)}
.jsearch svg{width:16px;height:16px;color:var(--dim);flex:none}
.jsearch input{flex:1;min-width:0;border:0;background:transparent;outline:none;padding:11px 0;color:var(--fg);font:15px var(--f-body)}
.jsearch input::-webkit-search-cancel-button{display:none}
.jsearch .kbd{opacity:.6}
.pcard .cv{position:relative}
.pbar{position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(0,0,0,.35)}
.pbar i{display:block;height:100%;background:var(--cut);transition:width .6s}
@media (max-width:900px){.jsearch .kbd{display:none}}

/* ---- галереи стилей: отступы между поиском, группами и плитками; плитки не наезжают на кнопки групп ---- */
.studio .card.sec>div:not([class]){display:grid;gap:12px}
.gallery{padding:6px;margin:-6px}
.studio .gallery{margin:0;padding:6px 8px 6px 2px;scroll-padding:8px}
.edgal{display:grid;gap:8px}
.edgal .gallery.mini{margin:0;padding:4px}
.seg.chips{row-gap:6px}
.gcard{position:relative}
.gcard[aria-pressed="true"]{z-index:1}

/* ---- проекты: папки, теги, выбор ---- */
.pcard{position:relative}
.pcard .pc-in{display:grid;text-decoration:none;color:inherit}
.pcard .pick-ck{position:absolute;left:10px;top:10px;z-index:3;width:26px;height:26px;border:0;border-radius:8px;background:rgba(0,0,0,.5);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.75);display:grid;place-items:center;cursor:pointer;color:var(--on-a);padding:0;opacity:0;transition:opacity .15s}
.pcard .pick-ck svg{width:16px;height:16px}
.pcard:hover .pick-ck,.pcard .pick-ck.on,.pgrid:has(.pick-ck.on) .pick-ck{opacity:1}
.pcard .pick-ck.on{background:var(--hot);box-shadow:none}
.pcard.sel{box-shadow:inset 0 0 0 2px var(--hot),var(--key)}
.pcard .cv .chip{left:auto;right:10px}
@media (hover:none){.pcard .pick-ck{opacity:1}}
.pc-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;min-width:0}
.fdot{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}
.fchip{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--mute);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.fbar{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.fbar .sp{flex:1}
.fbtn{display:inline-flex;align-items:center;gap:7px;border:0;cursor:pointer;background:transparent;color:var(--mute);padding:7px 12px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--line);font:500 14px var(--f-body)}
.fbtn svg{width:15px;height:15px}
.fbtn:hover{color:var(--fg);background:var(--bg2)}
.fbtn[aria-pressed=true]{color:var(--fg);background:var(--bg3);box-shadow:inset 0 0 0 1.5px var(--hot)}
.fbtn.add{box-shadow:inset 0 0 0 1px var(--line);border-style:dashed;color:var(--dim)}
.tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
#tg{margin-bottom:12px}
.tag{display:inline-flex;align-items:center;gap:4px;border:0;padding:4px 9px;border-radius:999px;background:var(--bg3);color:var(--fg);font:500 12px var(--f-body);cursor:default;white-space:nowrap}
button.tag{cursor:pointer}
.tag.sm{padding:2px 7px;font-size:11px;color:var(--mute)}
.tag.ghost{background:transparent;box-shadow:inset 0 0 0 1px var(--line);color:var(--mute)}
.tag.on{background:var(--hot);color:var(--on-a)}.tag.on .dim{color:inherit;opacity:.7}
.tag button{border:0;background:transparent;color:inherit;cursor:pointer;padding:0 0 0 2px;font-size:14px;line-height:1;opacity:.6}
.chip.btnchip{border:0;cursor:pointer;background:transparent;font:500 12px var(--f-body);gap:6px}
.chip.btnchip:hover{color:var(--fg);box-shadow:inset 0 0 0 1px var(--hot)}
.chip.btnchip svg{width:13px;height:13px}
.flist{display:grid;gap:6px;max-height:min(50vh,420px);overflow:auto;padding:2px}
.cdot{width:26px;height:26px;border-radius:50%;border:0;cursor:pointer;box-shadow:inset 0 0 0 2px rgba(0,0,0,.25)}
.cdot.on{box-shadow:0 0 0 2px var(--bg2),0 0 0 4px var(--fg)}
.modal .card.wide{width:min(860px,100%);max-height:calc(100vh - 40px);overflow:auto}
.modal .card.wide .gallery.mini{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:min(52vh,520px)}

/* ---- панель массовых действий: прилипает к низу экрана ---- */
.bulkbar{position:sticky;bottom:12px;z-index:20;display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:10px 12px;border-radius:14px;background:var(--bg2);box-shadow:inset 0 0 0 1.5px var(--hot),0 18px 40px -12px rgba(0,0,0,.6);animation:umin .15s ease-out}
.bulkbar>b{font-size:14px;margin-right:6px;white-space:nowrap}
.bulkbar .sp{flex:1}
.bulkbar .btn svg{width:15px;height:15px}
.bulkbar .danger{color:var(--bad)}
@media (max-width:900px){.bulkbar{bottom:calc(76px + env(safe-area-inset-bottom,0px))}.bulkbar .sp{display:none}}
@media (max-width:600px){.sticky-go>.mute,.sticky-go>span.mute{display:none}.sticky-go{justify-content:flex-end;padding:10px}}

/* ---- конструктор оверлеев ---- */
.fxgrid{grid-template-columns:minmax(0,1fr) 280px}
.fxgrid.nostage{grid-template-columns:1fr}
@media (max-width:900px){.fxgrid{grid-template-columns:1fr}.fxprev{display:grid!important;order:-1;position:static}}
.fxprev{justify-items:stretch}
.fxstage-w{display:grid;gap:8px;width:100%;max-width:280px;margin:0 auto}
.fxtabs{display:flex;gap:4px;flex-wrap:wrap}
.fxtabs button{border:0;cursor:pointer;padding:5px 9px;border-radius:8px;background:var(--bg3);color:var(--mute);font:500 12px var(--f-body)}
.fxtabs button[aria-pressed=true]{background:var(--hot);color:var(--on-a)}
.fxstage{position:relative;width:100%;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:#0d1020;box-shadow:inset 0 0 0 1px var(--line2);touch-action:none;user-select:none;container-type:inline-size}
.fxstage .fxbg{position:absolute;inset:0;background:radial-gradient(120% 70% at 50% 35%,#3b3355 0,#171a2e 55%,#0b0d18 100%)}
.fxstage .fxbg .person{position:absolute;left:24%;right:24%;top:28%;bottom:-6%;border-radius:45% 45% 10% 10%/30% 30% 10% 10%;background:linear-gradient(#4c4466,#2a2840);opacity:.75}
.fxstage .fxbg .person::before{content:"";position:absolute;left:22%;right:22%;top:-24%;height:38%;border-radius:50%;background:#5a5278}
.fxstage>span:not(.fxbg){position:absolute;pointer-events:none}
.fxstage .ui-top,.fxstage .ui-side,.fxstage .ui-cap,.fxstage .fxsafe{display:none}
.fxstage.frames .ui-top,.fxstage.frames .ui-side,.fxstage.frames .ui-cap,.fxstage.frames .fxsafe{display:block}
.fxstage .ui-top{left:0;right:0;top:3.2%;text-align:center;font:500 4.2cqw var(--f-body);color:rgba(255,255,255,.55)}
.fxstage .ui-top b{color:#fff;border-bottom:2px solid #fff}
.fxstage .ui-side{right:2.5%;top:46%;width:11%;display:none}
.fxstage.frames .ui-side{display:grid;gap:7cqw}
.fxstage .ui-side i{display:block;width:100%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.28)}
.fxstage .ui-side i:first-child{background:rgba(255,255,255,.5)}
.fxstage .ui-cap{left:4%;right:20%;bottom:5%;display:none;font:500 3.6cqw/1.35 var(--f-body);color:rgba(255,255,255,.75)}
.fxstage.frames .ui-cap{display:grid;gap:1px}
.fxstage .ui-cap b{color:#fff;font-size:4cqw}
.fxstage .ui-cap em{font-style:normal}
.fxstage .fxsafe{left:4.5%;right:4.5%;top:10%;bottom:22.5%;outline:1.5px dashed rgba(120,255,170,.75);border-radius:6px;background:linear-gradient(rgba(120,255,170,.04),rgba(120,255,170,.04))}
.fxstage .mk-hook,.fxstage .mk-cap{display:none}
.fxstage.mock .mk-hook{display:block;left:10%;right:10%;top:13%;text-align:center;font:900 6.4cqw/1.05 var(--f-display);color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.6);opacity:.85}
.fxstage.mock .mk-hook b{color:#FFE14A}
.fxstage.mock .mk-cap{display:block;left:8%;right:8%;top:68%;text-align:center;font:800 5.4cqw var(--f-body);color:#fff;text-shadow:0 2px 4px #000,0 0 2px #000;opacity:.85}
.fxstage.mock .mk-cap b{color:#FFE14A}
.fxov{position:absolute;cursor:grab;z-index:3;border-radius:3px}
.fxov:active{cursor:grabbing}
.fxov img{width:100%;height:100%;display:block;object-fit:fill;pointer-events:none}
.fxov .fxn{position:absolute;left:-1px;top:-1px;min-width:16px;height:16px;padding:0 4px;border-radius:5px 0 6px 0;background:rgba(0,0,0,.65);color:#fff;font:600 10px/16px var(--f-mono);text-align:center;opacity:.8}
.fxov.sel{outline:2px solid var(--hot);outline-offset:1px;z-index:4}
.fxov.sel .fxn{background:var(--hot);color:var(--on-a);opacity:1}
.fxov .fxrs{position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--hot);cursor:nwse-resize}
.fxtg{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;font-size:12px;color:var(--mute)}
.fxtg label{display:flex;gap:5px;align-items:center;cursor:pointer}
.fxo.sel{box-shadow:inset 0 0 0 1.5px var(--hot)}
.fxnum{min-width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--bg3);font:600 12px var(--f-mono);flex:none}
.fxo.sel .fxnum{background:var(--hot);color:var(--on-a)}

/* ---- ползунки: одинаковые во всех браузерах (в Opera и Chrome раньше рисовались по-разному) ---- */
input[type=range]{-webkit-appearance:none;appearance:none;height:22px;background:transparent;cursor:pointer;margin:2px 0}
input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:9px;background:linear-gradient(var(--hot),var(--hot)) 0/var(--p,50%) 100% no-repeat,var(--line2)}
input[type=range]::-moz-range-track{height:6px;border-radius:9px;background:var(--line2)}
input[type=range]::-moz-range-progress{height:6px;border-radius:9px;background:var(--hot)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 3px var(--hot),0 2px 6px rgba(0,0,0,.4)}
input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:0;box-shadow:0 0 0 3px var(--hot)}
input[type=range]:focus-visible{outline:none}
input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--hot),0 0 0 7px rgb(var(--a1)/.3)}
.dual input[type=range]::-webkit-slider-runnable-track{background:none}
.prbar{gap:10px}
.pb-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.pb-row .sp{flex:1}
.pb-row .fbtn svg{width:15px;height:15px}

/* ---- телефон и узкие экраны: таблицы в карточках переносят текст, ничего не вылезает за экран ---- */
body{overflow-x:clip}
.card,.sec{min-width:0}
.card td{white-space:normal;overflow-wrap:anywhere}
.card td.num,.card th{white-space:nowrap}
.tbl td{white-space:nowrap}
.tbl td[style*="white-space:normal"]{white-space:normal}
@media (max-width:700px){
  .atabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px;scroll-snap-type:x proximity}
  .atabs::-webkit-scrollbar{display:none}
  .atabs button{flex:none;scroll-snap-align:start}
  .top h1{font-size:clamp(24px,7vw,32px);line-height:1.08;overflow-wrap:anywhere}
  #view .top h1{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .card td,.card th{padding:9px 8px}
  .card.sec{padding:16px}
  .kpis .kpi b{font-size:22px}
  .seg{gap:5px}.seg button{padding:7px 11px;font-size:13px}
}
/* галерея на бренд-шаблоне — отдельное окно с прокруткой: обрезанный ряд читается как прокрутка, а не наезд на кнопки */
.studio .gallery{background:var(--bg-deep);border-radius:14px;box-shadow:inset 0 0 0 1px var(--line);padding:10px;max-height:min(560px,62vh)}
.studio .gallery .gcard{background:var(--bg2)}

.pxrow{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;gap:8px;align-items:center}
.pxrow .pxst{grid-column:1/-1;font-size:12px}
.pxrow .pxst:empty{display:none}
@media (max-width:700px){.pxrow{grid-template-columns:1fr auto auto}.pxrow .input{grid-column:1/-1}}
.steps-ol{margin:0;padding-left:20px;display:grid;gap:10px;color:var(--mute);font-size:14px}
.steps-ol pre.code{margin-top:6px;white-space:pre-wrap}

.ckbox{margin-top:6px;padding:12px 14px;border-radius:12px;background:var(--bg-deep,rgba(0,0,0,.2));border:1px solid var(--line)}

.agree{display:grid;gap:10px;margin:4px 0}
.agree label{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.45;color:var(--mute);cursor:pointer}
.agree input{width:18px;height:18px;flex:none;margin:1px 0 0;accent-color:var(--hot,#ffd84d)}
.agree a{color:var(--fg);text-decoration:underline;text-underline-offset:2px}
.oauth .locked{opacity:.45;filter:grayscale(.6)}
.legal-note{font-size:12.5px;margin:-4px 0 0;text-align:center}
.locked-modal{z-index:300}
.legal-foot{font-size:12.5px;margin-top:18px}.legal-foot a{color:var(--mute)}

/* ручной кадр */
.rf-modal .card{width:min(1180px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);overflow:auto;padding:20px}
.rfm{display:grid;gap:14px}.rf-head h2{margin:0}.rf-head p{margin:4px 0 0;font-size:13px}
.rf-body{display:grid;grid-template-columns:200px minmax(0,1fr) 170px;gap:14px;align-items:start}
.rf-list{display:grid;gap:8px;max-height:min(560px,62vh);overflow:auto;padding-right:4px}
.rf-it{display:grid;gap:6px;padding:6px;border-radius:12px;background:var(--bg2);border:1px solid var(--line);text-align:left;color:var(--fg);cursor:pointer}
.rf-it.on{border-color:var(--hot,#ffd84d);box-shadow:0 0 0 1px var(--hot,#ffd84d)}
.rf-it img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:#000}
.rf-it span{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;font-size:12.5px}.rf-it small{color:var(--mute)}
.rfb{font-size:11px;padding:1px 7px;border-radius:99px;background:var(--bg3,rgba(255,255,255,.08));color:var(--mute)}
.rfb.man{background:rgba(255,216,77,.16);color:var(--hot,#ffd84d)}.rfb.fit{background:rgba(120,160,255,.16);color:#9db7ff}
.rf-main{display:grid;gap:10px;min-width:0}
.rf-stage{position:relative;width:100%;background:#000;border-radius:12px;overflow:hidden;touch-action:none;user-select:none;cursor:crosshair}
.rf-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.rf-shade{position:absolute;inset:0;background:rgba(0,0,0,.6);pointer-events:none}
.rf-box{position:absolute;border:2px solid var(--hot,#ffd84d);border-radius:4px;cursor:grab;box-shadow:0 0 0 1px rgba(0,0,0,.4)}
.rf-box:active{cursor:grabbing}
.rf-box::before,.rf-box::after{content:"";position:absolute;left:33.3%;right:33.3%;top:0;bottom:0;border-left:1px solid rgba(255,255,255,.25);border-right:1px solid rgba(255,255,255,.25);pointer-events:none}
.rf-box::after{left:0;right:0;top:33.3%;bottom:33.3%;border:0;border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25)}
.rf-rs{position:absolute;right:-9px;bottom:-9px;width:18px;height:18px;border-radius:50%;background:var(--hot,#ffd84d);border:2px solid #000;cursor:nwse-resize}
.rf-face{position:absolute;border:1.5px dashed rgba(120,255,190,.9);border-radius:8px;background:rgba(120,255,190,.08);cursor:pointer;padding:0}
.rf-face:hover{background:rgba(120,255,190,.25)}
.rf-load{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.35)}.rf-load[hidden]{display:none}
.rf-ctl{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:flex-end}
.rf-ctl [aria-pressed=true]{border-color:var(--hot,#ffd84d);color:var(--hot,#ffd84d)}
.rf-prev{display:grid;gap:6px;justify-items:center}
.rf-ph{width:100%;aspect-ratio:9/16;border-radius:12px;background:#000 no-repeat;border:1px solid var(--line)}
.rf-ph.fit{background-size:100% auto;background-position:center}
.rf-foot{border-top:1px solid var(--line);padding-top:12px}
@media (max-width:900px){.rf-body{grid-template-columns:1fr}.rf-list{grid-auto-flow:column;grid-auto-columns:150px;max-height:none;overflow-x:auto;padding-bottom:4px}
 .rf-prev{grid-template-columns:96px 1fr;justify-items:start;align-items:end}.rf-ph{width:96px}}
.rf-hint{font-size:13px;margin:0;min-height:1.4em}
.tip{padding:10px 12px;border-radius:10px;background:rgba(255,216,77,.08);border:1px solid rgba(255,216,77,.25);color:var(--fg)}
/* календарь публикаций */
.cal-sum{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cal-sum .chip i{width:8px;height:8px;border-radius:50%;display:inline-block}
.cal-bar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}
.cal-t{font-size:20px;margin:0 0 0 6px}.cal-t.cap{text-transform:capitalize}
.cal{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--bg2)}
.cal-h{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-bottom:1px solid var(--line)}
.cal-h span{padding:8px 10px;font-size:12px;color:var(--mute);text-transform:uppercase;letter-spacing:.06em}
.cal-g{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.cal-c{min-height:118px;padding:6px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:4px;min-width:0;transition:background .15s}
.cal-c:nth-child(7n){border-right:0}
.cal.week .cal-c{min-height:420px}
.cal-c.out{background:rgba(0,0,0,.18)}.cal-c.out .cal-d span{opacity:.4}
.cal-c.past .cal-d span{color:var(--dim)}
.cal-c.today{background:rgba(255,216,77,.05)}.cal-c.today .cal-d span{background:var(--hot,#ffd84d);color:#111;border-radius:99px;padding:0 7px}
.cal-c.over{background:rgba(255,216,77,.12);box-shadow:inset 0 0 0 2px var(--hot,#ffd84d)}
.cal-d{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;padding:0 2px}
.cal-add{width:22px;height:22px;border-radius:7px;border:0;background:transparent;color:var(--mute);cursor:pointer;opacity:0;font-size:16px;line-height:1}
.cal-c:hover .cal-add,.cal-add:focus{opacity:1;background:var(--bg3,rgba(255,255,255,.07))}
.pchip{display:flex;align-items:center;gap:5px;width:100%;min-width:0;padding:4px 6px;border-radius:8px;border:1px solid var(--line);background:var(--bg,#0b0c1a);color:var(--fg);font-size:12px;text-align:left;cursor:pointer}
.pchip span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pchip b{font-family:var(--f-mono,monospace);font-weight:500;color:var(--mute);font-size:11px}
.pchip em{font-style:normal;color:var(--ok)}
.pchip:hover{border-color:var(--hot,#ffd84d)}
.pchip.st-published{opacity:.7}.pchip.st-published span{text-decoration:line-through;text-decoration-color:rgba(255,255,255,.3)}
.pchip.st-skipped{opacity:.45}
.pchip.late{border-color:var(--bad);box-shadow:inset 3px 0 0 var(--bad)}
.pchip.dragging{opacity:.4}
.pchip img{width:34px;height:60px;object-fit:cover;border-radius:5px;flex:none}
.cal.week .pchip{flex-wrap:wrap;align-items:flex-start}.cal.week .pchip span{white-space:normal;flex-basis:100%}
.pdot{width:8px;height:8px;border-radius:50%;flex:none;display:inline-block}
.cal-more{border:0;background:none;color:var(--mute);font-size:12px;text-align:left;cursor:pointer;padding:2px 4px}
.plist{display:grid;gap:14px}
.pl-day{display:grid;gap:6px}.pl-h{font-size:13px;color:var(--mute);text-transform:capitalize;font-weight:600}
.pl-day.today .pl-h{color:var(--hot,#ffd84d)}
.plist .pchip{padding:8px;font-size:14px;gap:10px}.plist .pchip b{font-size:13px}
.pm-clip{display:flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background:var(--bg2);border:1px solid var(--line)}
.pm-clip img{width:44px;height:78px;object-fit:cover;border-radius:7px}.pm-clip>span{flex:1;min-width:0;display:grid}
.pm-clip small{color:var(--mute)}
.pm-pl{display:flex;flex-wrap:wrap;gap:6px}
.pm-pl button{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:99px;border:1px solid var(--line);background:transparent;color:var(--mute);font-size:13px;cursor:pointer}
.pm-pl button[aria-pressed=true]{color:var(--fg);border-color:var(--fg);background:var(--bg3,rgba(255,255,255,.06))}
.wide-modal .card{width:min(640px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);overflow:auto}
.cpick{display:grid;gap:14px;max-height:min(520px,60vh);overflow:auto}
.cp-gh{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:14px}
.cp-it{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.cp-c{display:flex;gap:8px;align-items:center;padding:6px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);color:var(--fg);text-align:left;cursor:pointer;min-width:0}
.cp-c img{width:36px;height:64px;object-fit:cover;border-radius:6px;flex:none}
.cp-c span{display:grid;min-width:0;font-size:12.5px}.cp-c b{font-weight:600;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.cp-c small{color:var(--mute)}
.cp-c.on{border-color:var(--hot,#ffd84d);box-shadow:inset 0 0 0 1px var(--hot,#ffd84d)}
@media (max-width:760px){.cal-c{min-height:72px;padding:3px}.cal.month .pchip{padding:2px;justify-content:center}.cal.month .pchip b,.cal.month .pchip span,.cal.month .pchip em{display:none}
 .cal.month .pchip{width:auto;border:0;background:none;padding:0;pointer-events:none}.cal-c{flex-direction:row;flex-wrap:wrap;align-content:flex-start}.cal-d{flex-basis:100%}.cal-add{display:none}
 .cal-h span{padding:6px 2px;text-align:center;font-size:10px}.cal.week .cal-g{grid-template-columns:1fr}.cal.week .cal-h{display:none}.cal.week .cal-c{min-height:0;border-right:0}}
.cutm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cutm .pick.rec{grid-column:1/-1}
.cutm .pick b em.rb{font-style:normal;font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;background:var(--hot,#ffd84d);color:#111;margin-left:6px;vertical-align:2px}
.est{text-align:center;margin:10px 0 0;font-family:var(--f-mono,monospace);font-size:13px;color:var(--mute)}
.est:empty{display:none}
.lenseg{flex-wrap:wrap}
@media (max-width:640px){.cutm{grid-template-columns:1fr}}
/* свой плеер */
.kp{position:absolute;inset:0;background:#000;outline:none;border-radius:inherit;overflow:hidden;z-index:3}
.kp video{width:100%;height:100%;object-fit:contain;display:block;cursor:pointer}
.kp-big{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;border:0;display:grid;place-items:center;color:#111;background:rgba(255,255,255,.92);box-shadow:0 10px 30px rgba(0,0,0,.45);cursor:pointer;transition:transform .18s,opacity .18s}
.kp-big svg{width:26px;height:26px;margin-left:3px}.kp.ended .kp-big svg{margin-left:0}
.kp-big:hover{transform:scale(1.06)}
.kp.playing .kp-big{opacity:0;pointer-events:none;transform:scale(.8)}
.kp-bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:6px;padding:26px 10px 10px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;transition:opacity .25s}
.kp.idle .kp-bar{opacity:0}.kp.idle{cursor:none}
.kp-b{width:32px;height:32px;flex:none;border:0;border-radius:9px;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;font:600 12px var(--f-mono,monospace)}
.kp-b:hover{background:rgba(255,255,255,.14)}.kp-b svg{width:18px;height:18px}
.kp-sp{width:auto;padding:0 6px}
.kp-prog{position:relative;flex:1;height:18px;cursor:pointer;touch-action:none}
.kp-prog::before,.kp-buf,.kp-cur{content:"";position:absolute;left:0;top:7px;height:4px;border-radius:4px}
.kp-prog::before{right:0;background:rgba(255,255,255,.25)}.kp-buf{background:rgba(255,255,255,.35)}.kp-cur{background:var(--hot,#ffd84d)}
.kp-prog:hover::before,.kp-prog:hover .kp-buf,.kp-prog:hover .kp-cur,.kp.scrub .kp-cur{top:6px;height:6px}
.kp-knob{position:absolute;top:3px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,216,77,.5);transform:scale(0);transition:transform .15s}
.kp-prog:hover .kp-knob,.kp.scrub .kp-knob{transform:scale(1)}
.kp-tip{position:absolute;bottom:20px;transform:translateX(-50%);padding:2px 6px;border-radius:6px;background:rgba(0,0,0,.8);font:500 11px var(--f-mono,monospace);opacity:0;pointer-events:none;white-space:nowrap}
.kp-prog:hover .kp-tip{opacity:1}
.kp-t{font:500 11.5px var(--f-mono,monospace);opacity:.9;white-space:nowrap}
.kp:fullscreen{border-radius:0}.kp:fullscreen video{object-fit:contain}
@media (max-width:520px){.kp-sp{display:none}.kp-t{font-size:10.5px}}
/* уведомления */
.side-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.bell{position:relative;width:36px;height:36px;border-radius:11px;border:1px solid var(--line);background:transparent;color:var(--mute);display:grid;place-items:center;cursor:pointer}
.bell:hover{color:var(--fg);border-color:var(--fg)}.bell svg{width:18px;height:18px}
.nt-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:var(--bad,#ff4d6a);color:#fff;font:700 10.5px/18px var(--f-body);font-style:normal;box-shadow:0 0 0 2px var(--bg)}
.nt-badge[hidden]{display:none}
.bnav [data-umenu].dot .avatar{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--bad,#ff4d6a)}
.ntp{position:fixed;z-index:80;width:min(368px,calc(100vw - 16px));max-height:min(560px,calc(100dvh - 90px));display:flex;flex-direction:column;background:var(--bg2);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.5);overflow:hidden;animation:ntin .18s ease-out}
.ntp.sheet{left:8px;right:8px;bottom:calc(76px + env(safe-area-inset-bottom));width:auto}
@keyframes ntin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.ntp-h{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}
.ntp-l{overflow:auto;padding:6px}
.nti{display:flex;gap:10px;width:100%;padding:10px;border:0;border-radius:12px;background:transparent;color:var(--fg);text-align:left;cursor:pointer}
.nti:hover{background:var(--bg3,rgba(255,255,255,.05))}
.nti.new{background:rgba(255,216,77,.06)}.nti.new .nti-b b::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--hot,#ffd84d);margin-left:6px;vertical-align:2px}
.nti-i{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;font-size:17px;background:color-mix(in srgb,var(--c) 16%,transparent)}
.nti-b{display:grid;gap:2px;min-width:0;font-size:13.5px}.nti-b small{color:var(--mute);font-size:12.5px;line-height:1.4}.nti-b em{font-style:normal;font-size:11.5px;color:var(--dim)}
.ntp-e{display:grid;justify-items:center;text-align:center;gap:6px;padding:28px 18px}.ntp-e span{font-size:30px}
.ntp-push{border:0;border-top:1px solid var(--line);background:transparent;color:var(--hot,#ffd84d);padding:12px;font-size:13px;cursor:pointer}
/* минуты на исходе */
.lowbal{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding:20px 54px 20px 22px;border-radius:20px;margin-bottom:18px;
  background:radial-gradient(120% 140% at 0% 0%,rgba(255,176,32,.22),transparent 55%),linear-gradient(120deg,var(--bg2),var(--bg3,#1a1b33));border:1px solid rgba(255,176,32,.35)}
.lowbal.out{background:radial-gradient(120% 140% at 0% 0%,rgba(255,77,106,.25),transparent 55%),linear-gradient(120deg,var(--bg2),var(--bg3,#1a1b33));border-color:rgba(255,77,106,.4)}
.lb-n{display:grid;justify-items:center;min-width:110px}.lb-c{font:800 56px/1 var(--f-display);letter-spacing:-.04em;background:linear-gradient(135deg,#ffd84d,#ff8a3d);-webkit-background-clip:text;background-clip:text;color:transparent}
.lowbal.out .lb-c{background:linear-gradient(135deg,#ff8a9a,#ff4d6a);-webkit-background-clip:text;background-clip:text}
.lb-n small{color:var(--mute);font-size:12px}
.lb-t{display:grid;gap:5px}.lb-t b{font-size:clamp(16px,1.6vw,20px);line-height:1.25}
.lb-k{justify-self:start;font:700 10.5px var(--f-mono,monospace);letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:99px;background:rgba(255,176,32,.18);color:#ffbf4d}
.lowbal.out .lb-k{background:rgba(255,77,106,.18);color:#ff8a9a}
.lb-x{position:absolute;top:10px;right:10px}
@media (max-width:760px){.lowbal{grid-template-columns:1fr;gap:12px;padding:16px 44px 16px 16px}.lb-n{justify-items:start;grid-auto-flow:column;align-items:end;gap:8px}.lb-c{font-size:40px}}
.kp.wait .kp-big{opacity:1;background:transparent;box-shadow:none;pointer-events:none}
.kp.wait .kp-big svg{display:none}.kp.wait .kp-big::after{content:"";width:42px;height:42px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;animation:spin .8s linear infinite}
.kp.err .kp-big{opacity:1;pointer-events:auto}.kp.err::after{content:"Видео не загрузилось";position:absolute;left:0;right:0;top:calc(50% + 44px);text-align:center;color:#fff;font-size:13px;text-shadow:0 1px 4px #000}
@keyframes spin{to{transform:rotate(360deg)}}
.clip .media .kp video{position:static;z-index:auto;object-fit:contain}
.kp-big,.kp-bar{z-index:2}
.kp{container-type:inline-size}
@container (max-width:300px){.kp-sp{display:none}.kp-bar{gap:2px;padding:22px 6px 8px}.kp-t{font-size:10.5px}}
.prov-warn{margin:0;padding:10px 12px;border-radius:10px;background:rgba(255,176,32,.1);border:1px solid rgba(255,176,32,.35);font-size:13px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.prices summary{cursor:pointer;font-size:13px;color:var(--mute);display:flex;gap:8px;align-items:center}
.prices[open] summary{margin-bottom:10px}
.ptab{display:grid;gap:6px}
.ptab .ph,.ptab .pr{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:center}
.ptab .ph{font-size:11.5px;color:var(--dim);text-transform:uppercase;letter-spacing:.04em}
.ptab .pr>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;display:grid}
.ptab .pr small{color:var(--dim);font-family:var(--f-body);font-size:11px}
.ptab .pr .input{padding:8px 10px;font-size:13px}
.ptab .pr.def{border-top:1px dashed var(--line);padding-top:8px;font-size:13px;color:var(--mute)}
.ptab .pr-u{font-size:12px}
.prices>small{display:block;margin-top:8px;font-size:12px;line-height:1.45}
@media (max-width:560px){.ptab .ph{display:none}.ptab .pr{grid-template-columns:1fr 1fr}.ptab .pr>span:first-child{grid-column:1/-1}}
/* папки с обложками */
.fsec{display:grid;gap:12px;margin-bottom:6px}
.fsec-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.fsec-h h2,.fcrumb h2{font-size:20px;margin:0;display:flex;align-items:center;gap:8px}
.fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.fcard{display:grid;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--bg2);color:var(--fg);text-align:left;cursor:pointer;overflow:hidden;transition:transform .15s,border-color .15s,box-shadow .15s}
.fcard:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--fc,#8a8aa3) 60%,var(--line))}
.fcard.over{border-color:var(--hot,#ffd84d);box-shadow:0 0 0 2px var(--hot,#ffd84d);transform:scale(1.02)}
.fc-cv{position:relative;aspect-ratio:16/9;display:grid;gap:2px;background:linear-gradient(135deg,color-mix(in srgb,var(--fc,#8a8aa3) 35%,var(--bg3,#1a1b33)),var(--bg3,#1a1b33))}
.fc-cv.n2{grid-template-columns:1fr 1fr}.fc-cv.n3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.fc-cv.n3 i:first-child{grid-row:1/3}
.fc-cv.n4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
.fc-cv i{background:#000 center/cover;min-height:0}
.fc-cv::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--fc,#8a8aa3)}
.fcard.add .fc-cv{background:transparent;border-bottom:1px dashed var(--line)}.fcard.add .fc-cv::after{display:none}.fcard.add{border-style:dashed}
.fc-ph{display:grid;place-items:center;color:color-mix(in srgb,var(--fc,#8a8aa3) 80%,#fff);opacity:.9}
.fc-bd{display:grid;gap:3px;padding:10px 12px}
.fc-bd b{font-size:14px;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fc-bd small{color:var(--mute);font-size:12px}
.fcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
#jl.dnd .fcard:not(.add){border-style:dashed;border-color:var(--fc,#8a8aa3)}
.pcard.dragging{opacity:.4}
@media (max-width:560px){.fgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fcard.add .fc-bd small{display:none}}
@media (pointer:coarse){.fsec-h .dim{display:none}}
@media (max-width:560px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pcard .bd{padding:9px 10px}.pcard .bd b{font-size:13px}.pcard .cv .chip{left:auto;right:6px;top:6px;font-size:10.5px;max-width:calc(100% - 46px);overflow:hidden;white-space:nowrap}.pcard .pick-ck{left:6px;top:6px;width:24px;height:24px}}

/* ===== v2026.10.28.8: фильтры проектов, всплывающие списки, свои контролы ===== */
/* панель фильтров проектов */
.jtools{gap:8px;margin-bottom:10px}
.fpills{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.fpill{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 12px 0 13px;border:0;border-radius:10px;background:var(--bg-deep);box-shadow:inset 0 0 0 1px var(--line2);color:var(--mute);font:500 13.5px var(--f-body);cursor:pointer;white-space:nowrap;max-width:240px;transition:box-shadow .15s,color .15s,background .15s}
.fpill:hover{color:var(--fg);box-shadow:inset 0 0 0 1px var(--dim)}
.fpill.open{color:var(--fg);box-shadow:inset 0 0 0 1.5px var(--hot)}
.fpill.on{color:var(--fg);background:rgb(var(--a1) / .1);box-shadow:inset 0 0 0 1px rgb(var(--a1) / .55)}
.fpill .fl{overflow:hidden;text-overflow:ellipsis;min-width:0}
.fpill svg{width:15px;height:15px;flex:none}
.fpill .fcn{font:600 11px var(--f-mono);background:var(--hot);color:var(--on-a);border-radius:99px;padding:1px 6px}
.kchev{width:14px!important;height:14px!important;flex:none;opacity:.7;transition:transform .18s}
.open>.kchev,[aria-expanded=true]>.kchev{transform:rotate(180deg)}
.hsh{font:700 14px var(--f-mono);color:var(--hot);line-height:1}
.sdot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--dim);box-shadow:0 0 0 3px rgb(255 255 255 / .04)}
.sdot.work{background:var(--hot2)}.sdot.ok{background:var(--ok)}.sdot.bad{background:var(--bad)}
.factive{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:-2px 0 12px}
.factive .tag{display:inline-flex;gap:6px;align-items:center;cursor:pointer;border:0}
.factive .tag span{opacity:.7;font-size:15px;line-height:1}
.factive .tag:hover span{opacity:1}
@media (max-width:760px){.jtools{display:grid}.jsearch{min-width:0}.fpills{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}.fpills::-webkit-scrollbar{display:none}.fpill{flex:none}}
.tag.sm.ghost{opacity:.75}
#tm-s{max-height:190px;overflow:auto}

/* всплывающая панель */
.kpop{position:fixed;z-index:120;display:flex;flex-direction:column;min-width:200px;max-height:440px;background:var(--bg2);border-radius:14px;padding:6px;box-shadow:inset 0 0 0 1px var(--line2),0 24px 60px -14px rgba(0,0,0,.65),0 6px 18px -6px rgba(0,0,0,.4);animation:kpop .14s cubic-bezier(.2,.8,.2,1);transform-origin:top}
.kpop.up{transform-origin:bottom}
@keyframes kpop{from{opacity:0;transform:translateY(-4px) scale(.98)}}
.kpop-t{font:500 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);padding:8px 10px 6px}
.kpop-s{display:flex;align-items:center;gap:8px;margin:2px 2px 6px;padding:0 10px;border-radius:9px;background:var(--bg-deep);box-shadow:inset 0 0 0 1px var(--line2);flex:none}
.kpop-s:focus-within{box-shadow:inset 0 0 0 1.5px var(--hot)}
.kpop-s svg{width:15px;height:15px;color:var(--dim);flex:none}
.kpop-s input{flex:1;min-width:0;border:0;background:none;outline:none;padding:9px 0;color:var(--fg);font:14px var(--f-body)}
.kpop-s input::-webkit-search-cancel-button{display:none}
.kpop-l{overflow:auto;display:grid;align-content:start;gap:1px;min-height:0;overscroll-behavior:contain;scrollbar-width:thin}
.kpop-h{font:500 11px var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim);padding:10px 10px 4px}
.kopt{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:9px;background:none;color:var(--fg);font:500 14px var(--f-body);text-align:left;cursor:pointer;outline:none;min-height:38px}
.kopt:hover,.kopt.act{background:var(--bg3)}
.kopt[disabled]{opacity:.4;cursor:not-allowed}
.kopt .kl{flex:1;min-width:0;display:grid;overflow:hidden}
.kopt .kl,.kopt .kl>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kopt .kl small{font-size:12px;color:var(--dim);font-weight:400}
.kopt .kn{font:500 12px var(--f-mono);color:var(--dim);flex:none}
.kopt .kck{width:16px;height:16px;flex:none}
.kopt.on{color:var(--fg)}
.kopt.on .kck{background:var(--hot);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/contain no-repeat}
.kopt.on:not(:hover):not(.act){background:rgb(var(--a1) / .08)}
.kopt .fdot{flex:none}
.kbox{width:18px;height:18px;flex:none;border-radius:6px;box-shadow:inset 0 0 0 1.5px var(--line2);background:var(--bg-deep);display:grid;place-items:center;transition:background .12s,box-shadow .12s}
.kbox::after{content:"";width:9px;height:5px;border:2px solid var(--on-a);border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg) scale(0);transition:transform .12s}
.kopt.on .kbox{background:var(--hot);box-shadow:none}
.kopt.on .kbox::after{transform:translateY(-1px) rotate(-45deg) scale(1)}
.kpop-e{padding:14px 10px;color:var(--dim);font-size:13px;text-align:center}
.kpop-f{display:flex;justify-content:space-between;gap:8px;padding:8px 4px 2px;margin-top:4px;border-top:1px solid var(--line);flex:none}
.kpop-bd{position:fixed;inset:0;z-index:119;background:rgba(3,4,12,.55);backdrop-filter:blur(2px);animation:fade .15s}
.kpop.sheet{left:0!important;right:0;bottom:0;top:auto!important;width:auto!important;max-height:72vh!important;border-radius:20px 20px 0 0;padding:8px 10px calc(10px + env(safe-area-inset-bottom,0px));animation:ksheet .22s cubic-bezier(.2,.8,.2,1)}
.kpop.sheet::before{content:"";width:40px;height:4px;border-radius:9px;background:var(--line2);margin:2px auto 8px;flex:none}
.kpop.sheet .kopt{min-height:46px;font-size:15px}
@keyframes ksheet{from{transform:translateY(100%)}}
@keyframes fade{from{opacity:0}}

/* наш выпадающий список вместо системного */
.ksel-n{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden}
.ksel{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer;color:var(--fg);font:inherit;min-width:0}
button.ksel.input{width:100%}
.ksel .kv{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ksel:hover{box-shadow:inset 0 0 0 1px var(--dim)}
.ksel.open,.ksel:focus-visible{box-shadow:inset 0 0 0 1.5px var(--hot);outline:none}
.ksel:disabled{opacity:.55;cursor:not-allowed}

/* чекбоксы и радиокнопки в нашем стиле */
input[type=checkbox],input[type=radio]{-webkit-appearance:none;appearance:none;width:18px;height:18px;flex:none;margin:0;display:inline-grid;place-items:center;vertical-align:-3px;background:var(--bg-deep);box-shadow:inset 0 0 0 1.5px var(--line2);border-radius:6px;cursor:pointer;transition:background .12s,box-shadow .12s;accent-color:auto}
input[type=radio]{border-radius:50%}
input[type=checkbox]::after{content:"";width:9px;height:5px;border:2px solid var(--on-a);border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg) scale(0);transition:transform .12s cubic-bezier(.3,1.6,.6,1)}
input[type=radio]::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--on-a);transform:scale(0);transition:transform .12s}
input[type=checkbox]:hover,input[type=radio]:hover{box-shadow:inset 0 0 0 1.5px var(--dim)}
input[type=checkbox]:checked,input[type=radio]:checked{background:var(--hot);box-shadow:none}
input[type=checkbox]:checked::after{transform:translateY(-1px) rotate(-45deg) scale(1)}
input[type=radio]:checked::after{transform:scale(1)}
input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--hot);outline-offset:2px}
input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.5;cursor:not-allowed}
.pchk input,.agree input{margin-top:1px}
.fxtg input{width:16px;height:16px;border-radius:5px}
.fxtg input::after{width:8px;height:4px}

/* боковая панель: список последних плавно уходит под карточку профиля */
.side .jobs{min-height:64px;-webkit-mask:linear-gradient(#000 calc(100% - 26px),transparent);mask:linear-gradient(#000 calc(100% - 26px),transparent);padding-bottom:22px}
.side .me{flex:none}
/* раскрывающиеся блоки (себестоимость и т.п.) */
.prices summary{list-style:none;user-select:none;padding:4px 0}
.prices summary::-webkit-details-marker{display:none}
.prices summary::before{content:"";width:7px;height:7px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(-45deg);transition:transform .18s;margin:0 4px 0 2px;flex:none}
.prices[open] summary::before{transform:rotate(45deg)}
.prices summary:hover{color:var(--fg)}
.pcard .pc-in{grid-template-columns:minmax(0,1fr)}
.pcard .bd{min-width:0}
.pcard .pc-meta{display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;min-width:0}
.kopt .kl>.kt{display:block}
input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.55;border-radius:6px;padding:3px;transition:opacity .15s,background .15s}
input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover,input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1;background:var(--bg3)}
input[type=number]::-webkit-inner-spin-button{opacity:.35}
/* воздух на странице проектов */
#jl{display:grid;gap:0}
#jl .fsec{gap:16px;margin-bottom:40px}
#jl .fsec-h h2,#jl .fcrumb h2{font-size:22px;letter-spacing:-.01em}
#jl .jl-h{margin-bottom:16px}
#jl .fcrumb{margin-bottom:20px}
#jl .jtools{margin-bottom:22px}
#jl .factive{margin:-8px 0 22px}
#jl .pgrid{gap:18px}
.hcnt{font:500 12px var(--f-mono);color:var(--mute);background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line2);border-radius:99px;padding:3px 9px;letter-spacing:0;margin-left:4px}
@media (max-width:560px){#jl .fsec{margin-bottom:28px}#jl .jl-h{margin-bottom:12px}#jl .jtools{margin-bottom:16px}#jl .pgrid{gap:10px}}
/* плитки загрузки файлов: подпись переносится и не вылезает за рамку */
.fxa.up{padding:10px 8px;gap:6px;font-size:12px;line-height:1.25;text-align:center}
.fxa.up span{white-space:normal;overflow:visible;text-overflow:clip;max-width:100%;overflow-wrap:anywhere}
#jl{margin-top:8px}
/* ===== статистика, «скоро», автопубликация ===== */
.nsoon{font:600 9.5px var(--f-mono);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--hot);background:rgb(var(--a1) / .12);border-radius:99px;padding:2px 7px;margin-left:auto}
.btn .nsoon{margin-left:2px}
.soon{display:grid;gap:22px;padding:32px;position:relative;overflow:hidden}
.soon::before{content:"";position:absolute;inset:-40% -10% auto auto;width:520px;height:520px;background:radial-gradient(closest-side,rgb(var(--a1) / .16),transparent);pointer-events:none}
.soon-b{display:inline-flex;align-items:center;gap:8px;width:max-content;font:600 12px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--on-a);background:var(--cut);padding:7px 12px;border-radius:99px}
.soon-b svg{width:15px;height:15px}
.soon h2{margin:0;font-size:clamp(24px,3vw,34px);max-width:680px;line-height:1.1}
.soon-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.soon-g>div{display:grid;gap:8px;align-content:start;padding:18px;border-radius:14px;background:var(--bg-deep);box-shadow:inset 0 0 0 1px var(--line)}
.soon-g b{font-size:15px}.soon-g p{margin:0;color:var(--mute);font-size:13.5px;line-height:1.45}
.soon-i{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgb(var(--a1) / .12);color:var(--hot);flex:none}
.soon-i svg{width:19px;height:19px}
.st-top{gap:12px;align-items:center}
.st-ch{height:260px;position:relative}
.st-g{align-items:start}
.st-pl{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);position:relative}
.st-pl:last-child{border-bottom:0}
.st-pl>span:first-child{display:flex;align-items:center;gap:8px;min-width:0}
.st-pl small{color:var(--dim);font-size:12px}
.st-pl i{grid-column:1/-1;height:4px;border-radius:9px;background:var(--line);position:relative;overflow:hidden}
.st-pl i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:var(--c);border-radius:9px}
.st-n{display:grid;text-align:right;line-height:1.2}
.st-n b{font:600 16px var(--f-display);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.st-n small{font-size:11.5px;color:var(--dim);white-space:nowrap}
.st-ins{display:grid;gap:14px}
.st-ins>div{display:flex;gap:12px;align-items:center}
.st-ins p{margin:0;display:grid;gap:2px}.st-ins p b{font-size:14.5px}.st-ins p small{color:var(--dim);font-size:12.5px}
.st-hrs{display:grid;grid-template-columns:repeat(24,1fr);gap:3px;height:64px;align-items:end;margin-top:4px}
.st-hrs i{height:var(--h);background:var(--line2);border-radius:3px 3px 1px 1px;transition:background .15s}
.st-hrs i:hover{background:var(--mute)}.st-hrs i.on{background:var(--hot)}
.st-hl{display:flex;justify-content:space-between;font:500 10.5px var(--f-mono);color:var(--dim);margin-top:-6px}
.st-list{display:grid}
.st-row{display:grid;grid-template-columns:44px minmax(0,1fr) 110px 80px 100px;gap:14px;align-items:center;padding:10px 6px;border-radius:10px;text-decoration:none;color:inherit;border-bottom:1px solid var(--line)}
.st-row:last-child{border-bottom:0}
.st-row:hover{background:var(--bg3)}
.st-th{width:44px;height:58px;border-radius:8px;background:var(--bg3) center/cover;display:grid;place-items:center;color:var(--dim)}
.st-t{display:grid;gap:4px;min-width:0}
.st-t b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-t small{display:flex;align-items:center;gap:6px;color:var(--dim);font-size:12px;white-space:nowrap;overflow:hidden}
@media (max-width:560px){.st-row{grid-template-columns:40px minmax(0,1fr) auto;gap:10px}.st-th{width:40px;height:52px}.soon{padding:22px}}
.st-empty{display:grid;justify-items:center;text-align:center;gap:10px;padding:40px 20px}
.st-empty p{max-width:520px;margin:0}
.st-plats{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--mute)}
.st-plats span{display:inline-flex;align-items:center;gap:6px}
.pm-stats{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;padding:12px 14px;border-radius:12px;background:var(--bg-deep);box-shadow:inset 0 0 0 1px var(--line)}
.pm-stats>span{display:grid;line-height:1.2}.pm-stats b{font:600 18px var(--f-display);font-variant-numeric:tabular-nums}.pm-stats small{font-size:11.5px;color:var(--dim)}
.pm-stats .btn{margin-left:auto}
.pm-perr{margin:0;font-size:13px;color:var(--bad);background:rgb(255 80 80 / .08);padding:10px 12px;border-radius:10px}
.pm-soon{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--mute);padding:10px 12px;border-radius:12px;background:rgb(var(--a1) / .06);box-shadow:inset 0 0 0 1px rgb(var(--a1) / .2)}
.pm-soon svg{width:17px;height:17px;color:var(--hot);flex:none}
.pm-auto{display:grid;gap:8px;padding:4px 14px 12px;border-radius:12px;background:var(--bg-deep);box-shadow:inset 0 0 0 1px var(--line)}
.pm-acc{display:grid;grid-template-columns:auto 120px minmax(0,1fr);gap:10px;align-items:center;font-size:13.5px}
.pm-acc .btn{justify-self:start}
.pm-auto>.btn{justify-self:start}
.pchip em.pv{font:600 10.5px var(--f-mono);color:var(--mute);margin-left:auto;font-style:normal}
.pchip em.bad{color:var(--bad);font-style:normal;font-weight:700}
.pchip em.pub{color:var(--hot);font-style:normal}
.pchip.st-failed{box-shadow:inset 0 0 0 1px var(--bad)}
.pchip.st-publishing{animation:blink 1.4s infinite}
.cviews{display:inline-flex;align-items:center;gap:4px;font:600 11.5px var(--f-mono);color:var(--mute);text-decoration:none;padding:2px 7px;border-radius:99px;background:var(--bg3)}
.cviews svg{width:13px;height:13px}
.cviews:hover{color:var(--fg)}
.ac-l{display:grid;gap:8px}
.ac-r{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--bg-deep);box-shadow:inset 0 0 0 1px var(--line);flex-wrap:wrap}
.ac-r .avatar{width:36px;height:36px;flex:none}
.ac-n{display:grid;gap:2px;flex:1;min-width:140px}.ac-n small{display:flex;gap:6px;align-items:center;color:var(--dim);font-size:12px}
.ac-add{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.ac-add .pick{grid-template-columns:14px 1fr;padding:12px;text-align:left}
.ac-add .pick:disabled{opacity:.5;cursor:not-allowed}
.ac-add .pick small{display:block;color:var(--dim);font-size:12px}
.so-ru{display:grid;gap:6px}
.so-ru>div{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13px}
.so-ru span{display:flex;align-items:center;gap:6px}
.so-ru code{font:12px var(--f-mono);background:var(--bg-deep);padding:7px 10px;border-radius:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st-hrs i{display:block}
.st-more{justify-self:center}
@media (max-width:560px){.st-row .hide-s{display:none}.st-n b{font-size:15px}}
.ac-l+.ac-add,.ac-add{margin-top:4px}
.learn h3{display:flex;align-items:center;gap:8px}.learn h3 svg{width:18px;height:18px;color:var(--hot)}
.ln-prog{display:grid;gap:8px;font-size:14px}
.ln-prog i{height:8px;border-radius:9px;background:var(--line);overflow:hidden;display:block}
.ln-prog i b{display:block;height:100%;background:var(--cut);border-radius:9px}
.ln-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
@media (max-width:900px){.ln-g{grid-template-columns:1fr}}
.ln-g h4{margin:0 0 10px;font-size:12px;font-family:var(--f-mono);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.ln-g p{margin:0;font-size:13px}
.ln-b{display:grid;grid-template-columns:110px minmax(0,1fr) 44px;gap:10px;align-items:center;font-size:13px;margin-bottom:8px}
.ln-b span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ln-b i{height:8px;border-radius:9px;background:var(--line);display:block;overflow:hidden}
.ln-b i b{display:block;height:100%;border-radius:9px;background:var(--mute)}
.ln-b i b.up{background:var(--ok)}.ln-b i b.down{background:var(--bad)}
.ln-b em{font:600 12px var(--f-mono);font-style:normal;text-align:right}
.ln-top{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center;padding:7px 0;text-decoration:none;color:inherit;border-bottom:1px solid var(--line);font-size:13px}
.ln-top:last-child{border-bottom:0}
.ln-top b{font:700 13px var(--f-mono);color:var(--ok)}
.ln-top span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clearn{display:inline-flex;align-items:center;gap:4px;font:600 10.5px var(--f-body);color:var(--hot);background:rgb(var(--a1) / .1);padding:2px 7px;border-radius:99px;white-space:nowrap}
.clearn svg{width:11px;height:11px}
@media (max-width:560px){.clearn{display:none}}
/* варианты клипа */
.vbadge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:7px;font:700 11px var(--f-mono);background:var(--hot);color:var(--on-a);flex:none}
.vbadge.a{background:var(--bg3);color:var(--mute);box-shadow:inset 0 0 0 1px var(--line2)}
.abrow{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;padding:10px 14px;border-top:1px solid var(--line);font-size:12px}
.abh{display:inline-flex;align-items:center;gap:5px;color:var(--dim);font:500 11px var(--f-mono);letter-spacing:.04em;text-transform:uppercase}
.abh svg{width:13px;height:13px}
.abv{display:inline-flex;align-items:center;gap:5px}
.abv b{font:700 11px var(--f-mono);width:16px;text-align:center}
.abv i{width:38px;height:5px;border-radius:9px;background:var(--line);overflow:hidden;display:block}
.abv i em{display:block;height:100%;background:var(--mute);border-radius:9px}
.abv.lead i em{background:var(--ok)}
.abv small{font:500 11px var(--f-mono);color:var(--mute)}
.ab-cur{display:flex;gap:10px;align-items:baseline;font-size:14px;padding:10px 12px;border-radius:10px;background:var(--bg-deep)}
.ab-l{display:grid;gap:8px}
.ab-r{display:grid;grid-template-columns:18px 26px minmax(0,1fr) auto;gap:10px;align-items:center}
.lang-g{display:flex;flex-wrap:wrap;gap:6px}
.lang-g button{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:99px;border:0;background:var(--bg-deep);box-shadow:inset 0 0 0 1px var(--line2);color:var(--mute);font:500 13.5px var(--f-body);cursor:pointer}
.lang-g button[aria-pressed=true]{color:var(--fg);background:rgb(var(--a1) / .12);box-shadow:inset 0 0 0 1.5px var(--hot)}
.lg-o{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:end}
@media (max-width:560px){.lg-o{grid-template-columns:1fr}}
.cmeta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:2px}
/* B-roll в редакторе */
.vbox .brv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;pointer-events:none;background:#000}
.br-l{display:grid;gap:8px}
.br-it{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px;border-radius:10px;background:var(--bg-deep);box-shadow:inset 0 0 0 1px var(--line)}
.br-it img{width:44px;height:64px;object-fit:cover;border-radius:7px;background:var(--bg3)}
.br-it>span{display:grid;gap:2px;min-width:0}.br-it b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.br-it small{font:500 11.5px var(--f-mono);color:var(--dim)}
.br-t{display:flex;gap:2px}.br-t .ic{width:26px;height:26px}
.br-sg{display:grid;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}
.br-g{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.br-c{position:relative;border:0;padding:0;border-radius:8px;overflow:hidden;cursor:pointer;aspect-ratio:9/14;background:var(--bg3)}
.br-c img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.br-c:hover img{transform:scale(1.05)}
.br-c span{position:absolute;right:4px;bottom:4px;font:600 10px var(--f-mono);background:rgba(0,0,0,.6);color:#fff;padding:1px 5px;border-radius:5px}
.br-c:disabled{opacity:.5}
.bk.brl{background:rgb(64 200 255 / .25);box-shadow:inset 0 0 0 1px rgb(64 200 255 / .6)}
/* команда, комментарии, согласование */
.wsb{display:flex;justify-content:space-between;align-items:center;gap:12px;background:rgb(var(--a1) / .08);box-shadow:inset 0 0 0 1px rgb(var(--a1) / .3)}
.wsb .avatar.sm{width:26px;height:26px;font-size:12px}
.ws-rev a.btn-hot[href="#/new"],.ws-rev .bnav .plus,.ws-rev #j-del,.ws-rev #j-resel{display:none!important}
.um-ws{display:grid;gap:2px}.um-ws small{font:500 10.5px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);padding:6px 10px 2px}
.um-ws .on{opacity:1!important;color:var(--fg);background:var(--bg3)}
.tw-roles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tw-roles>div{display:grid;gap:4px;padding:12px 14px;border-radius:12px;background:var(--bg-deep);box-shadow:inset 0 0 0 1px var(--line)}
.tw-roles small{color:var(--dim);font-size:12.5px;line-height:1.4}
@media (max-width:560px){.tw-roles{grid-template-columns:1fr}}
.tw-l{display:grid;gap:8px}
.tw-r{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--bg-deep);box-shadow:inset 0 0 0 1px var(--line);flex-wrap:wrap}
.tw-r .avatar{width:38px;height:38px;flex:none}
.tw-n{display:grid;gap:2px;flex:1;min-width:160px}.tw-n small{color:var(--dim);font-size:12.5px}
.tw-inv{flex-wrap:nowrap;gap:8px}
@media (max-width:560px){.tw-inv{flex-wrap:wrap}}
.card.sec h3 svg{width:18px;height:18px;vertical-align:-3px;margin-right:6px;color:var(--hot)}
.modal h2 svg{width:22px;height:22px;vertical-align:-3px;margin-right:8px;color:var(--hot)}
.rvchip{font-size:10.5px;padding:3px 8px}
.ic.cmb{position:relative}
.ic.cmb em{position:absolute;top:-3px;right:-4px;min-width:16px;height:16px;border-radius:99px;background:var(--line2);color:var(--fg);font:700 9.5px var(--f-mono);font-style:normal;display:grid;place-items:center;padding:0 4px}
.ic.cmb.has em{background:var(--hot);color:var(--on-a)}
.rv-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.rv-b{border:0;border-radius:10px;padding:9px 8px;background:var(--bg-deep);box-shadow:inset 0 0 0 1px var(--line2);color:var(--mute);font:600 12.5px var(--f-body);cursor:pointer}
.rv-b.on.ok{background:rgb(60 220 130 / .14);box-shadow:inset 0 0 0 1.5px var(--ok);color:var(--fg)}
.rv-b.on.bad{background:rgb(255 90 90 / .12);box-shadow:inset 0 0 0 1.5px var(--bad);color:var(--fg)}
.rv-b.on.work{background:rgb(var(--a1) / .12);box-shadow:inset 0 0 0 1.5px var(--hot);color:var(--fg)}
.cm-l{display:grid;gap:12px;max-height:46vh;overflow:auto;padding:4px 2px}
.cm{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px}
.cm .avatar.sm{width:30px;height:30px;font-size:12px}
.cm.done{opacity:.55}
.cm-h{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cm-h b{font-size:13.5px}.cm-h small{color:var(--dim);font-size:11.5px}
.cm-t{border:0;background:rgb(var(--a1) / .14);color:var(--hot);font:600 11px var(--f-mono);padding:2px 7px;border-radius:99px;cursor:pointer}
.cm p{margin:4px 0 0;font-size:14px;line-height:1.45;white-space:pre-wrap;word-break:break-word}
.cm-a{display:flex;gap:12px;margin-top:4px}
.cm-a button{border:0;background:none;padding:0;color:var(--dim);font:500 12px var(--f-body);cursor:pointer}
.cm-a button:hover{color:var(--fg)}
.cm-f{display:grid;gap:8px}
.ws-rev #j-share,.ws-rev #j-plan,.ws-rev [data-a="ab"],.ws-rev [data-a="lang"],.ws-rev [data-a="plan"]{display:none!important}
.br-sg{min-width:0}
.br-h{display:grid;gap:2px;font-size:12px;color:var(--dim);min-width:0}
.br-h span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.br-q{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}
.br-q .input{padding:7px 10px;font-size:13px;min-width:0}
.rv-b{font-size:12px;padding:8px 6px;line-height:1.2}
/* редактор: широкая дорожка при масштабе не распирает экран; панель инструментов без полос прокрутки */
.edv{grid-template-columns:minmax(0,1fr)}
.edv>*{min-width:0}
.edv-mid>*{min-width:0}
.tl{min-width:0;overflow:hidden}
@media (min-width:901px){.rail{overflow-x:hidden;overflow-y:auto;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content}.rail button{min-width:0;word-break:break-word}}
.rail{scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
@media (max-height:980px) and (min-width:901px){.rail{gap:2px;padding:6px 5px}.rail button{padding:6px 2px;font-size:10px;gap:2px}.rail button svg{width:17px;height:17px}}
@media (max-height:820px) and (min-width:901px){.rail button{padding:5px 2px}}
@media (min-width:901px){.rail{-webkit-mask:linear-gradient(#000 calc(100% - 22px),transparent);mask:linear-gradient(#000 calc(100% - 22px),transparent);padding-bottom:20px}}
/* AI B-roll в стиле «одна кнопка» */
.brh{display:flex;align-items:center;gap:8px;font:600 15px var(--f-display)}
.brh span{display:inline-flex;align-items:center;gap:8px}.brh svg{width:18px;height:18px;color:var(--hot)}
.brh em{font:700 9.5px var(--f-mono);font-style:normal;letter-spacing:.08em;color:var(--hot);border:1px solid rgb(var(--a1) / .5);border-radius:99px;padding:2px 7px}
.br-p{font-size:12.5px;line-height:1.5;margin:0}
.br-go{width:100%;justify-content:center;padding:14px 12px;font-size:14px;line-height:1.25;white-space:normal;text-align:center}
.br-go svg{flex:none}
.br-busy{display:grid;justify-items:center;text-align:center;gap:8px;padding:22px 12px;border-radius:14px;background:rgb(var(--a1) / .06);box-shadow:inset 0 0 0 1px rgb(var(--a1) / .25)}
.br-busy small{color:var(--dim);font-size:12.5px;line-height:1.4}
.br-ai{width:44px;height:64px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(160deg,rgb(var(--a1) / .25),var(--bg3));color:var(--hot)}
.br-ai svg{width:20px;height:20px}
.seg2{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:3px;border-radius:10px;background:var(--bg-deep)}
.seg2 button{border:0;background:transparent;color:var(--mute);padding:9px 8px;border-radius:8px;cursor:pointer;font:500 13px var(--f-body)}
.seg2 button[aria-pressed="true"]{background:var(--bg3);color:var(--fg);font-weight:600}
/* GIF-стикеры KLIPY и библиотека вставок */
.gf-g{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.gf-c{border:0;padding:0;border-radius:10px;overflow:hidden;cursor:pointer;aspect-ratio:1;background:var(--bg3);display:grid;place-items:center;position:relative;transition:transform .15s,box-shadow .15s}
.gf-c img{width:100%;height:100%;object-fit:cover;display:block}
.gf-c:hover{transform:translateY(-1px);box-shadow:0 0 0 2px var(--hot)}
.gf-c.wait{opacity:.5}
.gf-c span svg{width:26px;height:26px;color:var(--dim)}
.gf-by{font-size:11.5px;text-align:center;margin:0}
.gf-l{display:grid;gap:10px}
.gf-it{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:start;padding:10px;border-radius:12px;background:var(--bg-deep);box-shadow:inset 0 0 0 1px var(--line)}
.gf-it img{width:52px;height:52px;border-radius:8px;object-fit:cover}
.gf-it>div{display:grid;gap:6px}
.bl-g{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.bl-c{position:relative;border:0;padding:0;border-radius:9px;overflow:hidden;cursor:pointer;aspect-ratio:9/14;background:linear-gradient(160deg,rgb(var(--a1) / .2),var(--bg3));display:grid;place-items:center}
.bl-c img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bl-c em{position:absolute;left:4px;right:4px;bottom:4px;font:600 10px var(--f-body);font-style:normal;color:#fff;background:rgba(0,0,0,.55);border-radius:5px;padding:2px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bl-c i{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:6px;background:rgba(0,0,0,.6);color:#fff;font-style:normal;display:none;place-items:center;font-size:14px}
.bl-c:hover i{display:grid}
.bl-c:hover{box-shadow:0 0 0 2px var(--hot)}
.bl-c span svg{width:22px;height:22px;color:var(--hot)}
.bk.gifb{background:rgb(255 120 200 / .25);box-shadow:inset 0 0 0 1px rgb(255 120 200 / .6)}
.br-qs{display:grid;gap:6px}
.br-qs button{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:10px;text-align:left;border:0;border-radius:10px;padding:10px 12px;background:var(--bg-deep);box-shadow:inset 0 0 0 1px var(--line2);color:var(--fg);cursor:pointer;font:inherit}
.br-qs button b{font-size:13.5px}.br-qs button small{grid-column:1;color:var(--dim);font-size:11.5px}
.br-qs button em{grid-row:1/3;grid-column:2;align-self:center;font:600 12px var(--f-mono);font-style:normal;color:var(--mute)}
.br-qs button[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--hot);background:rgb(var(--a1) / .08)}
.br-qs button[aria-pressed=true] em{color:var(--hot)}
.rail button{hyphens:none;word-break:normal;overflow-wrap:normal}
/* панель инструментов редактора: ровные отступы между пунктами */
@media (min-width:901px){.rail{gap:4px;padding:8px 6px 20px}.rail button{padding:8px 2px 7px;gap:4px;font-size:10.5px;line-height:1.15}.rail button svg{width:18px;height:18px}}
.md-card{gap:14px}
.md-t td{padding:6px 8px;vertical-align:middle}.md-t .input{padding:7px 9px;font-size:13px}
.md-cl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:900px){.md-cl{grid-template-columns:1fr}}
.md-cl>div{display:grid;gap:6px;padding:12px;border-radius:12px;background:var(--bg-deep);box-shadow:inset 0 0 0 1px var(--line)}
.md-cl small{color:var(--dim);font-size:12px}
.md-cl em{font:600 12px var(--f-mono);font-style:normal}
.md-cl em.ok{color:var(--ok)}.md-cl em.warn{color:var(--hot2)}.md-cl em.bad{color:var(--bad)}
/* расходы и функции */
.sp-g{align-items:start}
.sp-cat{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}
.sp-cat:last-child{border-bottom:0}
.sp-cat i{width:10px;height:10px;border-radius:3px}
.sp-cat em{font:500 12px var(--f-mono);font-style:normal;color:var(--dim);min-width:36px;text-align:right}
.sp-cat b{font-variant-numeric:tabular-nums}
.sp-dot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px}
.sp-op{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.sp-op:last-child{border-bottom:0}
.sp-op span{display:grid;gap:2px;min-width:0}.sp-op b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-op small{color:var(--dim);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ft-l{display:grid;gap:8px}
.ft-r{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-radius:12px;background:var(--bg-deep);box-shadow:inset 0 0 0 1px var(--line);flex-wrap:wrap}
.ft-r>span{display:grid;gap:3px;min-width:220px;flex:1}.ft-r small{color:var(--dim);font-size:12.5px}

/* ===== пульт, лимиты, ошибки, копии, поддержка, рассылки ===== */
.seg.seg-sm{gap:4px}.seg.seg-sm button{padding:5px 10px;font-size:12.5px}
.seg button em{font-style:normal;color:var(--dim);font:500 11px var(--f-mono)}
.pult-hd{display:grid;gap:14px;padding:18px 20px;position:relative;overflow:hidden}
.pult-hd::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--pc,var(--ok))}
.pult-hd.ok{--pc:var(--ok)}.pult-hd.warn{--pc:var(--warn)}.pult-hd.bad{--pc:var(--bad)}
.pult-st{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:center}
.pult-st i{grid-row:span 2;width:12px;height:12px;border-radius:50%;background:var(--pc);box-shadow:0 0 0 6px color-mix(in srgb,var(--pc) 18%,transparent)}
.pult-hd.bad .pult-st i{animation:blink 1.4s ease-in-out infinite}
.pult-st b{font-family:var(--f-display);font-size:20px;letter-spacing:-.02em}
.pult-st small{color:var(--mute);font-size:13px}
.pult-pb{display:grid;gap:6px}
.pb{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--bg3);color:var(--fg);text-decoration:none;font-size:14px;transition:transform .15s}
.pb:hover{transform:translateX(3px)}
.pb i{width:8px;height:8px;border-radius:50%;background:var(--warn)}.pb.bad i{background:var(--bad)}
.pb em{font-style:normal;color:var(--dim)}
.pult-g{align-items:start}
.pl-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border:0;border-bottom:1px solid var(--line);background:none;color:var(--fg);text-align:left;width:100%;font:inherit;text-decoration:none}
.pl-row:last-child{border-bottom:0}
button.pl-row,a.pl-row{cursor:pointer}button.pl-row:hover,a.pl-row:hover{background:color-mix(in srgb,var(--bg3) 50%,transparent)}
.pl-row span{min-width:0}.pl-row b{display:block;font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pl-row small{display:block;color:var(--dim);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pl-row em{font-style:normal;color:var(--dim)}
.fn{display:grid;gap:10px;margin-top:14px}
.fn-r{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr) 44px 44px;gap:10px;align-items:center;font-size:13.5px}
.fn-l{color:var(--mute)}
.fn-b{height:26px;border-radius:8px;background:var(--bg3);overflow:hidden}
.fn-b i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--hot),var(--hot2));transition:width .5s cubic-bezier(.2,.8,.2,1)}
.fn-r b{font:600 14px var(--f-mono);text-align:right}
.fn-r em{font:500 12px var(--f-mono);color:var(--dim);font-style:normal;text-align:right}
.fn-n{font-size:12.5px;margin:12px 0 0;line-height:1.5}
.bud{gap:14px}.bud.stop{box-shadow:inset 0 0 0 1.5px var(--bad)}.bud.trip{box-shadow:inset 0 0 0 1.5px var(--warn)}
.bud-g{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(0,1fr) minmax(0,1fr) auto;gap:14px;align-items:end}
.bud-m{display:grid;gap:4px}.bud-m span{font-size:13px}
.bud-m b{font-family:var(--f-display);font-size:26px;letter-spacing:-.03em}.bud-m b small{font-size:14px;color:var(--dim);font-family:var(--f-body);letter-spacing:0}
.bud-top{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px}
.chip.btnchip.bad{color:var(--bad)}
.eg{display:grid;gap:8px;margin-top:12px}
.eg-i{border-radius:12px;background:var(--bg3);overflow:hidden}
.eg-i summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;cursor:pointer;list-style:none}
.eg-i summary::-webkit-details-marker{display:none}
.eg-n{min-width:34px;height:34px;padding:0 8px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--bad) 18%,transparent);color:var(--bad);font:700 14px var(--f-mono)}
.eg-r{min-width:0}.eg-r b{display:block;font-weight:600;font-size:14px;line-height:1.35;word-break:break-word}.eg-r small{color:var(--dim);font-size:12px}
.eg-b{padding:0 12px 12px;display:grid;gap:4px}
.eg-s{margin:0 0 6px;padding:10px;border-radius:8px;background:var(--bg);font:12px/1.5 var(--f-mono);color:var(--mute);white-space:pre-wrap;word-break:break-word;max-height:140px;overflow:auto}
.eg-x{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;font-size:13px;padding:4px 0;border-top:1px solid var(--line)}
.eg-x a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#egc:empty{display:none}
.ops-g{align-items:start}.ops-g>.card{display:grid;gap:12px}
.ops-al summary{cursor:pointer;font-size:13px}.ops-al div{font-size:13px;padding:5px 0;border-bottom:1px solid var(--line)}
.bk-l{display:grid;gap:2px}
.bk-i{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line);font-size:13px}
.bk-i .mono{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ud-st{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.ud-st div{display:grid;gap:2px;padding:10px;border-radius:12px;background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line);text-align:center}
.ud-st b{font:600 18px var(--f-display);letter-spacing:-.02em}.ud-st small{color:var(--dim);font-size:11px}
.ud-mn{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ud-mn div{display:grid;gap:2px}.ud-mn small{color:var(--dim);font-size:12px}.ud-mn b{font:600 16px var(--f-mono)}
.tk-wrap{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:16px;align-items:start}
.tk-side{display:grid;gap:10px;padding:12px;position:sticky;top:16px;max-height:calc(100vh - 140px);grid-template-rows:auto auto minmax(0,1fr)}
.tk-wrap.user .tk-side{grid-template-rows:auto minmax(0,1fr)}
.tk-list{overflow:auto;display:grid;gap:4px;align-content:start;margin:0 -4px;padding:0 4px}
.tk-i{display:grid;gap:3px;text-align:left;border:0;background:transparent;color:var(--fg);padding:10px;border-radius:12px;cursor:pointer;font:inherit}
.tk-i:hover{background:var(--bg3)}.tk-i.on{background:var(--bg3);box-shadow:inset 0 0 0 1.5px var(--hot)}
.tk-i b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.tk-i small{font-size:12px;color:var(--mute);display:flex;align-items:center;gap:6px;min-width:0}
.tk-last{font-size:12.5px;color:var(--dim);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}
.tk-dot{width:7px;height:7px;border-radius:50%;background:var(--dim);flex:none;display:inline-block;margin-right:2px}.tk-dot.bad{background:var(--bad)}.tk-dot.ok{background:var(--ok)}
.tk-main{display:grid;gap:14px;min-height:420px;align-content:start}
.tk-empty{display:grid;place-items:center;min-height:380px;font-size:14px}
.tk-hd{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.tk-hd>div:first-child{display:grid;gap:4px;min-width:0}.tk-hd b{font-size:17px}.tk-hd small{display:flex;align-items:center;gap:6px;font-size:12.5px}
.tk-meta{font-size:12.5px;line-height:1.5}
.tk-msgs{display:grid;gap:10px;max-height:52vh;overflow:auto;padding:4px 2px}
.tk-msg{max-width:min(78%,620px);padding:10px 14px;border-radius:16px 16px 16px 4px;background:var(--bg3);display:grid;gap:4px;font-size:14px;line-height:1.5;word-break:break-word}
.tk-msg small{color:var(--dim);font-size:11.5px}
.tk-msg.staff,.tk-msg.me{justify-self:end;border-radius:16px 16px 4px 16px;background:color-mix(in srgb,var(--hot) 16%,var(--bg3))}
.tk-wrap.user .tk-msg.staff{justify-self:start;border-radius:16px 16px 16px 4px;background:color-mix(in srgb,var(--ok) 12%,var(--bg3))}
.tk-rep,.tk-form{display:grid;gap:10px}
.tk-rep textarea,.tk-form textarea{resize:vertical;min-height:84px}
.bc-g{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:20px;margin-top:12px;align-items:start}
.bc-aud{display:flex;flex-wrap:wrap;gap:6px}
.bc-ai input{position:absolute;opacity:0;pointer-events:none}
.bc-ai span{display:inline-flex;gap:8px;align-items:center;padding:7px 12px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line2);font-size:13.5px;cursor:pointer;color:var(--mute)}
.bc-ai em{font:500 11.5px var(--f-mono);font-style:normal;color:var(--dim)}
.bc-ai input:checked+span{color:var(--fg);background:var(--bg3);box-shadow:inset 0 0 0 1.5px var(--hot)}
.bc-ai input:focus-visible+span{outline:2px solid var(--hot);outline-offset:2px}
.bc-prev{display:grid;gap:8px;padding:14px;border-radius:16px;background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line);position:sticky;top:16px}
.bc-prev .nti{pointer-events:none;width:100%}
@media (max-width:900px){
  .bud-g{grid-template-columns:1fr 1fr}.bud-m{grid-column:1/-1}
  .tk-wrap{grid-template-columns:1fr}.tk-side{position:static;max-height:none}.tk-list{max-height:320px}
  .bc-g{grid-template-columns:1fr}.bc-prev{position:static}
  .ud-st{grid-template-columns:repeat(3,minmax(0,1fr))}.ud-mn{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fn-r{grid-template-columns:minmax(96px,130px) minmax(0,1fr) 38px 38px;gap:8px;font-size:12.5px}
  .tk-msg{max-width:92%}
}
@media (max-width:560px){.bud-g{grid-template-columns:1fr}.eg-x{grid-template-columns:1fr auto}.eg-x span:nth-child(2){display:none}}

/* ===== боты ===== */
.bot-ico{width:22px;height:22px;border-radius:7px;display:inline-grid;place-items:center;color:#fff;flex:none}
.bot-ico svg{width:15px;height:15px}
.bot-ico.tg{background:#2aabee}.bot-ico.vk{background:#0077ff}
.bot-l{display:grid;gap:4px;margin-top:6px}
.bot-r{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.bot-r:last-child{border-bottom:0}
.bot-r .bot-ico{width:32px;height:32px;border-radius:10px}.bot-r .bot-ico svg{width:20px;height:20px}
.bot-r b{display:block;font-size:15px}.bot-r small{color:var(--dim);font-size:12.5px}
.bot-nudge{justify-content:space-between;flex-wrap:wrap;gap:10px}
.bot-nudge .btn{gap:6px}
.bots-g{align-items:start}.bots-g>.card{display:grid;gap:12px}
.bots-steps{margin:0;padding-left:20px;display:grid;gap:4px;color:var(--mute);font-size:13px;line-height:1.5}
.bots-steps a{color:var(--fg)}
#botc{display:grid;gap:12px}#botc:empty{display:none}

/* ===== REZKO: логотип-разрез ===== */
.logo .rz-wm{height:var(--rz-h,26px);width:auto;display:block;overflow:visible;color:var(--fg)}
.rz-s1{stop-color:var(--rz1,#ffc93a)}.rz-s2{stop-color:var(--rz2,#ffe14a)}.rz-s3{stop-color:var(--rz3,#fff59a)}
:root[data-pal="ultra"]{--rz1:#ff3ea5;--rz2:#ff6ab9;--rz3:#ffc2e2}
:root[data-pal="monitor"]{--rz1:#2452ff;--rz2:#3d45ff;--rz3:#7a5cff}
.rz-wm .rz-l,.rz-wm .rz-r,.rz-wm .rz-b{transform-box:view-box;will-change:transform}
.rz-go .rz-b{animation:rzB .95s both}
.rz-go .rz-l{animation:rzL .95s both}
.rz-go .rz-r{animation:rzR .95s both}
@keyframes rzB{0%{transform:translate(620px,-610px);opacity:0;filter:brightness(1);animation-timing-function:cubic-bezier(.5,0,.9,.4)}
  12%{opacity:1}30%{transform:translate(0,0);filter:brightness(1.9);animation-timing-function:cubic-bezier(.2,1.6,.4,1)}
  44%{transform:translate(-26px,26px);filter:brightness(1.15)}100%{transform:none;filter:brightness(1)}}
@keyframes rzL{0%,29%{transform:none}38%{transform:translate(-46px,45px);animation-timing-function:cubic-bezier(.3,1.7,.5,1)}100%{transform:none}}
@keyframes rzR{0%,29%{transform:none}38%{transform:translate(46px,-45px);animation-timing-function:cubic-bezier(.3,1.7,.5,1)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){.rz-go .rz-b,.rz-go .rz-l,.rz-go .rz-r{animation:none}}
.side .logo{--rz-h:24px}.auth .logo{--rz-h:30px}

/* ===== свёрнутая боковая панель ===== */
.shell{transition:grid-template-columns .22s cubic-bezier(.3,.8,.3,1)}
.side-acts{display:flex;gap:6px;align-items:center}
.side-tg{width:36px;height:36px;border-radius:11px;border:1px solid var(--line);background:transparent;color:var(--mute);display:grid;place-items:center;cursor:pointer}
.side-tg:hover,.bell:hover{color:var(--fg);background:var(--bg2)}
.side-tg svg{width:18px;height:18px;transition:transform .2s}
.logo-mini{display:none;border-radius:8px}
@media (min-width:901px){
  .shell.mini{--side:76px}
  .shell.mini .side{padding-inline:12px;overflow:hidden}
  .shell.mini .side-top{flex-direction:column;gap:10px}
  .shell.mini .side-acts{flex-direction:column}
  .shell.mini .side-tg svg{transform:scaleX(-1)}
  .shell.mini .logo{padding:0}.shell.mini .logo .rz-wm{display:none}.shell.mini .logo-mini{display:block}
  .shell.mini .side>.btn-hot{font-size:0;gap:0;padding:12px 0;justify-content:center}
  .shell.mini .side>.btn-hot svg{width:20px;height:20px}
  .shell.mini .nav a{font-size:0;gap:0;justify-content:center;padding:11px 0}
  .shell.mini .nav a svg{width:20px;height:20px;flex:none}
  .shell.mini .nav a .nsoon{display:none}
  .shell.mini .side .lbl,.shell.mini .side .jobs{display:none}
  .shell.mini .me{background:transparent;box-shadow:none}
  .shell.mini .me-top{grid-template-columns:1fr;justify-items:center;padding:6px 0}
  .shell.mini .me-n,.shell.mini .me-dots{display:none}
  .shell.mini .me-bal{padding:8px 4px;border-top:0;justify-items:center;text-align:center}
  .shell.mini .me-bal .mute{display:none}.shell.mini .me-bal .n{font-size:15px}
}
@media (max-width:900px){.side-tg{display:none}}

/* ===== фирменные значки и строки площадок: вход, настройки, боты ===== */
.bico{width:36px;height:36px;border-radius:10px;display:inline-grid;place-items:center;color:#fff;flex:none;font-weight:800;font-size:13px}
.bico svg{width:58%;height:58%}
.b-vk{background:#0077ff}.b-telegram{background:#2aabee}.b-yandex{background:#fc3f1d}.b-mailru{background:#005ff9}
.b-google{background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.b-google svg{width:54%;height:54%}
.oauth .bico{width:22px;height:22px;border-radius:7px}.oauth .bico svg{width:62%;height:62%}
.bot-ico.bico{width:22px;height:22px;border-radius:7px}
.pl-list{display:grid;margin-top:2px}
.pl-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.pl-row:last-child{border-bottom:0;padding-bottom:0}
.pl-row b{display:block;font-size:15px}
.pl-row small{display:flex;align-items:center;gap:6px;color:var(--dim);font-size:12.5px;margin-top:2px;overflow-wrap:anywhere}
.pl-row small i{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.pl-row small.on{color:var(--ok)}.pl-row small.bad{color:var(--bad)}
.pl-row .btn{flex:none}

/* ===== онлайн-оплата ===== */
.pay-sum{display:flex;align-items:baseline;justify-content:space-between;padding:14px 16px;border-radius:14px;background:var(--bg-deep);box-shadow:inset 0 0 0 1px var(--line2)}
.pay-sum b{font-family:var(--f-display);font-size:30px;letter-spacing:-.04em}
.pay-ways{font-size:12.5px;margin:0}

/* ===== советы о других сервисах: тише обычной подсказки ===== */
.eco-tip{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--line);font-size:14px;line-height:1.5}
.eco-tip>i{width:8px;height:8px;border-radius:50%;background:var(--c);flex:none;margin-top:7px;opacity:.8}
.eco-tip p{margin:0;flex:1;color:var(--mute)}
.eco-tip a{color:var(--fg);white-space:nowrap}
.eco-tip .ic{flex:none;opacity:.55}.eco-tip .ic:hover{opacity:1}
.eco-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.eco-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font:700 16px var(--f-display);color:#fff;background:var(--c);flex:none}
.eco-adm{display:grid;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}

/* ===== навигация управления: разделы + вкладки ===== */
.anav{display:grid;gap:4px}
.asub{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);margin-top:6px}
.asub::-webkit-scrollbar{display:none}
.asub button{flex:none;background:none;border:0;color:var(--mute);font:500 14px var(--f-body);padding:10px 14px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.asub button:hover{color:var(--fg)}
.asub button[aria-selected="true"]{color:var(--fg);border-bottom-color:var(--hot)}
@media (max-width:700px){.asub{margin-inline:-16px;padding-inline:12px}}
.code-in{font:600 24px var(--f-mono);letter-spacing:.5em;text-align:center}
.ud-plan{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end}
@media (max-width:520px){.ud-plan{grid-template-columns:1fr 1fr}.ud-plan .btn{grid-column:1/-1}}
@media (max-width:900px){.tk-main:has(> .tk-empty:only-child){display:none}}
.ed-st{font:500 12px var(--f-mono);color:var(--dim);white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.ed-st::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok)}
.ed-st[data-s="saving"]::before{background:var(--warn)}.ed-st[data-s="err"]{color:var(--bad)}.ed-st[data-s="err"]::before{background:var(--bad)}

/* ===== первая нарезка ===== */
.first-run{display:grid;gap:14px;padding:clamp(20px,4vw,40px);max-width:860px}
.first-run h2{font-size:clamp(22px,3vw,32px);margin:0;letter-spacing:-.03em}
.eyebrow-s{font:500 12px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--hot)}
.fr-drop{display:flex;gap:8px}.fr-drop .input{flex:1;min-width:0;height:52px;font-size:16px}.fr-drop .btn{height:52px;padding-inline:22px}
.fr-steps{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:f}
.fr-steps li{counter-increment:f;display:grid;gap:4px;padding:14px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--line)}
.fr-steps li::before{content:counter(f);font:600 13px var(--f-mono);color:var(--hot)}
.fr-steps b{font-size:15px}.fr-steps span{color:var(--mute);font-size:13px}
@media (max-width:700px){.fr-steps{grid-template-columns:1fr}.fr-drop{flex-direction:column}}
.agsel{display:none}
@media (max-width:700px){.agsel{display:block;height:46px;font-weight:600}.anav{display:none}}

.eco-logo{width:36px;height:36px;border-radius:10px;flex:none}

/* ===== Тариф и минуты ===== */
.bl-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.9fr);gap:0;padding:0;overflow:hidden;position:relative}
.bl-hero>div{padding:24px 26px;display:grid;gap:12px;align-content:start}
.bl-hero>div+div{border-left:1px solid var(--line)}

.bl-eye{font:500 13.5px var(--f-body);color:var(--dim)}
.bl-low{color:var(--warn);font-weight:600}
.bl-num{display:flex;align-items:baseline;gap:10px}.bl-num b{font:700 clamp(44px,5vw,60px)/1 var(--f-display);letter-spacing:-.01em}.bl-num span{color:var(--mute)}
.bl-bar{height:8px;border-radius:99px;background:var(--bg3);overflow:hidden}.bl-bar i{display:block;height:100%;border-radius:inherit;background:var(--cut)}
.bl-facts{margin:0;font-size:13.5px;color:var(--mute);line-height:1.5}
.bl-pname{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.bl-pname b{font:700 26px var(--f-display);letter-spacing:0}.bl-pname span{color:var(--mute);font-size:14px}
.bl-dl{margin:0;display:grid;gap:8px}.bl-dl div{display:flex;justify-content:space-between;gap:10px;font-size:14px;border-bottom:1px dashed var(--line);padding-bottom:8px}.bl-dl div:last-child{border:0}
.bl-dl dt{color:var(--dim)}.bl-dl dd{margin:0;font-weight:600}
.bl-act{background:linear-gradient(160deg,rgb(var(--a1) / .07),transparent 60%)}
.bl-act .btn-hot{width:100%;height:48px}.bl-hint{font-size:12.5px;color:var(--dim);text-align:center;margin-top:-6px}
.bl-act .btn-ghost{justify-self:stretch}
.bl-promo summary{cursor:pointer;font-size:13.5px;color:var(--mute);list-style:none}.bl-promo summary::-webkit-details-marker{display:none}.bl-promo summary::before{content:"+ "}
.bl-sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}.bl-sec-h h2{margin:0}.bl-sec-h .dim{font-size:13.5px}
.bl-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.bl-pc{position:relative;display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:20px;background:var(--bg2);box-shadow:var(--key)}
.bl-pc.pop{background:linear-gradient(180deg,rgb(var(--a1) / .08),var(--bg2) 55%);box-shadow:inset 0 0 0 1px rgb(var(--a1) / .45),0 24px 60px -36px rgb(var(--a1) / .6)}
.bl-pc.me{box-shadow:inset 0 0 0 2px var(--hot)}
.bl-tag{position:absolute;top:18px;right:18px;font:600 12px var(--f-body);padding:5px 10px;border-radius:99px;background:var(--bg3);color:var(--fg)}
.bl-tag.me,.bl-pc.pop .bl-tag{background:var(--cut);color:var(--on-a)}
.bl-pc h3{margin:0;font-size:17px}
.bl-price{display:flex;align-items:baseline;gap:6px}.bl-price b{font:700 40px/1 var(--f-display);letter-spacing:-.01em}.bl-price span{color:var(--mute);font-size:14px}
.bl-min{font-size:15px;display:grid;gap:3px}.bl-min b{color:var(--hot)}.bl-min small{color:var(--dim);font-size:13px}
.bl-pc ul{list-style:none;margin:0;padding:14px 0 0;border-top:1px solid var(--line);display:grid;gap:9px;flex:1;font-size:14px;color:var(--mute)}
.bl-pc li{display:grid;grid-template-columns:18px 1fr;gap:6px}.bl-pc li::before{content:"";width:6px;height:10px;margin:4px 0 0 4px;border:solid var(--ok);border-width:0 2px 2px 0;transform:rotate(45deg)}
.bl-pc .btn{width:100%}.bl-cur{text-align:center;color:var(--dim);font-size:14px;padding:10px}
.bl-faq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.bl-faq div{padding:18px;border-radius:16px;box-shadow:inset 0 0 0 1px var(--line);display:grid;gap:6px;align-content:start}.bl-faq b{font-size:15px}.bl-faq p{margin:0;color:var(--mute);font-size:13.5px;line-height:1.55}
.bl-hist{padding:0;overflow:hidden}
.bl-tabs{display:flex;gap:4px;padding:10px 12px 0;border-bottom:1px solid var(--line)}
.bl-tabs button{background:none;border:0;color:var(--mute);font:500 14px var(--f-body);padding:10px 14px;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer}
.bl-tabs button[aria-selected="true"]{color:var(--fg);border-bottom-color:var(--hot)}
#bl-h{padding:6px 18px 14px}#bl-h>p{padding:12px 0}
.bl-rows{display:grid;max-height:440px;overflow:auto}
.bl-r{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.bl-r:last-child{border:0}
.bl-r .grow{min-width:0;font-size:14px}.bl-r small{display:block;color:var(--dim);font-size:12.5px;margin-top:2px}
.bl-r>b{font:600 14px var(--f-body);white-space:nowrap}.bl-r>b.plus{color:var(--ok)}
.bl-dot{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none;font:700 14px var(--f-mono);background:var(--bg3);color:var(--mute)}
.bl-dot.p{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}
@media (max-width:1100px){.bl-hero{grid-template-columns:1fr 1fr}.bl-act{grid-column:1/-1;border-left:0!important;border-top:1px solid var(--line)}.bl-hero::before{display:none}}
@media (max-width:900px){.bl-plans,.bl-faq{grid-template-columns:1fr}}
@media (max-width:640px){.bl-hero{grid-template-columns:1fr}.bl-hero>div+div{border-left:0;border-top:1px solid var(--line)}}

/* ===== окно оплаты ===== */
.modal .card.pz-card{width:min(560px,100%);padding:0!important;gap:0;overflow:auto;max-height:calc(100dvh - 32px);position:relative;overscroll-behavior:contain}
.pz-x{position:absolute;right:14px;top:14px;z-index:2}
.pz-h{position:relative;padding:22px 28px 18px;display:grid;gap:6px;overflow:hidden;background:radial-gradient(120% 140% at 0% 0%,rgb(var(--a1) / .16),transparent 55%),radial-gradient(90% 120% at 100% 0%,rgb(var(--a2) / .18),transparent 60%);border-bottom:1px solid var(--line)}
.pz-eye{font:500 13px var(--f-body);color:var(--dim)}.pz-eye b{color:var(--warn)}
.pz-h h2{margin:0;font-size:clamp(22px,3vw,28px);padding-right:36px}.pz-h p{margin:0;color:var(--mute);font-size:14px;max-width:44ch}
.pz-blade{position:absolute;right:-30px;top:-40px;width:14px;height:190px;background:var(--cut);transform:rotate(44deg);border-radius:4px;opacity:.85;box-shadow:0 0 40px rgb(var(--a1) / .5)}
.pz-b{padding:18px 28px 22px;display:grid;gap:14px}.pz-b .err:empty{display:none}
.pz-tiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pz-tier{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:2px;align-items:baseline;text-align:left;padding:14px 12px 12px;border:0;border-radius:16px;background:var(--bg-deep);box-shadow:inset 0 0 0 1px var(--line2);color:var(--fg);cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}
.pz-tier:hover{transform:translateY(-2px)}
.pz-tier b{font:700 26px/1 var(--f-display);letter-spacing:0}.pz-tier small{color:var(--dim);font-size:12.5px;grid-column:1}.pz-tier b{grid-column:1;grid-row:1}.pz-tp{grid-column:2;grid-row:1}.pz-tier em{grid-column:2;grid-row:2;text-align:right}.pz-save{grid-column:1/-1}
.pz-tp{font-weight:600;font-size:16px;text-align:right}.pz-tier em{font:normal 400 12.5px var(--f-body);color:var(--mute)}.pz-save{font-style:normal;font:500 12.5px var(--f-body);color:var(--ok)}
.pz-best{position:absolute;top:-8px;left:10px;font:600 9.5px var(--f-mono);letter-spacing:.04em;text-transform:uppercase;padding:3px 7px;border-radius:99px;background:var(--ok);color:#06180c;white-space:nowrap}.pz-tiers{padding-top:6px}
.pz-tier[aria-pressed="true"]{background:linear-gradient(160deg,rgb(var(--a1) / .16),var(--bg-deep) 70%);box-shadow:inset 0 0 0 2px var(--hot)}.pz-tier[aria-pressed="true"]::after{content:"";position:absolute;right:8px;bottom:8px;width:18px;height:18px;border-radius:50%;background:var(--hot) url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M6 12.5l4 4 8-9%27 fill=%27none%27 stroke=%27%2314110a%27 stroke-width=%273%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") center/12px no-repeat}
.pz-own{display:grid;gap:8px}
.pz-own-h{display:flex;justify-content:space-between;align-items:center;font-size:14px}
.pz-own-v{display:inline-flex;align-items:center;gap:6px;color:var(--mute)}
.pz-n{width:84px;height:38px;border-radius:10px;border:0;box-shadow:inset 0 0 0 1px var(--line2);background:var(--bg-deep);color:var(--fg);font:600 16px var(--f-body);text-align:center}
.pz-n:focus{outline:0;box-shadow:inset 0 0 0 2px var(--hot)}
.pz-n::-webkit-outer-spin-button,.pz-n::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pz-n{-moz-appearance:textfield}
.pz-rng{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:99px;background:linear-gradient(90deg,var(--hot) var(--p,0%),var(--bg3) var(--p,0%));outline:0}
.pz-rng::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--fg);box-shadow:0 0 0 4px rgb(var(--a1) / .35);cursor:grab}
.pz-rng::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:var(--fg);box-shadow:0 0 0 4px rgb(var(--a1) / .35)}
.pz-rng-l{display:flex;justify-content:space-between;font:400 12px var(--f-body);color:var(--dim)}
.pz-swap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}
.pz-swap>div{padding:14px;border-radius:14px;background:var(--bg-deep);box-shadow:inset 0 0 0 1px var(--line2);display:grid;gap:2px}
.pz-swap>div.to{box-shadow:inset 0 0 0 2px var(--hot)}
.pz-swap small{font:500 12.5px var(--f-body);color:var(--dim)}.pz-swap b{font:700 18px var(--f-display)}.pz-swap span{font-size:13px;color:var(--mute)}
.pz-swap>i{font-style:normal;color:var(--hot);font-size:20px}
.pz-feat{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px;color:var(--mute)}
.pz-feat li{display:grid;grid-template-columns:18px 1fr;gap:6px}.pz-feat li::before{content:"";width:6px;height:10px;margin:4px 0 0 4px;border:solid var(--ok);border-width:0 2px 2px 0;transform:rotate(45deg)}
.pz-rc{border-radius:16px;background:var(--bg-deep);box-shadow:inset 0 0 0 1px var(--line2);padding:14px 16px}
.pz-rc dl{margin:0;display:grid;gap:7px}
.pz-rc dl div{display:flex;align-items:baseline;gap:8px;font-size:13.5px}
.pz-rc dt{color:var(--dim);white-space:nowrap}.pz-rc dl div::after{content:"";order:1;flex:1;border-bottom:1px dotted var(--line2);transform:translateY(-3px)}
.pz-rc dd{margin:0;order:2;font-weight:500;white-space:nowrap}.pz-rc dd.ok{color:var(--ok)}
.pz-tot{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;padding-top:10px;border-top:1px solid var(--line2)}
.pz-tot span{font:500 14px var(--f-body);color:var(--mute)}
.pz-tot b{font:700 30px/1 var(--f-display);letter-spacing:0}
.pz-up{border:0;background:color-mix(in srgb,var(--ok) 12%,transparent);color:var(--ok);font:500 13.5px var(--f-body);padding:10px 14px;border-radius:12px;cursor:pointer;text-align:left;margin-top:-4px}
.pz-em{display:grid;gap:6px;font-size:13px;color:var(--mute)}
.pz-go{width:100%;height:54px;font-size:16px;border-radius:14px}.pz-go span{transition:transform .2s;display:inline-block}.pz-go:hover span{transform:translateX(4px)}
.pz-trust{margin:0;font-size:13px;color:var(--mute)}
.pz-trust svg{width:13px;height:13px;vertical-align:-2px}
.pz-m{display:flex;gap:5px;margin-left:auto}.pz-m i{font-style:normal;font:500 11px var(--f-mono);padding:4px 8px;border-radius:99px;box-shadow:inset 0 0 0 1px var(--line2);color:var(--mute)}
.pz-legal{margin:0;font-size:12px;color:var(--dim);line-height:1.5}
@media (max-width:560px){.pz-tiers{grid-template-columns:1fr}.pz-h,.pz-b{padding-inline:18px}.pz-m{margin-left:0}.pz-swap{grid-template-columns:1fr}.pz-swap>i{transform:rotate(90deg);justify-self:center}}

/* ===== вход, коды, пароли ===== */
.f-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.f-row a{font-size:13px;font-weight:500}
.pw{position:relative;display:block}.pw .input{width:100%;padding-right:46px}
.pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:none;color:var(--dim);border-radius:9px;cursor:pointer;display:grid;place-items:center}
.pw-eye:hover,.pw-eye.on{color:var(--fg)}.pw-eye svg{width:18px;height:18px}
.otp{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-width:360px}
.otp input{height:56px;min-width:0;text-align:center;font:700 24px var(--f-display);color:var(--fg);background:var(--bg-deep);border:0;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line2);caret-color:var(--hot);transition:box-shadow .15s}
.otp input:focus{outline:0;box-shadow:inset 0 0 0 2px var(--hot)}.otp input.f{box-shadow:inset 0 0 0 1px var(--mute)}
.otp.bad input{box-shadow:inset 0 0 0 2px var(--bad)!important;animation:otpShake .35s}
@keyframes otpShake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.linkbtn{background:none;border:0;padding:0;color:var(--hot);font:500 14px var(--f-body);cursor:pointer;text-align:left}.linkbtn:disabled{color:var(--dim);cursor:default}
.otp-foot{display:grid;gap:6px;font-size:13px}
.vg-card{max-width:440px!important}
.vg{display:grid;gap:14px;justify-items:start}
.vg-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--cut);color:var(--on-a);font-size:22px}.vg-ic svg{width:24px;height:24px}
.vg h2{margin:0}.vg .otp{width:100%}.vg-mail{width:100%}#vg-open{width:100%}#vg-open:empty{display:none}
.vg-help{font-size:13px;margin:0}.vg-out{font-size:13px}#vg-chbox{width:100%}
@media (max-width:420px){.otp{gap:6px}.otp input{height:50px;font-size:21px}}
div.f{display:grid;gap:6px;font-size:13px;color:var(--mute)}div.f>span{font-weight:500}
.auth .err:empty,.vg .err:empty,#af .err:empty{display:none}

/* ===== редактор: выделение объектов в кадре (как в CapCut) ===== */
.hdl{pointer-events:auto;touch-action:none}
.hdl.dragging,.hdl.dragging *{cursor:grabbing!important}
.hbox{position:absolute;border:1.5px solid transparent;border-radius:6px;cursor:pointer;touch-action:none;transition:border-color .12s,background-color .12s}
.hbox:hover{border-color:rgba(255,255,255,.75);border-style:dashed;background:rgba(255,255,255,.04)}
.hbox.on{border:1.5px solid rgb(var(--a1));border-style:solid;background:none;box-shadow:0 0 0 1px rgba(0,0,0,.45),inset 0 0 0 1px rgba(0,0,0,.25);cursor:move}
.hbox.on::before,.hbox.on::after{content:"";position:absolute;width:7px;height:7px;background:#fff;border-radius:2px;box-shadow:0 0 0 1.5px rgb(var(--a1))}
.hbox.on::before{left:-4px;top:-4px}.hbox.on::after{right:-4px;top:-4px}
.hbox b{position:absolute;left:-1.5px;bottom:calc(100% + 4px);font:600 10.5px var(--f-body);color:#14110a;background:rgb(var(--a1));padding:2px 7px;border-radius:5px;white-space:nowrap;pointer-events:none}
.hbox i{position:absolute;right:-8px;bottom:-8px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px rgb(var(--a1)),0 1px 4px rgba(0,0,0,.5);cursor:nwse-resize}
.hbox i::before{content:"";position:absolute;inset:-8px}
.hbox.k-fx.on{border-style:solid}
.vguide.hz{left:0;right:0;top:50%;bottom:auto;width:auto;height:0;border-left:0;border-top:1px dashed rgb(var(--a2))}
.htb{position:absolute;z-index:3;display:flex;gap:2px;padding:3px;border-radius:11px;background:rgba(12,14,28,.94);box-shadow:0 0 0 1px rgba(255,255,255,.1),0 8px 24px -6px rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);white-space:nowrap}
.htb button{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:44px;padding:5px 7px 4px;border:0;border-radius:8px;background:none;color:#f2f3fa;font:500 10.5px var(--f-body);cursor:pointer}
.htb button:hover{background:rgba(255,255,255,.1)}.htb button svg{width:16px;height:16px}
.htb button[data-act="del"]:hover,.htb button[data-act="hide"]:hover{color:#ff8a8a}
.hedit{position:absolute;z-index:4;padding:8px;border-radius:12px;background:rgba(10,12,24,.95);box-shadow:0 0 0 2px rgb(var(--a1)),0 10px 30px -8px rgba(0,0,0,.8)}
.hedit textarea{display:block;width:100%;min-height:44px;resize:none;border:0;outline:0;background:none;color:#fff;font:600 15px/1.35 var(--f-body);padding:2px 2px 6px}
.he-f{display:flex;align-items:center;gap:6px;font-size:10.5px;color:rgba(255,255,255,.55)}.he-f span{flex:1;min-width:0}
.he-f button{border:0;border-radius:7px;padding:5px 10px;font:600 12px var(--f-body);background:rgba(255,255,255,.1);color:#fff;cursor:pointer}
.he-f button.on{background:rgb(var(--a1));color:#14110a}
.he-e{margin:6px 0 0;font-size:11.5px;line-height:1.35;color:#ff9b9b}.he-e:empty{display:none}
.rpanel.flash{animation:rpFlash .7s}
@keyframes rpFlash{0%{box-shadow:inset 0 0 0 2px rgb(var(--a1))}100%{box-shadow:inset 0 0 0 2px transparent}}
/* таймлайн: блоки хука и надписей двигаются и тянутся за края */
.trk .bk.mv{cursor:grab;padding:0 9px;touch-action:none}.trk .bk.mv.drag{cursor:grabbing;outline:2px solid var(--fg);z-index:2}
.trk .bk em{font-style:normal;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1;pointer-events:none}
.trk .bk .eg{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize}
.trk .bk .eg.l{left:0}.trk .bk .eg.r{right:0}
.trk .bk .eg::after{content:"";position:absolute;top:28%;bottom:28%;left:3px;width:2px;border-radius:2px;background:rgba(16,18,42,.45);opacity:0;transition:opacity .12s}
.trk .bk.mv:hover .eg::after,.trk .bk.sel .eg::after{opacity:1}
/* нижняя панель: статус сохранения и клавиши — здесь, чтобы шапка не прыгала */
.tl-bar .ed-st{min-width:96px;justify-content:flex-end}
.tl-kb{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--dim);font:500 12px var(--f-body);padding:4px 8px;border-radius:8px;cursor:pointer}
.tl-kb:hover{background:var(--bg3);color:var(--fg)}.tl-kb svg{width:16px;height:16px}
.tl-hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}

/* ===== шпаргалка по клавишам ===== */
.modal .card.kb-card{width:min(880px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:24px 26px;gap:18px}
.kb-h{display:flex;align-items:center;gap:14px}.kb-h>div{flex:1;min-width:0}.kb-h h2{margin:0}.kb-h p{margin:3px 0 0;font-size:13.5px}
.kb-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgb(var(--a1)/.14);color:rgb(var(--a1));flex:none}.kb-ic svg{width:22px;height:22px}
.kb-g{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.kb-s h3{margin:0;font-size:15px}.kb-s>p{margin:2px 0 8px;font-size:12.5px}
.kb-l{display:grid}
.kb-r{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--line)}.kb-r:last-child{border-bottom:0}
.kb-d{font-size:14px;color:var(--fg);min-width:0}.kb-d small{display:block;font-size:12px;color:var(--dim);margin-top:1px}
.kb-k{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end;flex:none;max-width:60%}
.kb-c{display:inline-flex;align-items:center;gap:3px}
.kb-k kbd{display:inline-grid;place-items:center;min-width:27px;height:27px;padding:0 7px;border-radius:7px;font:600 12.5px var(--f-body);color:var(--fg);background:var(--bg3);box-shadow:inset 0 -2px 0 rgba(0,0,0,.28),0 0 0 1px var(--line2);white-space:nowrap}
.kb-k kbd.w{padding:0 9px;font-size:12px}
.kb-p{color:var(--dim);font-size:11px}
.kb-w{color:var(--dim);font-size:12px;margin:0 2px}
@media (max-width:760px){.kb-g{grid-template-columns:1fr;gap:20px}.modal .card.kb-card{padding:20px 18px}}
.hdl:not(.dragging) .hbox.on b{display:none}
.vwrap>.htb{z-index:6}
.htb-t{display:none}
.htb.side{flex-direction:column;padding:4px;gap:2px}
.htb.side .htb-t{display:block;font:600 10.5px var(--f-body);color:rgb(var(--a1));text-align:center;padding:4px 4px 3px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:2px}
.htb.side button{flex-direction:row;justify-content:flex-start;gap:8px;padding:7px 10px;font-size:12.5px;min-width:112px}
.vwrap>.htb{position:absolute;align-self:start;justify-self:start;height:auto}

/* окно оплаты: срок месяц / год */
.pz-per{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:14px;background:var(--bg-deep);box-shadow:inset 0 0 0 1px var(--line)}
.pz-per button{border:0;border-radius:10px;padding:10px 12px;background:none;color:var(--mute);font:600 14px var(--f-body);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,color .2s}
.pz-per button[aria-pressed="true"]{background:var(--bg3);color:var(--fg);box-shadow:0 1px 0 rgba(255,255,255,.04),0 4px 14px -6px rgba(0,0,0,.5)}
.pz-per i{font-style:normal;font-size:12px;padding:2px 7px;border-radius:999px;background:var(--cut);color:var(--on-a)}

.ap-sum{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:rgb(var(--a1)/.07);box-shadow:inset 0 0 0 1px rgb(var(--a1)/.25);font-size:14px}.ap-sum:empty{display:none}.ap-sum svg{width:18px;height:18px;color:rgb(var(--a1));flex:none}