body{background:var(--ds-bg)}.dc{min-height:100vh;background:var(--ds-bg);color:var(--ds-text);font-family:var(--ds-font-ui);overflow-wrap:break-word}.dc-top{position:sticky;top:0;z-index:var(--ds-z-sticky);display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:10px max(20px,calc((100vw - 1240px)/2));border-bottom:1px solid var(--ds-border);background:var(--ds-bg)}.dc-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ds-text);font-size:16px;font-weight:600;text-decoration:none}.dc-brand img{display:block}.dc-tag{padding:1px 7px;border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-pill);color:var(--ds-text-3);font:500 11px/1.4 var(--ds-font-mono)}.dc-top-tools{display:flex;align-items:center;gap:10px}.dc-back{text-decoration:none}.dc-lang{display:inline-flex;overflow:hidden;border:1px solid var(--ds-border-strong);border-radius:var(--ds-radius-sm)}.dc-lang button{min-width:40px;min-height:34px;padding:4px 10px;border:0;background:transparent;color:var(--ds-text-3);font:500 12px/1 var(--ds-font-mono);cursor:pointer}.dc-lang button+button{border-left:1px solid var(--ds-border-strong)}.dc-lang button:hover{color:var(--ds-text)}.dc-lang button[aria-pressed=true]{background:var(--ds-surface-3);color:var(--ds-text)}.dc-lang button:focus-visible{outline:2px solid var(--ds-accent);outline-offset:-2px}.dc-body{display:grid;grid-template-columns:232px minmax(0,820px);gap:48px;width:min(100% - 40px,1240px);margin:0 auto;padding:36px 0 96px}.dc-nav{position:sticky;top:92px;display:flex;max-height:calc(100dvh - 112px);flex-direction:column;gap:2px;align-self:start;overflow-y:auto}.dc-nav>.ds-kbd-label{padding:14px 10px 6px}.dc-nav>.ds-kbd-label:first-child{padding-top:0}.dc-nav>button{display:flex;width:100%;min-height:36px;align-items:center;gap:10px;padding:6px 10px;border:0;border-radius:var(--ds-radius-sm);background:transparent;color:var(--ds-text-2);font:500 14px/1.2 var(--ds-font-ui);text-align:left;cursor:pointer}.dc-nav>button i{color:var(--ds-text-3);font-size:17px}.dc-nav>button:hover{background:var(--ds-surface-2);color:var(--ds-text)}.dc-nav>button.is-active{background:var(--ds-surface-2);color:var(--ds-text);box-shadow:inset 2px 0 0 var(--ds-accent)}.dc-nav>button.is-active i{color:var(--ds-accent)}.dc-nav button:focus-visible{outline:2px solid var(--ds-accent);outline-offset:-2px}.dc-nav-cmds{display:flex;flex-direction:column;gap:10px;margin:6px 0 0 18px;padding-left:10px;border-left:1px solid var(--ds-border)}.dc-nav-cmds>div{display:flex;flex-direction:column}.dc-nav-cmds span{padding:2px 8px 4px;color:var(--ds-text-3);font-size:12px}.dc-nav-cmds button{padding:3px 8px;border:0;border-radius:var(--ds-radius-sm);background:transparent;color:var(--ds-text-2);font-size:12.5px;text-align:left;cursor:pointer}.dc-nav-cmds button:hover{background:var(--ds-surface-2);color:var(--ds-text)}.dc-main{display:flex;min-width:0;flex-direction:column;gap:20px}.dc-page-head{display:flex;flex-direction:column;gap:8px;padding-bottom:20px;border-bottom:1px solid var(--ds-border)}.dc-page-head h1{margin:0;font:600 var(--ds-fs-xl)/1.2 var(--ds-font-ui);letter-spacing:-.01em}.dc-page-head p{max-width:680px;margin:0;color:var(--ds-text-2);font-size:16px;line-height:1.6}.dc-crumb{color:var(--ds-text-3);font-size:12px}.dc-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.dc-h2{margin:12px 0 0;font:600 var(--ds-fs-lg)/1.25 var(--ds-font-ui)}.dc-muted{margin:0;color:var(--ds-text-3)}.dc-link{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:var(--ds-text);font:500 14px/1.2 var(--ds-font-ui);cursor:pointer}.dc-link:hover{text-decoration:underline}.dc-cycle{display:flex;flex-direction:column;gap:14px;padding:16px 20px}.dc-cycle header{display:flex}.dc-cycle ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.dc-cycle li{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-surface-2);font-size:14px;font-weight:500}.dc-cycle li span{color:var(--ds-text-3);font-size:12px}.dc-cycle .dc-link{align-self:flex-start;color:var(--ds-text-2)}.dc-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dc-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;color:var(--ds-text);font:inherit;text-align:left;cursor:pointer}.dc-card i{margin-bottom:4px;color:var(--ds-text-3);font-size:20px}.dc-card strong{font-size:15px;font-weight:600}.dc-card span{color:var(--ds-text-3);font-size:13.5px;line-height:1.5}.dc-card:hover{border-color:var(--ds-border-strong);background:var(--ds-surface-2)}.dc-card:focus-visible,.dc-popular button:focus-visible,.dc-pager button:focus-visible{outline:2px solid var(--ds-accent);outline-offset:2px}.dc-popular{margin:0;padding:0;list-style:none}.dc-popular li+li{border-top:1px solid var(--ds-border)}.dc-popular button{display:grid;width:100%;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 20px;border:0;background:transparent;color:var(--ds-text-2);font:400 14px/1.45 var(--ds-font-ui);text-align:left;cursor:pointer}.dc-popular code{color:var(--ds-text);font-size:13px}.dc-popular i{color:var(--ds-text-3)}.dc-popular button:hover{background:var(--ds-surface-2)}.dc-steps{margin:0;padding:0;list-style:none}.dc-steps li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:16px 20px}.dc-steps li+li{border-top:1px solid var(--ds-border)}.dc-steps li>span{color:var(--ds-text-3);font-size:13px;line-height:1.6}.dc-steps p{margin:0;color:var(--ds-text);font-size:15px;line-height:1.6}.dc-section{display:flex;flex-direction:column;gap:10px}.dc-faq details+details{border-top:1px solid var(--ds-border)}.dc-faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;color:var(--ds-text);font-size:15px;font-weight:500;line-height:1.5;list-style:none;cursor:pointer}.dc-faq summary::-webkit-details-marker{display:none}.dc-faq summary:hover{background:var(--ds-surface-2)}.dc-faq summary:focus-visible{outline:2px solid var(--ds-accent);outline-offset:-2px}.dc-faq summary i{flex:none;color:var(--ds-text-3);transition:transform .15s ease}.dc-faq details[open] summary i{transform:rotate(180deg)}.dc-faq details p{margin:0;padding:0 20px 16px;color:var(--ds-text-2);font-size:14.5px;line-height:1.6}.dc-pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dc-pager button{display:flex;flex-direction:column;gap:4px;padding:12px 16px;color:var(--ds-text);font:inherit;text-align:left;cursor:pointer}.dc-pager button.is-next{align-items:flex-end;text-align:right}.dc-pager small{color:var(--ds-text-3);font-size:12px}.dc-pager span{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500}.dc-pager button:hover{border-color:var(--ds-border-strong);background:var(--ds-surface-2)}.dc-search{position:relative;display:flex;align-items:center;gap:12px}.dc-search i{position:absolute;top:50%;left:11px;color:var(--ds-text-3);transform:translateY(-50%)}.dc-search .ds-input{max-width:420px;padding-left:34px}.dc-search>span{color:var(--ds-text-3);font-size:12px;white-space:nowrap}.dc-cat{display:flex;flex-direction:column;gap:10px}.dc-cmd{scroll-margin-top:84px;overflow:hidden}.dc-cmd>header{padding:14px 20px 12px;border-bottom:1px solid var(--ds-border)}.dc-cmd h3{margin:0;color:var(--ds-text);font-size:15px;font-weight:600}.dc-cmd>header p{margin:6px 0 0;color:var(--ds-text-2);font-size:14px;line-height:1.55}.dc-cmd dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border-bottom:1px solid var(--ds-border)}.dc-cmd dl>div{padding:10px 20px}.dc-cmd dl>div+div{border-left:1px solid var(--ds-border)}.dc-cmd dt{color:var(--ds-text-3);font:500 var(--ds-fs-xs)/1.3 var(--ds-font-mono);letter-spacing:.09em;text-transform:uppercase}.dc-cmd dd{margin:4px 0 0;color:var(--ds-text);font-size:13.5px;line-height:1.5}.dc-cmd-sec{display:flex;flex-direction:column;gap:8px;padding:12px 20px}.dc-cmd-sec+.dc-cmd-sec{padding-top:0}.dc-code{display:flex;flex-wrap:wrap;gap:6px}.dc-code code,.dc-examples code{display:inline-block;max-width:100%;overflow-x:auto;padding:5px 9px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);background:var(--ds-bg);color:var(--ds-text);font-size:12.5px;white-space:pre}.dc-examples{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.dc-examples li{display:grid;grid-template-columns:minmax(0,max-content) auto minmax(0,1fr);align-items:center;gap:8px 10px}.dc-examples span{color:var(--ds-text-2);font-size:13.5px;line-height:1.5}.dc-copy{display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:var(--ds-radius-sm);background:transparent;color:var(--ds-text-3);font-size:14px;cursor:pointer}.dc-copy:hover{background:var(--ds-surface-2);color:var(--ds-text)}.dc-copy:focus-visible{outline:2px solid var(--ds-accent);outline-offset:1px}@media (max-width: 960px){.dc-body{grid-template-columns:minmax(0,1fr);gap:20px;width:min(100% - 32px,820px);padding-top:16px}.dc-nav{position:static;max-height:none;flex-direction:row;flex-wrap:nowrap;gap:4px;overflow-x:auto;padding-bottom:8px;border-bottom:1px solid var(--ds-border)}.dc-nav>.ds-kbd-label,.dc-nav-cmds{display:none}.dc-nav>button{width:auto;flex:0 0 auto;white-space:nowrap}.dc-nav>button.is-active{box-shadow:inset 0 -2px 0 var(--ds-accent)}.dc-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dc-cycle ol{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 640px){.dc-top{padding-inline:16px}.dc-back span{display:none}.dc-page-head h1{font-size:22px}.dc-page-head p{font-size:15px}.dc-cards,.dc-cmd dl,.dc-pager{grid-template-columns:minmax(0,1fr)}.dc-cmd dl>div+div{border-top:1px solid var(--ds-border);border-left:0}.dc-cycle ol{grid-template-columns:minmax(0,1fr)}.dc-cycle li{flex-direction:row;align-items:baseline;gap:10px}.dc-popular button{grid-template-columns:minmax(0,1fr) auto}.dc-popular button span{grid-column:1}.dc-popular button i{grid-row:1 / 3;grid-column:2}.dc-faq summary,.dc-faq details p{padding-inline:14px}.dc-steps li,.dc-cmd>header,.dc-cmd dl>div,.dc-cmd-sec,.dc-cycle{padding-inline:14px}.dc-examples li{grid-template-columns:minmax(0,1fr) auto}.dc-examples span{grid-column:1 / -1}.dc-pager button.is-next{align-items:flex-start;text-align:left}}