/* настольное приложение: шапка и страницы разделов */
.desk-head{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.desk-head .bar{gap:14px}
.desk-head nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:2px}
.desk-head nav a{padding:6px 10px;border-radius:8px;color:var(--ink2);font-size:14px}
.desk-head nav a:hover{background:var(--accent-soft);color:var(--accent);text-decoration:none}
.desk-head nav a.on{background:var(--accent-soft);color:var(--accent);font-weight:650}
.native-only{display:none}
html.native .native-only{display:inline-flex}
html.native .web-only{display:none}
.dk-page{max-width:980px}
.dk-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin-bottom:14px}
.dk-card h2{margin:0 0 8px;font-size:18px}
.dk-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.dk-muted{color:var(--ink2)}
.dk-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;background:#f4f3f0;border:1px solid var(--line);border-radius:10px;
  padding:10px 12px;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}
.dk-btn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:10px;padding:8px 14px;font:inherit;font-weight:650;cursor:pointer;
  background:var(--accent);color:#fff;text-decoration:none}
.dk-btn:hover{text-decoration:none;filter:brightness(1.05)}
.dk-btn.ghost{background:var(--accent-soft);color:var(--accent)}
.dk-btn.danger{background:var(--bad-soft);color:#b3302f}
.dk-btn[disabled]{opacity:.5;cursor:default}
.dk-ok{color:var(--ok);font-weight:650}.dk-bad{color:var(--bad);font-weight:650}
.dk-bar{height:8px;border-radius:99px;background:#eceae5;overflow:hidden;margin:8px 0 4px}
.dk-bar i{display:block;height:100%;background:var(--accent);width:0}
.dk-help{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start}
.dk-toc{position:sticky;top:76px;display:flex;flex-direction:column;gap:2px}
.dk-toc input{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:10px;margin-bottom:8px}
.dk-toc a{padding:5px 10px;border-radius:8px;color:var(--ink2);font-size:14px}
.dk-toc a:hover{background:var(--accent-soft);color:var(--accent);text-decoration:none}
.dk-topic{scroll-margin-top:80px}
.dk-topic h2{font-size:21px;margin:0 0 6px}
.dk-topic table{margin:8px 0}
.dk-topic code{background:#f4f3f0;padding:1px 5px;border-radius:5px;font-size:13px}
.dk-topic pre{background:#f4f3f0;padding:10px 12px;border-radius:10px;overflow-x:auto}
.dk-none{padding:20px;text-align:center;color:var(--ink3)}
.dk-table td,.dk-table th{font-size:14px}
.dk-help-q{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#efeeea;
  color:var(--ink2);font-size:12px;font-weight:700;margin-left:6px;vertical-align:1px}
.dk-help-q:hover{background:var(--accent-soft);color:var(--accent);text-decoration:none}
@media (max-width:760px){.dk-help{grid-template-columns:1fr}.dk-toc{position:static}.desk-head nav{margin-left:0}}
.dk-btn[hidden],.k-preset[hidden]{display:none}

/* галерея скриншотов на странице загрузки */
.sh{margin:22px 0 8px}
.sh-win{border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--line,#e3e1dc);box-shadow:0 18px 50px rgba(15,27,45,.14),0 2px 6px rgba(15,27,45,.06)}
.sh-bar{display:flex;align-items:center;gap:7px;height:34px;padding:0 14px;background:#eef0f3;border-bottom:1px solid #e1e4e9;font-size:12.5px;color:#6b7383}
.sh-bar i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.sh-bar i:nth-child(2){background:#febc2e}.sh-bar i:nth-child(3){background:#28c840}
.sh-bar span{margin:0 auto;transform:translateX(-24px)}
.sh-stage{position:relative;aspect-ratio:1600/1018;background:#f6f5f2;overflow:hidden}
.sh-slide{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.035);transition:opacity .9s ease,transform 6.5s ease-out;pointer-events:none}
.sh-slide.on{opacity:1;transform:scale(1);pointer-events:auto}
.sh-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.sh-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:rgba(15,27,45,.55);color:#fff;
  font-size:26px;line-height:1;cursor:pointer;opacity:0;transition:opacity .25s,background .2s;z-index:2}
.sh-nav.prev{left:14px}.sh-nav.next{right:14px}
.sh:hover .sh-nav,.sh-nav:focus-visible{opacity:1}.sh-nav:hover{background:var(--accent,#2c6fd6)}
.sh-cap{position:relative;min-height:58px;margin:16px 2px 6px}
.sh-text{position:absolute;inset:0;opacity:0;transform:translateY(6px);transition:opacity .6s ease,transform .6s ease}
.sh-text.on{opacity:1;transform:none;position:relative}
.sh-text b{display:block;font-size:17px;margin-bottom:3px}.sh-text span{color:var(--ink3,#6b7383);font-size:14.5px}
.sh-dots{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.sh-dots [role=tab]{position:relative;width:34px;height:6px;padding:0;border:0;border-radius:3px;background:#dcdfe5;cursor:pointer;overflow:hidden}
.sh-dots [role=tab] i{position:absolute;inset:0;width:0;background:var(--accent,#2c6fd6);border-radius:3px}
.sh-dots [aria-selected=true] i{width:100%}
.sh-dots .run i{width:0;animation:shFill 5.5s linear forwards}
.sh.paused .sh-dots [aria-selected=true] i{width:100%;animation:none}
@keyframes shFill{to{width:100%}}
.sh-play{margin-left:auto;border:0;background:none;color:var(--ink3,#6b7383);font-size:12px;cursor:pointer;padding:4px 6px}
@media (prefers-reduced-motion:reduce){.sh-slide,.sh-text{transition:opacity .2s}.sh-slide{transform:none}}
@media (max-width:640px){.sh-dots [role=tab]{width:22px}.sh-nav{opacity:.85;width:36px;height:36px;font-size:22px}}
.sh-note{margin:10px 2px 0;font-size:12.5px;color:var(--ink3,#7a8494)}