.docs-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;align-items:start}.docs-tabs{position:sticky;top:96px;display:grid;gap:2px}.docs-tabs button{text-align:left;border:0;background:0 0;color:var(--text-2);font:500 15px Outfit,system-ui,sans-serif;padding:11px 14px;border-radius:11px;cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease);position:relative}.docs-tabs button:hover{color:var(--text);background:rgba(255,255,255,.03)}.docs-tabs button[aria-selected=true]{color:var(--text);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line)}.docs-tabs button[aria-selected=true]::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;border-radius:2px;background:var(--accent)}.doc{border:1px solid var(--line);border-radius:22px;background:var(--panel);padding:34px 38px;display:grid;gap:14px;animation:docin .45s var(--ease) both}@keyframes docin{0%{opacity:0;transform:translateY(8px)}}.doc h3{font-size:26px;letter-spacing:-.03em}.doc h4{font-size:12.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-3);font-weight:600;margin-top:14px}.steps{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;gap:12px}.steps li{counter-increment:s;position:relative;padding-left:40px;color:var(--text-2);line-height:1.55}.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-text);font:500 12.5px var(--mono)}.steps b{color:var(--text);font-weight:500}.facts{margin:0;padding:0;list-style:none;display:grid;gap:8px}.facts li{position:relative;padding-left:20px;color:var(--text-2)}.facts li::before{content:"";position:absolute;left:4px;top:.7em;width:5px;height:5px;border-radius:50%;background:var(--text-3)}.config{display:grid;border:1px solid var(--line);border-radius:14px;overflow:hidden}.config div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;padding:12px 16px;align-items:center}.config div+div{border-top:1px solid var(--line)}.config span{color:var(--text-3);font-size:14px}.config code{background:0 0;border:0;padding:0;color:var(--text);font-size:13.5px}.doc[hidden]{display:none}.modes{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--line);border-radius:13px;background:var(--bg);justify-self:start;margin-top:4px}.modes button,.seg button{border:0;background:0 0;color:var(--text-2);font:500 14px Outfit,system-ui,sans-serif;padding:8px 14px;border-radius:9px;cursor:pointer;transition:background-color .2s var(--ease),color .2s var(--ease)}.modes button:hover,.seg button:hover{color:var(--text)}.modes button[aria-pressed=true],.seg button[aria-selected=true]{background:var(--panel-2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong)}.mode-panel{display:grid;gap:14px;min-width:0}.mode-panel[hidden]{display:none}.guide{margin:0;padding:0;list-style:none;counter-reset:g;display:grid;gap:12px}.guide li{counter-increment:g;position:relative;padding-left:40px;color:var(--text-2);display:grid;gap:2px}.guide li::before{content:counter(g);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-text);font:500 12.5px var(--mono)}.guide li b{color:var(--text);font-weight:500}.stepper{display:grid;gap:16px;outline:0}.stepper:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:14px}.stepper-rail{position:relative;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.stepper-rail::-webkit-scrollbar{display:none}.stepper-rail button{flex:none;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:0 0;color:var(--text-3);font:500 13px Outfit,system-ui,sans-serif;padding:6px 12px 6px 6px;border-radius:999px;cursor:pointer;transition:color .2s var(--ease),border-color .2s var(--ease),background-color .2s var(--ease)}.stepper-rail button .num{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--field);font-size:11.5px;color:var(--text-2)}.stepper-rail button em{font-style:normal;white-space:nowrap}.stepper-rail button:hover{color:var(--text);border-color:var(--line-strong)}.stepper-rail button.done .num{background:var(--accent-soft);color:var(--accent-text)}.stepper-rail button[aria-selected=true]{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.stepper-rail button[aria-selected=true] .num{background:var(--accent);color:var(--accent-ink)}.stepper-stage{margin:0;display:grid;gap:14px}.stepper-frame{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line-strong);background:var(--bg);aspect-ratio:16/10;cursor:pointer}.stepper-frame img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.01);transition:opacity .35s var(--ease),transform .5s var(--ease)}.stepper-frame.in img{opacity:1;transform:none}.spot{position:absolute;left:0;top:0;width:46px;height:46px;margin:-23px 0 0-23px;pointer-events:none;transform:translate(var(--sx, 50%),var(--sy, 50%));transition:transform .45s var(--ease)}.spot::before{content:"";position:absolute;inset:0;border-radius:50%;border:2.5px solid var(--accent);box-shadow:0 0 22px 2px rgba(139,127,217,.6);animation:spot 1.8s var(--ease) infinite}.spot::after{content:"";position:absolute;inset:14px;border-radius:50%;background:var(--accent);border:3px solid #fff;box-shadow:0 0 0 4px rgba(14,15,17,.5),0 2px 10px rgba(0,0,0,.6)}@keyframes spot{0%{transform:scale(.55);opacity:0}30%{opacity:1}to{transform:scale(1.35);opacity:0}}.stepper-stage figcaption{display:grid;gap:4px;min-height:92px}.stepper-count{font-size:12px;color:var(--text-3);letter-spacing:.04em}.stepper-stage h4{margin:0;font-size:19px;font-weight:600;letter-spacing:-.02em}.stepper-stage figcaption p{margin:0;color:var(--text-2);max-width:64ch}.stepper-stage figcaption b{color:var(--text);font-weight:500}.stepper-nav{display:flex;align-items:center;gap:14px}.stepper-zoom{position:absolute;right:10px;bottom:10px;z-index:2;border:1px solid var(--line-strong);background:rgba(14,15,17,.85);color:var(--text);font:500 12.5px Outfit,system-ui,sans-serif;padding:6px 10px;border-radius:9px}.stepper-zoom:hover{color:var(--text);background:var(--field)}.stepper-nav .btn{height:38px;padding:0 16px;font-size:14px}.stepper-nav .btn:disabled{opacity:.4;cursor:default}.stepper-bar{flex:1;height:4px;border-radius:4px;background:var(--field);overflow:hidden}.stepper-bar i{display:block;height:100%;width:0;background:var(--accent);border-radius:inherit;transition:width .45s var(--ease)}.vid{margin:0;display:grid;gap:12px}.vid video{width:100%;height:auto;display:block;border-radius:14px;border:1px solid var(--line-strong);background:#000;aspect-ratio:16/9}.vid figcaption{display:grid;gap:6px}.vid-steps{margin:0;padding-left:20px;color:var(--text-2);display:grid;gap:2px;font-size:15px}.term{border:1px solid var(--line-strong);border-radius:14px;background:#0a0b0d;overflow:hidden;display:grid}.term-head{display:flex;align-items:center;gap:12px;height:36px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--panel-2);font:12px var(--mono);color:var(--text-3)}.term-dots{display:inline-flex;gap:6px}.term-dots i{width:9px;height:9px;border-radius:50%;background:var(--line-strong)}.term-body{padding:16px;max-height:360px;min-height:140px;overflow:auto;display:grid;gap:8px;align-content:start}.term-body pre{margin:0;white-space:pre-wrap;word-break:break-word;font:13px/1.55 var(--mono)}.term-body .cmd{color:var(--text)}.term-body .res{color:#8fd3b6}.term-body .res.err{color:#f08a7a}.term-body .note{color:var(--text-3)}.term-tg{margin:0 16px 12px;padding:10px 14px;border-radius:12px;background:rgba(42,171,238,.1);border:1px solid rgba(42,171,238,.3);display:grid;gap:2px;font-size:14px;color:var(--text-2);animation:docin .4s var(--ease) both}.term-tg b{color:#7cc8f2;font-weight:600;font-size:13px}.term-tg[hidden],.term-form[hidden],.term-actions [hidden]{display:none}.term-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:0 16px 14px}.term-form label{font-size:13.5px;color:var(--text-3)}.term-form input{width:130px;height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--line-strong);background:var(--field);color:var(--text);font:15px var(--mono);letter-spacing:.15em}.term-form input:focus-visible{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.term-form .btn,.term-actions .btn{height:38px;padding:0 16px;font-size:14px}.term-actions{display:flex;flex-wrap:wrap;gap:10px;padding:12px 16px;border-top:1px solid var(--line)}.devices{display:grid;gap:14px}.seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--line);border-radius:13px;justify-self:start}.steps[hidden]{display:none}.copyable div{grid-template-columns:190px minmax(0,1fr) auto}.copy-btn{border:1px solid var(--line-strong);background:var(--field);color:var(--text-2);font:500 12.5px Outfit,system-ui,sans-serif;padding:5px 10px;border-radius:8px;cursor:pointer}.copy-btn:hover{color:var(--text)}@media (max-width:900px){.docs-layout{grid-template-columns:1fr;gap:18px}.docs-tabs{position:static;display:flex;overflow-x:auto;gap:4px;padding-bottom:4px}.docs-tabs button{white-space:nowrap}.docs-tabs button[aria-selected=true]::before{left:12px;right:12px;top:auto;bottom:4px;width:auto;height:2px}}@media (max-width:767px){.doc{padding:24px 20px}.config div{grid-template-columns:1fr;gap:2px}.spot{width:26px;height:26px;margin:-13px 0 0-13px}.spot::after{inset:7px;border-width:2px;box-shadow:0 0 0 2px rgba(14,15,17,.5)}.modes button{padding:7px 10px;font-size:13.5px}.stepper-rail button em{display:none}.stepper-rail button{padding:6px}.stepper-frame{aspect-ratio:16/10}.copyable div{grid-template-columns:1fr auto}.copyable div span{grid-column:1/-1}.term-body{max-height:300px}}@media (prefers-reduced-motion:reduce){.spot::before{animation:none;opacity:.8}.stepper-frame img,.spot,.stepper-bar i{transition:none}}.motion-off .spot::before{animation-play-state:paused}