/* ZmNx SSH — страница в духе самой программы: чёрная сцена, холодная платина, сталь; золото — только в знаке ZmNx.
   Встроенных стилей и скриптов нет (CSP сайта) — переключатель тем на радиокнопках. */
/* Вид выбирает посетитель (zmnx-ssh.js): обычный — цвета сайта, снимки в прежней теме программы;
   html.sshv-black — вся страница в чёрном, как сама программа. Без JS — обычный. */
.tool-body{
  --k0:#15183d; --k1:var(--card); --k2:var(--card2); --k3:var(--card2);
  --kl:rgba(167,139,250,.16); --kl2:rgba(167,139,250,.3);
  --plat:var(--t); --plat2:var(--sub); --plat3:var(--mute); --ptx:#d6d4f5; --hi:#fff;
  --gold:var(--violet2); --gold2:var(--violet);
  --steel:linear-gradient(180deg,#f3efff 0%,#c4b5fd 100%);
  --champ:linear-gradient(180deg,#e4dcff 0%,#a78bfa 55%,#8b6cf6 100%);
  --kbd:linear-gradient(180deg,#2b2f6e,#1d2050);
}
html.sshv-black .tool-body{
  --k0:#040405; --k1:#0a0a0d; --k2:#111116; --k3:#18181f;
  --kl:rgba(255,255,255,.075); --kl2:rgba(255,255,255,.14);
  --plat:#dfe4ec; --plat2:#a9b1bd; --plat3:#6f7784; --ptx:#cfd3dc;
  --gold:#ead9ae; --gold2:#c8a86b;
  --steel:linear-gradient(180deg,#f6f8fa 0%,#b9c0c9 46%,#7c8591 54%,#e3e7ec 100%);
  --champ:linear-gradient(180deg,#f7ecd0 0%,#e2c88e 48%,#b8955a 56%,#efdcab 100%);
  --kbd:linear-gradient(180deg,#24242b,#151519);
}
.tool-body > .ssh-wide{max-width:none;clear:both;}

/* --- сцена с главным кадром --- */
.ssh-stage{position:relative;margin:34px 0 46px;padding:14px;border-radius:22px;background:var(--k0);
  box-shadow:0 0 0 1px var(--kl),0 40px 90px -40px rgba(0,0,0,.9),0 0 120px -50px rgba(223,228,236,.25);}
.ssh-stage::before{content:"";position:absolute;inset:-1px;border-radius:23px;padding:1px;pointer-events:none;
  background:linear-gradient(140deg,rgba(234,217,174,.55),rgba(223,228,236,.08) 30%,rgba(223,228,236,.04) 70%,rgba(223,228,236,.4));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;}
.ssh-stage figure{margin:0;}
.tool-body > .ssh-stage.narrow{max-width:860px;margin-left:auto;margin-right:auto;}
.prose .ssh-stage img{margin:0;border:0;border-radius:12px;width:100%;}
.ssh-stage figcaption{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;padding:14px 6px 2px;color:var(--plat2);font-size:14px;}
.ssh-pill{display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border-radius:999px;background:var(--k2);
  box-shadow:inset 0 0 0 1px var(--kl2);color:var(--plat);font:500 12.5px/1.4 var(--mono);white-space:nowrap;}
.ssh-pill.gold{color:var(--gold);box-shadow:inset 0 0 0 1px rgba(234,217,174,.35);}
.ssh-pill i{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 8px #34d399;}

/* --- знак, как в шапке программы --- */
.ssh-mark{display:inline-flex;align-items:flex-start;gap:3px;line-height:1;font-family:var(--sans);font-weight:800;letter-spacing:-.035em;user-select:none;}
.ssh-mark b{font-size:44px;background:var(--champ);-webkit-background-clip:text;background-clip:text;color:transparent;}
.ssh-mark i{font-style:normal;font-size:15px;margin-top:2px;letter-spacing:.02em;background:var(--steel);-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:sshglow 9s ease-in-out infinite;}
@keyframes sshglow{0%,70%,100%{filter:none;} 82%{filter:drop-shadow(0 0 6px rgba(223,228,236,.75)) brightness(1.25);}}
@media (prefers-reduced-motion:reduce){.ssh-mark i{animation:none;}}

/* --- чёрная тема --- */
.ssh-black{position:relative;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:34px;align-items:start;
  margin:26px 0 40px;padding:30px;border-radius:24px;background:radial-gradient(700px 320px at 0% 0%,rgba(234,217,174,.07),transparent 60%),var(--k1);
  box-shadow:0 0 0 1px var(--kl),0 30px 80px -40px rgba(0,0,0,.85);}
.ssh-black-text > :first-child{margin-top:0;}
.ssh-black-text h3{margin:18px 0 6px;}
.ssh-black-text p,.ssh-black-text li{color:var(--ptx);}
.ssh-black-text strong{color:var(--plat);}
.ssh-black-text ul{padding-left:0;list-style:none;}
.ssh-black-text li{position:relative;padding-left:22px;margin:9px 0;}
.ssh-black-text li::before{content:"";position:absolute;left:2px;top:.62em;width:9px;height:9px;border-radius:2px;background:var(--steel);box-shadow:0 0 10px rgba(223,228,236,.35);}
.ssh-default{display:flex;align-items:center;gap:14px;margin:6px 0 18px;}
.ssh-default > span:not(.ssh-mark){font:600 12px/1.3 var(--mono);color:var(--plat2);text-transform:uppercase;letter-spacing:.08em;}
.ssh-default > span:not(.ssh-mark) b{display:block;color:var(--gold);font-size:13px;letter-spacing:.04em;}

/* переключатель «Чёрная / Прежняя / Светлая» — без скриптов */
.ssh-themes{position:sticky;top:96px;}
.ssh-themes > input{position:absolute;opacity:0;pointer-events:none;}
.ssh-seg{display:inline-flex;gap:4px;padding:4px;margin-bottom:14px;border-radius:12px;background:var(--k0);box-shadow:inset 0 0 0 1px var(--kl2);}
.ssh-seg label{padding:7px 14px;border-radius:9px;color:var(--plat2);font-weight:600;font-size:14px;cursor:pointer;transition:background .2s,color .2s;}
.ssh-seg label:hover{color:var(--plat);}
#sth-dark:checked ~ .ssh-seg [for=sth-dark],#sth-classic:checked ~ .ssh-seg [for=sth-classic],#sth-light:checked ~ .ssh-seg [for=sth-light]{
  background:linear-gradient(180deg,#2a2b31,#141418);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 0 1px var(--kl2);}
#sth-dark:focus-visible ~ .ssh-seg [for=sth-dark],#sth-classic:focus-visible ~ .ssh-seg [for=sth-classic],#sth-light:focus-visible ~ .ssh-seg [for=sth-light]{outline:2px solid var(--plat2);outline-offset:2px;}
.ssh-frames{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px var(--kl2),0 24px 60px -30px rgba(0,0,0,.9);}
.prose .ssh-frames img{margin:0;border:0;border-radius:0;width:100%;}
.ssh-frames img,.ssh-themes .ssh-cap{display:none;}
#sth-dark:checked ~ .ssh-frames .f-dark,#sth-classic:checked ~ .ssh-frames .f-classic,#sth-light:checked ~ .ssh-frames .f-light{display:block;animation:sshfade .35s ease;}
#sth-dark:checked ~ .c-dark,#sth-classic:checked ~ .c-classic,#sth-light:checked ~ .c-light{display:block;}
.prose .ssh-themes .ssh-cap{margin:12px 2px 0;color:var(--plat2);font-size:14px;}
@keyframes sshfade{from{opacity:.25;}to{opacity:1;}}

/* --- обзор: что внутри --- */
.ssh-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0 38px;}
.prose .ssh-map a{display:flex;flex-direction:column;gap:6px;padding:16px 16px 14px;border-radius:16px;background:var(--k1);color:var(--plat);
  box-shadow:0 0 0 1px var(--kl);transition:transform .2s,box-shadow .2s,background .2s;}
.prose .ssh-map a:hover{transform:translateY(-2px);background:var(--k2);box-shadow:0 0 0 1px var(--kl2),0 18px 40px -24px rgba(0,0,0,.9);color:#fff;}
.ssh-map svg{width:22px;height:22px;color:var(--plat2);}
.ssh-map b{font-size:15.5px;}
.ssh-map small{color:var(--plat3);font-size:13px;line-height:1.4;}

/* --- витрина: кадр + текст --- */
.ssh-group{margin:48px 0 10px;}
.ssh-group h3{display:flex;align-items:center;gap:12px;font-size:22px;margin:0 0 6px;scroll-margin-top:90px;}
.ssh-group h3 .ssh-num{font:600 12px/1 var(--mono);color:var(--plat3);padding:5px 8px;border-radius:7px;box-shadow:inset 0 0 0 1px var(--kl2);}
.ssh-group > p{color:var(--sub);margin:0 0 4px;}
.ssh-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:30px;align-items:center;margin:22px 0;}
.ssh-row.flip{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);}
.ssh-row.flip .ssh-shot{order:2;}
.ssh-row.tall{align-items:start;}
.ssh-shot{margin:0;display:grid;gap:14px;justify-items:center;}
.prose .ssh-shot img{margin:0;border:0;border-radius:14px;width:auto;max-width:100%;background:var(--k0);
  box-shadow:0 0 0 1px var(--kl2),0 26px 60px -30px rgba(0,0,0,.95);}
.prose .ssh-shot.full img{width:100%;}
.ssh-shot figcaption{color:var(--plat3);font-size:13px;text-align:center;}
.ssh-txt > :first-child{margin-top:0;}
.ssh-txt > :last-child{margin-bottom:0;}
.ssh-txt ul{padding-left:0;list-style:none;margin:0;}
.ssh-txt li{position:relative;padding:12px 0 12px 20px;border-bottom:1px solid rgba(255,255,255,.06);}
.ssh-txt li:last-child{border-bottom:0;}
.ssh-txt li::before{content:"";position:absolute;left:0;top:21px;width:8px;height:2px;border-radius:2px;background:var(--plat2);}
.ssh-txt li strong:first-child{color:var(--hi);}

/* мелкие карточки «и ещё» */
.ssh-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 8px;}
.ssh-card{padding:16px 18px;border-radius:16px;background:var(--k1);box-shadow:0 0 0 1px var(--kl);}
.ssh-card b{display:block;color:var(--plat);margin-bottom:4px;}
.ssh-card p{margin:0;color:var(--ptx);font-size:14.5px;line-height:1.55;}
.ssh-card code{font-size:12.5px;}
.ssh-card .ssh-tag{display:inline-block;margin-bottom:8px;font:600 11.5px/1 var(--mono);color:var(--gold);letter-spacing:.04em;}

/* --- горячие клавиши --- */
.ssh-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 28px;margin:20px 0 30px;padding:20px 24px;border-radius:20px;background:var(--k1);box-shadow:0 0 0 1px var(--kl);}
.ssh-keys > div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);}
.ssh-keys em{font-style:normal;color:var(--ptx);font-size:14.5px;}
.ssh-keys span{display:inline-flex;gap:4px;flex:none;}
.ssh-keys kbd{min-width:24px;padding:3px 7px;border-radius:7px;text-align:center;font:500 12px/1.35 var(--mono);color:var(--plat);
  background:var(--kbd);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 1px 0 #000,0 0 0 1px rgba(255,255,255,.08);}

/* реплика ИнКи в тексте (как в справке ZmNx·AI) — здесь на чёрном */
.tool-body .ssh-tip{max-width:780px;}
.prose .ssh-tip p{background:var(--k2);box-shadow:0 0 0 1px var(--kl),0 16px 34px -20px rgba(0,0,0,.6);}
.ssh-tip b{color:var(--gold);}

@media (max-width:980px){
  .ssh-themes{position:relative;top:0;}
  .ssh-black{grid-template-columns:minmax(0,1fr);padding:22px;}
  .ssh-map{grid-template-columns:repeat(2,minmax(0,1fr));}
  .ssh-row,.ssh-row.flip{grid-template-columns:minmax(0,1fr);gap:16px;}
  .ssh-row.flip .ssh-shot{order:0;}
  .ssh-cards,.ssh-keys{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:600px){
  .ssh-stage{padding:8px;border-radius:16px;margin:24px 0 32px;}
  .ssh-black{padding:18px 16px;border-radius:18px;}
  .ssh-map,.ssh-cards,.ssh-keys{grid-template-columns:minmax(0,1fr);}
  .ssh-keys{padding:12px 16px;}
  .ssh-mark b{font-size:34px;}
  .ssh-seg label{padding:7px 10px;font-size:13px;}
}
/* ИнКа в разделах: с ноутбуком — под списком «Чёрной темы», с ключом — у «Ключей» */
.ssh-black-art{align-self:end;display:flex;justify-content:center;}
.prose .ssh-black-art img.sticker.ssh-inka-term{display:block;width:min(340px,100%);margin:0;transform:rotate(-2deg);}
.prose .ssh-shot.full img.sticker.ssh-inka-key{width:170px;max-width:none;margin:0 0 -6px;border-radius:0;background:none;box-shadow:none;transform:rotate(3deg);}
@media (max-width:900px){
  .prose .ssh-black-art img.sticker.ssh-inka-term{width:200px;}
  .prose .ssh-shot.full img.sticker.ssh-inka-key{width:140px;}
}

/* --- обычный / чёрный: что показывать --- */
.tool-body .v-b,.prose .ssh-shot img.v-b{display:none;}
html.sshv-black .tool-body .v-c,html.sshv-black .prose .ssh-shot img.v-c{display:none;}
html.sshv-black .tool-body span.v-b{display:inline-flex;}
html.sshv-black .tool-body img.v-b{display:block;}
html.sshv-black .prose .ssh-shot img.v-b{display:block;}
html.sshv-black .tool-body .ssh-black.v-b{display:grid;}
html.sshv-black .tool-body .ssh-row.v-b{display:grid;}
.ssh-onlyc{display:flex;align-items:center;gap:22px;margin:18px 0 34px;padding:20px 24px;border-radius:18px;background:var(--card);border:1px solid var(--brd);}
.prose .ssh-onlyc p{margin:0;color:var(--sub);}
.ssh-onlyc b{color:var(--t);}
.ssh-onlyc .btn{flex:none;}
html.sshv-black .ssh-onlyc{display:none;}
@media (max-width:700px){.ssh-onlyc{flex-direction:column;align-items:flex-start;}}

/* --- вся страница в чёрном --- */
html.sshv-black{
  --bg:#050506; --bg2:#0a0a0d; --card:#0e0e12; --card2:#16161b; --brd:rgba(255,255,255,.08); --brd2:rgba(255,255,255,.16);
  --t:#eef0f3; --sub:#a9b1bd; --mute:#6f7784;
  --violet:#c8a86b; --violet2:#dfe4ec;
}
html.sshv-black body{background-color:#050506;background-image:radial-gradient(900px 520px at 80% -12%,rgba(223,228,236,.07),transparent 60%),radial-gradient(700px 420px at -10% 30%,rgba(234,217,174,.04),transparent 60%);}
html.sshv-black .site-header{background:rgba(5,5,6,.78);border-bottom-color:rgba(255,255,255,.07);}
html.sshv-black .site-header .brand .glasses-logo{background:linear-gradient(180deg,#2a2b31,#121216);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);}
html.sshv-black .prose code{background:rgba(255,255,255,.07);color:#e6e9ee;}
html.sshv-black .prose.tool-body img:not(.sticker){box-shadow:0 0 0 1px rgba(255,255,255,.1),0 34px 70px -30px rgba(0,0,0,.9);}
html.sshv-black .spot::before{background:radial-gradient(circle at 50% 28%,#3a3c44,#1a1b20 55%,#0a0a0d);
  box-shadow:inset 0 0 0 1.5px rgba(223,228,236,.28),inset 0 -22px 44px rgba(0,0,0,.4),0 20px 50px -20px rgba(223,228,236,.25);}
html.sshv-black .tool-hero::before{background:radial-gradient(closest-side,rgba(223,228,236,.09),transparent);}
/* «Скачать» в чёрном: кнопка — чёрная, сзади золотое свечение, надпись золотом светится изнутри */
html.sshv-black .btn-primary{position:relative;isolation:isolate;background:radial-gradient(120% 140% at 50% 0%,#17140e,#050505 70%);
  border:1px solid rgba(234,217,174,.38);color:#f4e2b2;
  text-shadow:0 0 6px rgba(244,214,140,.85),0 0 16px rgba(226,186,104,.55),0 0 30px rgba(200,150,70,.35);
  box-shadow:inset 0 1px 0 rgba(255,236,190,.12),inset 0 0 18px rgba(226,186,104,.08),0 0 0 1px #000,0 0 22px rgba(226,186,104,.38),0 0 56px -6px rgba(200,150,70,.45);
  animation:sshgold 4.5s ease-in-out infinite;}
html.sshv-black .btn-primary [data-f]{color:#ead9ae;}
@keyframes sshgold{0%,100%{box-shadow:inset 0 1px 0 rgba(255,236,190,.12),inset 0 0 18px rgba(226,186,104,.08),0 0 0 1px #000,0 0 22px rgba(226,186,104,.32),0 0 56px -6px rgba(200,150,70,.38);}
  50%{box-shadow:inset 0 1px 0 rgba(255,236,190,.16),inset 0 0 22px rgba(226,186,104,.12),0 0 0 1px #000,0 0 30px rgba(226,186,104,.52),0 0 80px -4px rgba(210,160,80,.55);}}
@media (prefers-reduced-motion:reduce){html.sshv-black .btn-primary{animation:none;}}
html.sshv-black .btn-primary:hover{color:#fff1cc;background:radial-gradient(120% 140% at 50% 0%,#211b10,#070706 70%);border-color:rgba(244,222,170,.6);
  text-shadow:0 0 8px rgba(255,226,150,.95),0 0 22px rgba(236,196,110,.7),0 0 40px rgba(210,160,80,.45);}
html.sshv-black .card{background:var(--card);border-color:var(--brd);}
html.sshv-black .chip{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:var(--sub);}
html.sshv-black .say{background:#111116;border-color:rgba(255,255,255,.14);color:var(--t);}
html.sshv-black .net-box{background:#0b0b0e;border-color:rgba(255,255,255,.1);}
html.sshv-black .site-footer{background:#030304;border-top-color:rgba(255,255,255,.06);}
html.sshv-black .tcard,html.sshv-black .tc-art.shot{background:#0e0e12;}

/* --- окно выбора: ИнКа слева, ИнКа в чёрном справа --- */
html.ssh-picking body{overflow:hidden;}
.ssh-pick{position:fixed;inset:0;z-index:200;display:grid;place-items:end center;
  background:radial-gradient(60% 80% at 22% 100%,rgba(139,108,246,.35),transparent 70%),radial-gradient(60% 80% at 78% 100%,rgba(223,228,236,.12),transparent 70%),
    linear-gradient(90deg,rgba(19,21,51,.94) 0%,rgba(19,21,51,.9) 42%,rgba(6,6,8,.92) 58%,rgba(4,4,5,.96) 100%);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:sshpickin .35s ease;}
.ssh-pick[hidden]{display:none;}
@keyframes sshpickin{from{opacity:0;}to{opacity:1;}}
.ssh-pick-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px) minmax(0,1fr);align-items:end;gap:10px;width:min(1280px,100%);height:100%;padding:0 24px;}
.ssh-pick-say{align-self:center;text-align:center;padding:26px 26px 22px;border-radius:22px;background:rgba(10,10,14,.6);box-shadow:0 0 0 1px rgba(255,255,255,.1),0 30px 80px -30px rgba(0,0,0,.8);}
.ssh-pick-kicker{margin:0 0 6px;font:600 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sub);}
.ssh-pick-say h2{margin:0 0 12px;font:700 30px/1.15 var(--display);color:var(--t);}
.ssh-pick-say p{color:var(--sub);margin:0 0 10px;}
.ssh-pick-say .ssh-pick-note{font-size:13px;color:var(--mute);margin:0;}
.ssh-pick-side{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;padding:0;border:0;background:none;cursor:pointer;color:inherit;font:inherit;}
.ssh-pick-side img.sticker{float:none;max-height:none;display:block;width:auto;max-width:100%;height:min(82vh,760px);margin:0;border:0;border-radius:0;box-shadow:none;object-fit:contain;object-position:50% 100%;
  filter:drop-shadow(0 18px 40px rgba(0,0,0,.5));transition:transform .25s ease,filter .25s ease;transform-origin:50% 100%;}
.ssh-pick-side:hover img,.ssh-pick-side:focus-visible img{transform:scale(1.035);}
.ssh-pick-side.c:hover img,.ssh-pick-side.c:focus-visible img{filter:drop-shadow(0 0 30px rgba(139,108,246,.55)) drop-shadow(0 18px 40px rgba(0,0,0,.5));}
.ssh-pick-side.b:hover img,.ssh-pick-side.b:focus-visible img{filter:drop-shadow(0 0 30px rgba(223,228,236,.4)) drop-shadow(0 18px 40px rgba(0,0,0,.5));}
.ssh-pick-side:focus-visible{outline:none;}
.ssh-pick-btn{position:absolute;bottom:34px;padding:11px 22px;border-radius:999px;font-weight:700;font-size:15px;white-space:nowrap;transition:transform .2s;}
.ssh-pick-side.c .ssh-pick-btn{background:linear-gradient(135deg,#a36bff,#5d7bff);color:#fff;box-shadow:0 12px 30px -10px rgba(139,108,246,.8);}
.ssh-pick-side.b .ssh-pick-btn{background:linear-gradient(180deg,#f3f5f8,#b9c0c9);color:#0a0a0d;box-shadow:0 12px 30px -10px rgba(223,228,236,.5);}
.ssh-pick-side:hover .ssh-pick-btn,.ssh-pick-side:focus-visible .ssh-pick-btn{transform:translateY(-3px);}
@media (max-width:820px){
  .ssh-pick-inner{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;padding:0 12px;}
  .ssh-pick-say{grid-column:1 / -1;grid-row:1;align-self:start;margin-top:calc(env(safe-area-inset-top,0px) + 18px);padding:18px 16px 14px;}
  .ssh-pick-say h2{font-size:23px;}
  .ssh-pick-side{grid-row:2;}
  .ssh-pick-side img.sticker{height:min(calc(100vh - 300px),520px);height:min(calc(100dvh - 300px),520px);}
  .ssh-pick-inner{grid-template-rows:auto minmax(0,1fr);}
  .ssh-pick-side{min-height:0;}
  .ssh-pick-btn{bottom:18px;padding:9px 16px;font-size:14px;}
}

/* --- «Вид» — переключить потом --- */
.ssh-viewbar{position:fixed;left:16px;bottom:16px;z-index:60;display:flex;align-items:center;gap:4px;padding:4px 4px 4px 12px;border-radius:999px;
  background:rgba(19,21,51,.85);box-shadow:0 0 0 1px var(--brd2),0 12px 30px -12px rgba(0,0,0,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:13px;}
.ssh-viewbar[hidden]{display:none;}
.ssh-viewbar span{color:var(--mute);margin-right:4px;}
.ssh-viewbar button{padding:6px 12px;border:0;border-radius:999px;background:none;color:var(--sub);font:600 13px/1 var(--sans);cursor:pointer;}
.ssh-viewbar button[aria-pressed="true"]{background:var(--violet);color:#fff;}
html.sshv-black .ssh-viewbar{background:rgba(10,10,13,.85);}
html.sshv-black .ssh-viewbar button[aria-pressed="true"]{background:linear-gradient(180deg,#f3f5f8,#b9c0c9);color:#0a0a0d;}
html.ssh-picking .ssh-viewbar{display:none;}
.ssh-black{grid-template-columns:minmax(0,1.45fr) minmax(0,.55fr);}
@media (max-width:980px){.ssh-black{grid-template-columns:minmax(0,1fr);}}