/* [v1725] «Инструменты стримера» (/tools/ и /tools/<slug>/). Временное оформление до макетов владельца:
   Rubik (шрифт сайта), фиолетовый #5B3FA0, красный #E31E2A, фон #F8F7FC; тёмная тема — html.sp-dark. */
.sp-tools{--st-p:#5B3FA0;--st-ph:#402C77;--st-r:#E31E2A;--st-ink:#1B1730;--st-mut:#6E6A85;--st-line:#E6E2F1;--st-card:#fff;--st-bg:#F8F7FC;--st-lav:#F1EEFB;--st-sh:0 1px 2px rgba(27,23,48,.04),0 10px 28px -18px rgba(64,44,119,.25);color:var(--st-ink);padding-bottom:32px;font-family:Rubik,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
html.sp-dark .sp-tools{--st-p:#B9A6FF;--st-ph:#D3C7FF;--st-r:#FF6B73;--st-ink:#EEEAF8;--st-mut:#A9A2C2;--st-line:#3A3254;--st-card:#1E1A2B;--st-bg:#16131F;--st-lav:#251F36;--st-sh:0 1px 2px rgba(0,0,0,.3),0 10px 28px -18px rgba(0,0,0,.6)}
.sp-tools *,.sp-tools *::before,.sp-tools *::after{box-sizing:border-box}
.sp-tools h1,.sp-tools h2,.sp-tools h3{color:var(--st-ink);margin:0;letter-spacing:-.01em;font-weight:700}
.spt-head{margin:8px 0 24px}
.spt-head h1{font-size:34px;line-height:1.2}
.spt-lead{margin:10px 0 0;max-width:760px;font-size:17px;line-height:1.55;color:var(--st-mut)}
.spt-sec{margin:0 0 36px}
.spt-sec>h2{font-size:24px;line-height:1.25;margin-bottom:14px}
.spt-sub{margin:-6px 0 16px;color:var(--st-mut);font-size:15px;line-height:1.5}
.spt-note{margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--st-mut)}
.spt-note--c{margin-top:18px}
/* карточки калькуляторов */
.spt-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.sp-tools a.spt-card{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:18px;background:var(--st-card);border:1px solid var(--st-line);box-shadow:var(--st-sh);color:var(--st-ink);text-decoration:none;transition:border-color .15s,transform .15s}
.sp-tools a.spt-card:hover,.sp-tools a.spt-card:focus-visible{border-color:var(--st-p);transform:translateY(-2px);color:var(--st-ink)}
.spt-card__i{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--st-lav);color:var(--st-p);font-size:22px;line-height:1}
.spt-card b{font-size:16px;line-height:1.3}
.spt-card span:last-child{font-size:14px;line-height:1.45;color:var(--st-mut)}
/* каталог сервисов */
.spt-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.spt-cat{padding:18px 20px;border-radius:18px;background:var(--st-card);border:1px solid var(--st-line)}
.spt-cat h3{font-size:18px}
.spt-cat__d{margin:4px 0 10px;font-size:14px;color:var(--st-mut)}
.spt-svc{list-style:none;margin:0;padding:0}
.spt-svc li{padding:8px 0;border-top:1px solid var(--st-line);font-size:14px;line-height:1.45}
.spt-svc li:first-child{border-top:0}
.spt-svc a{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--st-p);text-decoration:none;margin-right:6px}
.spt-svc a:hover{color:var(--st-ph);text-decoration:underline}
.spt-svc a svg{width:13px;height:13px;flex:none}
.spt-svc span{color:var(--st-mut)}
.spt-cat__a{margin:10px 0 0;font-size:14px;color:var(--st-mut)}
.spt-cat__a a,.spt-read a,.spt-text a{color:var(--st-p)}
/* страница инструмента */
.spt-nav{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 18px}
.spt-nav a{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--st-line);background:var(--st-card);color:var(--st-ink);font-size:14px;text-decoration:none;white-space:nowrap}
.spt-nav a span{color:var(--st-p)}
.spt-nav a:hover{border-color:var(--st-p);color:var(--st-ink)}
.spt-nav a.is-on{background:var(--st-p);border-color:var(--st-p);color:#fff}
.spt-nav a.is-on span{color:#fff}
html.sp-dark .spt-nav a.is-on{color:#16131F}html.sp-dark .spt-nav a.is-on span{color:#16131F}
.spt-tool{padding:22px;border-radius:22px;background:var(--st-card);border:1px solid var(--st-line);box-shadow:var(--st-sh);margin-bottom:28px}
.spt-grid2{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:22px;align-items:start}
.spt-f{display:flex;flex-direction:column;gap:6px;min-width:0}
.spt-f label,.spt-lbl{font-size:14px;font-weight:600;margin:8px 0 0;color:var(--st-ink)}
.spt-f label:first-child,.spt-f .spt-lbl:first-child{margin-top:0}
.spt-f small,.spt-hint{font-size:13px;color:var(--st-mut);line-height:1.45}
.sp-tools input[type=text],.sp-tools input[type=number],.sp-tools select,.sp-tools textarea{width:100%;min-height:44px;padding:9px 12px;border-radius:12px;border:1.5px solid var(--st-line);background:var(--st-bg);color:var(--st-ink);font:inherit;font-size:16px;line-height:1.4;box-shadow:none}
.sp-tools textarea{resize:vertical;min-height:200px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px}
.sp-tools input:focus,.sp-tools select:focus,.sp-tools textarea:focus{outline:none;border-color:var(--st-p)}
.sp-tools input:focus-visible,.sp-tools select:focus-visible,.sp-tools textarea:focus-visible{box-shadow:0 0 0 3px rgba(91,63,160,.25)}
.spt-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.spt-pair>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.spt-radios{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:6px;font-size:14px}
.spt-radios label{display:inline-flex;align-items:center;gap:6px;font-weight:400;margin:0}
.spt-chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}
.spt-chips button{height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--st-line);background:var(--st-bg);color:var(--st-ink);font:inherit;font-size:14px;cursor:pointer}
.spt-chips button:hover,.spt-chips button.is-on{border-color:var(--st-p);color:var(--st-p)}
.spt-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;margin-top:12px;border-radius:14px;border:0;background:var(--st-p);color:#fff;font:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:background .15s}
.spt-btn:hover{background:var(--st-ph)}
html.sp-dark .spt-btn{color:#16131F}
.spt-btn[disabled]{opacity:.6;cursor:default}
.spt-btn--ghost{background:var(--st-card);color:var(--st-p);border:1.5px solid var(--st-line);margin-top:0}
.spt-btn--ghost:hover{background:var(--st-lav)}
html.sp-dark .spt-btn--ghost{color:var(--st-p)}
.spt-btn:focus-visible,.spt-chips button:focus-visible,.spt-nav a:focus-visible{outline:2px solid var(--st-p);outline-offset:2px}
.spt-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 8px}
.spt-actions .spt-btn{margin-top:0}
.spt-stat{min-height:20px;margin:8px 0 0;font-size:14px;color:var(--st-mut)}
.spt-err{color:var(--st-r)}
/* результаты */
.spt-res{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:18px;background:var(--st-lav)}
.spt-res>div{display:flex;flex-direction:column;gap:2px}
.spt-res small{font-size:13px;color:var(--st-mut)}
.spt-res b{font-size:24px;line-height:1.25;font-weight:700;color:var(--st-ink);word-break:break-word;font-variant-numeric:tabular-nums}
.spt-res .spt-note{margin-top:4px}
.spt-out{margin-top:18px;padding:16px 18px;border-radius:18px;background:var(--st-lav)}
.spt-out__h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.spt-out__h .spt-btn{min-height:38px;padding:0 14px;font-size:14px}
.spt-win{margin:10px 0 0;padding-left:26px;font-size:20px;font-weight:700;line-height:1.5;word-break:break-all}
.spt-win.is-spin{opacity:.55}
/* мультипросмотр */
.spt-mw-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.spt-mw-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px}
.spt-mw-grid{display:grid;gap:10px;margin-top:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
.spt-mw-grid--0{display:none}
.spt-mw-grid--1{grid-template-columns:minmax(0,1fr)}
.spt-mw-grid--5,.spt-mw-grid--6{grid-template-columns:repeat(3,minmax(0,1fr))}
.spt-mw-cell{display:flex;flex-direction:column;gap:4px;min-width:0}
.spt-mw-cell iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:12px;background:#000}
.spt-mw-cell span{font-size:12px;color:var(--st-mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spt-vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* текст и статьи */
.spt-text{max-width:820px;margin-bottom:24px}
.spt-text p{font-size:16px;line-height:1.65;margin:0 0 12px}
.spt-read{margin-top:18px;padding:16px 18px;border-radius:16px;border:1px solid var(--st-line);background:var(--st-card)}
.spt-read b{display:block;margin-bottom:6px}
.spt-read ul{margin:0;padding-left:20px}
.spt-read li{margin:4px 0;line-height:1.5}
@media (max-width:1199px){.spt-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:991px){.spt-grid2{grid-template-columns:minmax(0,1fr)}.spt-mw-grid--5,.spt-mw-grid--6{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.spt-head h1{font-size:26px}.spt-lead{font-size:16px}.spt-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.spt-cats{grid-template-columns:minmax(0,1fr)}.spt-tool{padding:16px;border-radius:18px}.spt-mw-rows{grid-template-columns:minmax(0,1fr)}.spt-mw-grid,.spt-mw-grid--5,.spt-mw-grid--6{grid-template-columns:minmax(0,1fr)}.spt-nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}}
@media (max-width:480px){.spt-cards{grid-template-columns:minmax(0,1fr);gap:10px}.sp-tools a.spt-card{display:grid;grid-template-columns:40px minmax(0,1fr);gap:2px 12px;padding:14px;align-items:center}.spt-card__i{grid-row:span 2}.spt-mw-row{grid-template-columns:100px minmax(0,1fr)}.spt-res b{font-size:21px}.spt-btn{width:100%}.spt-actions .spt-btn{width:auto;flex:1 1 auto}}
@media (prefers-reduced-motion:reduce){.sp-tools a.spt-card{transition:none}.sp-tools a.spt-card:hover{transform:none}}
/* [v1725.3] «Как это работает», вопросы, режим «Числа» рандомайзера */
.spt-text>h2,.spt-faq>h2{font-size:22px;line-height:1.3;margin:8px 0 12px;color:var(--st-ink)}
.spt-faq{max-width:820px;margin:0 0 28px}
.spt-faq__i{padding:14px 18px;margin:0 0 10px;border-radius:16px;border:1px solid var(--st-line);background:var(--st-card)}
.spt-faq__i h3{font-size:16px;line-height:1.4;font-weight:600;margin:0 0 6px;color:var(--st-ink)}
.spt-faq__i p{font-size:15px;line-height:1.6;margin:0;color:var(--st-mut)}
.spt-f.is-nums textarea,.spt-f.is-nums label[for="spt-rv-in"]{display:none}
#spt-rv-numw[hidden],#spt-rv-kww[hidden]{display:none}
/* [v1726] 12 инструментов: карточки 4×3, цветные значки, появление; ссылка «Все инструменты» сверху страницы инструмента */
@media (min-width:1100px){.spt-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
.spt-card__i{background:var(--c,var(--st-p));background:linear-gradient(135deg,color-mix(in srgb,var(--c,#7C5CFF) 78%,#fff),var(--c,#7C5CFF));color:#fff;box-shadow:0 8px 18px -10px var(--c,#7C5CFF)}
.spt-card__i svg{width:22px;height:22px;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.spt-card:hover .spt-card__i svg{transform:rotate(-10deg) scale(1.12)}
.spt-card:hover,.sp-tools a.spt-card:focus-visible{border-color:var(--c,var(--st-p))}
.spt-cards .spt-card{animation:sptCardIn .5s cubic-bezier(.2,.7,.2,1) both}
.spt-cards .spt-card:nth-child(2){animation-delay:.04s}.spt-cards .spt-card:nth-child(3){animation-delay:.08s}.spt-cards .spt-card:nth-child(4){animation-delay:.12s}
.spt-cards .spt-card:nth-child(5){animation-delay:.16s}.spt-cards .spt-card:nth-child(6){animation-delay:.2s}.spt-cards .spt-card:nth-child(7){animation-delay:.24s}.spt-cards .spt-card:nth-child(8){animation-delay:.28s}
.spt-cards .spt-card:nth-child(9){animation-delay:.32s}.spt-cards .spt-card:nth-child(10){animation-delay:.36s}.spt-cards .spt-card:nth-child(11){animation-delay:.4s}.spt-cards .spt-card:nth-child(12){animation-delay:.44s}
@keyframes sptCardIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.spt-nav--back{margin:4px 0 14px}
.spt-nav--back a.spt-nav__all svg{width:16px;height:16px}
.sp-tools .sp-tstrip{margin-top:8px}
@media (prefers-reduced-motion:reduce){.spt-cards .spt-card{animation:none}.spt-card__i svg{transition:none}}

/* [v1726] donation-fees */
/* [v1726] Калькулятор донатов с комиссией */
.spt-don-tabs{margin:0 0 16px;font-size:15px}
.spt-don-tabs label{font-weight:600}
.spt-don-sec[hidden],#spt-don-methw[hidden]{display:none}
#spt-don-methw{gap:6px}
#spt-don-methw label{margin-top:8px}
.spt-don-rev{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:22px;align-items:end;margin-top:18px;padding-top:16px;border-top:1px solid var(--st-line)}
.spt-don-tax{max-width:320px;margin-top:18px}
@media (max-width:991px){.spt-don-rev{grid-template-columns:minmax(0,1fr);gap:12px}.spt-don-tax{max-width:none}}

/* [v1726] bitrate */
/* [v1726] Битрейт по скорости интернета: список предупреждений и кнопка в блоке результата */
.spt-br-warn{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.spt-br-warn:empty{display:none}
.spt-br-warn li{position:relative;padding:8px 10px 8px 26px;border-radius:12px;background:var(--st-card);border:1px solid var(--st-line);font-size:14px;line-height:1.45;color:var(--st-ink);word-break:break-word}
.spt-br-warn li::before{content:"";position:absolute;left:11px;top:15px;width:7px;height:7px;border-radius:50%;background:var(--st-p)}
.spt-br-warn li.is-bad{border-color:var(--st-r)}
.spt-br-warn li.is-bad::before{background:var(--st-r)}
.spt-res>.spt-actions{flex-direction:row;margin:4px 0 0}
@media (max-width:480px){.spt-res>.spt-actions .spt-btn{width:100%}}

/* [v1726] obs-timer */
/* [v1726] Таймер для OBS: оверлей (.spt-tmr-ov — на странице ?overlay=1 и в предпросмотре) и форма настроек */
.spt-tmr-ov{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:0 3%;overflow:hidden;background:transparent;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;pointer-events:none}
.spt-tmr-box{display:inline-flex;flex-direction:column;align-items:center;max-width:100%;color:#fff;line-height:1.05;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;text-align:center}
.spt-tmr--l{align-items:flex-start;text-align:left;margin-right:auto}
.spt-tmr--r{align-items:flex-end;text-align:right;margin-left:auto}
.spt-tmr-h{font-weight:600;line-height:1.2;margin-bottom:.15em;max-width:100%;overflow-wrap:anywhere}
.spt-tmr-h[hidden]{display:none}
.spt-tmr-t{font-weight:800;letter-spacing:.01em;white-space:nowrap}
.spt-tmr-box.is-end .spt-tmr-t{font-size:.6em;white-space:normal;overflow-wrap:anywhere;max-width:100%}
/* обводка/тень: тёмная по умолчанию, светлая для тёмного текста */
.spt-tmr--sh{text-shadow:0 0 .03em #000,0 0 .03em #000,.02em .02em 0 #000,-.02em -.02em 0 #000,.02em -.02em 0 #000,-.02em .02em 0 #000,0 .04em .12em rgba(0,0,0,.55)}
.spt-tmr--sh.spt-tmr--dk{text-shadow:0 0 .03em #fff,0 0 .03em #fff,.02em .02em 0 #fff,-.02em -.02em 0 #fff,.02em -.02em 0 #fff,-.02em .02em 0 #fff,0 .04em .12em rgba(255,255,255,.5)}
.spt-tmr--bg{padding:.12em .35em;border-radius:.16em;background:rgba(0,0,0,.45)}
.spt-tmr--bg.spt-tmr--dk{background:rgba(255,255,255,.6)}
/* предпросмотр на «шахматке», показывающей прозрачность */
.spt-tmr-pv{position:relative;width:100%;height:180px;border-radius:14px;border:1px solid var(--st-line);overflow:hidden;background-color:#cfcfd6;background-image:linear-gradient(45deg,#9d9daa 25%,transparent 25%),linear-gradient(-45deg,#9d9daa 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#9d9daa 75%),linear-gradient(-45deg,transparent 75%,#9d9daa 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}
html.sp-dark .spt-tmr-pv{background-color:#3a3550;background-image:linear-gradient(45deg,#2a253b 25%,transparent 25%),linear-gradient(-45deg,#2a253b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2a253b 75%),linear-gradient(-45deg,transparent 75%,#2a253b 75%)}
.spt-tmr-pv .spt-tmr-ov{position:absolute}
.spt-tmr-again{align-self:flex-start;min-height:38px;padding:0 14px;font-size:14px;margin-top:8px}
.spt-tmr-w{display:flex;flex-direction:column;gap:6px;min-width:0}
.spt-tmr-w[hidden]{display:none}
.spt-tmr-checks{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px}
.spt-f .spt-tmr-checks label{display:inline-flex;align-items:center;gap:8px;margin:0;font-weight:400}
.spt-tmr-checks input{width:18px;height:18px;margin:0;accent-color:var(--st-p)}
.sp-tools input.spt-tmr-color{width:100%;min-height:44px;padding:4px;border-radius:12px;border:1.5px solid var(--st-line);background:var(--st-bg);cursor:pointer}
.sp-tools input.spt-tmr-url{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;text-overflow:ellipsis}
.spt-tmr-steps{margin:10px 0 0;padding-left:22px;font-size:15px;line-height:1.6}
.spt-tmr-steps li{margin:4px 0}
.sp-tools a.spt-tmr-open,.sp-tools a.spt-tmr-open:hover,.sp-tools a.spt-tmr-open:focus{text-decoration:none;color:var(--st-p)}
@media (max-width:480px){.spt-tmr-again{width:auto}.spt-tmr-pv{border-radius:12px}}

/* [v1726] schedule */
/* [v1726] Расписание стримов */
.spt-sch-sec{margin-top:20px}
.spt-sch-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;margin-bottom:10px}
.spt-sch-bar .spt-radios{margin-top:0}
.spt-sch-days{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
.spt-sch-row{display:grid;grid-template-columns:96px 140px 140px minmax(0,1fr);gap:8px;align-items:center}
.spt-sch-row>div{min-width:0}
.spt-sch-row--h{font-size:13px;font-weight:600;color:var(--st-mut)}
.spt-sch-day{display:flex;align-items:center;gap:10px;margin:0;font-size:15px;font-weight:700;color:var(--st-ink);cursor:pointer}
.spt-sch-day input{width:20px;height:20px;margin:0;flex:none;accent-color:var(--st-p)}
.spt-sch-row.is-off input[type=text]{opacity:.5}
.spt-sch-row.is-off .spt-sch-day{color:var(--st-mut)}
.sp-tools input.spt-sch-bad{border-color:var(--st-r)}
.spt-sch-checks{flex-direction:column;gap:8px;margin-top:10px}
.spt-sch-checks input,.spt-sch-sec .spt-radios input{accent-color:var(--st-p)}
.spt-sch-sw{display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid var(--st-line);flex:none}
.spt-sch-sw--purple{background:linear-gradient(135deg,#3B1F7A,#7A45D8)}
.spt-sch-sw--light{background:#F8F7FC}
.spt-sch-sw--dark{background:#14121C}
.spt-sch-sw--neon{background:#07060D;box-shadow:inset 0 0 0 3px #00F0FF}
.spt-sch-pv{display:flex;flex-direction:column;gap:10px;margin-top:16px;padding:14px;border-radius:18px;background:var(--st-lav)}
.spt-sch-pv canvas{display:block;margin:0 auto;width:auto;height:auto;max-width:100%;max-height:620px;border-radius:10px;box-shadow:0 8px 24px -14px rgba(27,23,48,.5)}
.spt-sch-txt{margin:10px 0 0;padding:0;border:0;background:none;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;font:14px/1.6 ui-monospace,Menlo,Consolas,monospace;color:var(--st-ink)}
@media (max-width:767px){
.spt-sch-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 8px;padding:10px;border:1px solid var(--st-line);border-radius:14px}
.spt-sch-row--h{display:none}
.spt-sch-day,.spt-sch-g{grid-column:1/-1}
.spt-sch-pv canvas{max-height:70vh}
}

/* [v1726] title-check */
/* [v1726] Проверка названия стрима: строки площадок, полоса заполнения, превью обрезки, подсказки */
.spt-ttl-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.spt-ttl-row{--ttl-ok:var(--st-p);--ttl-w:#B7791F;display:flex;flex-direction:column;gap:8px;min-width:0;padding:14px 16px;border-radius:16px;background:var(--st-lav);border:1px solid transparent}
html.sp-dark .spt-ttl-row{--ttl-w:#F2C14E}
.spt-ttl-row.is-warn{border-color:var(--ttl-w)}
.spt-ttl-row.is-over{border-color:var(--st-r)}
.spt-ttl-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.spt-ttl-top b{font-size:16px;color:var(--st-ink)}
.spt-ttl-cnt{font-size:15px;font-weight:600;color:var(--st-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.spt-ttl-bar{height:8px;border-radius:999px;background:var(--st-line);overflow:hidden}
.spt-ttl-bar i{display:block;height:100%;width:0;border-radius:inherit;background:var(--ttl-ok);transition:width .15s}
.spt-ttl-row.is-warn .spt-ttl-bar i{background:var(--ttl-w)}
.spt-ttl-row.is-over .spt-ttl-bar i{background:var(--st-r)}
.spt-ttl-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;font-size:14px;color:var(--st-mut)}
.spt-ttl-row.is-warn .spt-ttl-st{color:var(--ttl-w)}
.spt-ttl-row.is-over .spt-ttl-st{color:var(--st-r)}
.spt-ttl-lim{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.spt-ttl-lim label{font-size:13px;font-weight:600;color:var(--st-ink)}
.sp-tools .spt-ttl-lim input[type=number]{width:80px;min-height:34px;padding:4px 8px}
.spt-ttl-lim small{font-size:12px;color:var(--st-mut);line-height:1.35}
.spt-ttl-pv{margin:0;padding:8px 10px;border-radius:10px;background:var(--st-card);border:1px dashed var(--st-line);font-size:14px;line-height:1.45;color:var(--st-ink);word-break:break-word}
.spt-ttl-tips{margin:14px 0 0;padding:0 0 0 20px;font-size:14px;line-height:1.5;color:var(--st-ink)}
.spt-ttl-tips:empty{display:none}
.spt-ttl-tips li{margin:0 0 6px;word-break:break-word}
@media (max-width:767px){.spt-ttl-list{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.spt-ttl-bar i{transition:none}}

/* [v1726] bot-commands */
/* [v1726] Команды для чат-ботов */
.spt-cmd-h{display:block;margin:18px 0 8px}
.spt-cmd-rows{display:flex;flex-direction:column;gap:8px}
.spt-cmd-row{display:grid;grid-template-columns:minmax(0,200px) minmax(0,150px) minmax(0,1fr);gap:8px;align-items:center}
.spt-cmd-on{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--st-ink);cursor:pointer;min-width:0}
.spt-cmd-on input{width:18px;height:18px;flex:none;accent-color:var(--st-p)}
.spt-cmd-on span{overflow-wrap:anywhere}
.spt-cmd-auto{font-size:13px;line-height:1.45;color:var(--st-mut)}
.spt-cmd-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.spt-cmd-list[hidden],.spt-cmd-notes[hidden]{display:none}
.spt-cmd-list li{padding:10px 12px;border-radius:12px;background:var(--st-card);border:1px solid var(--st-line)}
.spt-cmd-list li.is-long{border-color:var(--st-r)}
.spt-cmd-list code{display:block;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px;line-height:1.5;color:var(--st-ink);background:none;padding:0;white-space:pre-wrap;word-break:break-word}
.spt-cmd-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
.spt-cmd-meta small{font-size:12px;color:var(--st-mut);font-variant-numeric:tabular-nums}
.spt-cmd-meta .spt-btn{min-height:34px;padding:0 12px;font-size:14px;margin-top:0;width:auto}
.spt-cmd-list .spt-err{margin:6px 0 0;font-size:13px}
.spt-cmd-notes{margin:10px 0 0;padding-left:20px;font-size:14px;line-height:1.5;color:var(--st-mut)}
.spt-cmd-notes li{margin:2px 0}
.spt-out__h .spt-btn[disabled]{opacity:.5}
@media (max-width:767px){.spt-cmd-row{grid-template-columns:minmax(0,120px) minmax(0,1fr);padding:10px 0;border-top:1px solid var(--st-line)}.spt-cmd-row:first-child{border-top:0}.spt-cmd-on{grid-column:1/-1}}
@media (max-width:400px){.spt-cmd-row{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.spt-out__h{flex-wrap:wrap}.spt-out__h .spt-btn{width:auto}}

/* [v1726] emote-resizer */
/* [v1726] Эмоуты и значки: размеры (emote-resizer). Превью — на фиксированных цветах чата (светлый #FFFFFF, тёмный #18181B) в обеих темах сайта. */
.sp-tools .spt-f label.spt-emo-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:180px;margin:0;padding:22px 16px;border:2px dashed var(--st-line);border-radius:18px;background:var(--st-bg);text-align:center;cursor:pointer;font-weight:400;transition:border-color .15s,background .15s}
.spt-emo-drop:hover,.spt-emo-drop.is-over,.spt-emo-drop:focus-within{border-color:var(--st-p);background:var(--st-lav)}
.spt-emo-drop:focus-within{box-shadow:0 0 0 3px rgba(91,63,160,.25)}
.spt-emo-drop b{font-size:16px;line-height:1.35;color:var(--st-ink)}
.spt-emo-drop small{max-width:420px}
.spt-emo-drop__i{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:var(--st-lav);color:var(--st-p)}
.spt-emo-drop__i svg{width:22px;height:22px}
.spt-emo-sets{display:flex;flex-direction:column;gap:8px;margin-top:4px;font-size:14px}
.spt-emo-sets label{display:flex;align-items:flex-start;gap:8px;margin:0;font-weight:400;line-height:1.4}
.spt-emo-sets input{margin-top:3px;flex:none}
#spt-emo-all[hidden],.spt-emo-out[hidden],#spt-emo-sq[hidden]{display:none}
.spt-emo-out{display:flex;flex-direction:column;gap:14px;margin:4px 0 14px}
.spt-emo-grp{padding:14px 16px;border-radius:18px;background:var(--st-lav)}
.spt-emo-grp__h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px}
.spt-emo-grp__h b{font-size:17px;color:var(--st-ink)}
.spt-emo-grp__h small{font-size:13px;color:var(--st-mut)}
.spt-emo-grp .spt-note{margin-top:4px}
.spt-emo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:10px}
.spt-emo-card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px;border-radius:14px;background:var(--st-card);border:1px solid var(--st-line)}
.spt-emo-card__s{font-size:15px;color:var(--st-ink);font-variant-numeric:tabular-nums}
.spt-emo-pv{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.spt-emo-pv__light,.spt-emo-pv__dark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:96px;padding:8px;border-radius:10px;overflow:hidden}
.spt-emo-pv__light{background:#FFFFFF;border:1px solid #E6E2F1;color:#53535F}
.spt-emo-pv__dark{background:#18181B;border:1px solid #18181B;color:#ADADB8}
.spt-emo-pv img{display:block;max-width:100%;height:auto;max-height:112px;width:auto}
.spt-emo-pv span{font-size:11px;line-height:1.2}
.spt-emo-w{font-size:13px;font-weight:600;line-height:1.4;padding:4px 8px;border-radius:8px}
.spt-emo-w.is-ok{color:#1E7A3C;background:#E3F5E9}
.spt-emo-w.is-bad{color:#B4141E;background:#FDE7E8}
html.sp-dark .spt-emo-w.is-ok{color:#7EE2A0;background:#173323}
html.sp-dark .spt-emo-w.is-bad{color:#FF9AA0;background:#3A1A1E}
.spt-emo-up{font-size:12px;color:var(--st-mut);line-height:1.4}
.sp-tools a.spt-emo-dl{min-height:38px;padding:0 14px;font-size:14px;text-decoration:none}
@media (max-width:480px){.spt-emo-grid{grid-template-columns:minmax(0,1fr)}.spt-emo-grp{padding:12px}.sp-tools .spt-f label.spt-emo-drop{min-height:150px}}
@media (prefers-reduced-motion:reduce){.spt-emo-drop{transition:none}}
/* [v1726.1] сервисы без ссылок */
.spt-svc__n{font-weight:600;color:var(--st-ink);margin-right:8px}
