.pp>section{padding-top:clamp(64px,7.6vw,112px)}.pp>.download{padding-bottom:clamp(72px,8vw,116px)}.pp>section>.display{margin-inline:auto}.pp-hero{max-width:1480px;padding:clamp(60px, 7.6vw, 116px) var(--gutter) 0;text-align:center;margin:0 auto;position:relative}.pp-hero .display{font-size:clamp(2.5rem,6vw,5.2rem);line-height:1.06}.pp-hero .display>:is(span,em){display:block}.pp-hero .lede{max-width:35em;margin:clamp(22px,2.6vw,34px) auto 0}.pp-marks{pointer-events:none;margin:0;padding:0;list-style:none;position:absolute;inset:0}.pp-marks li{left:var(--x);top:var(--y);rotate:var(--turn);scale:var(--size);animation:pp-float 6.5s ease-in-out var(--wait) infinite, pp-land .7s var(--ease-out) calc(var(--i) * 70ms) backwards;position:absolute}.pp-marks .pp-tile{border-radius:13px;width:52px;height:45px}@keyframes pp-float{50%{translate:0 -8px}}@keyframes pp-land{0%{opacity:0;scale:calc(var(--size) * .7)}}.pp-marks--row{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:clamp(22px,2.6vw,34px);display:flex;position:static}.pp-marks--row li{animation:pp-land .7s var(--ease-out) calc(var(--i) * 50ms) backwards;position:static;rotate:none;scale:none}.pp-marks--row .pp-tile{border-radius:11px;width:44px;height:38px}@media (width<=1020px){.pp-marks{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:clamp(22px,2.6vw,34px);display:flex;position:static}.pp-marks li{rotate:calc(var(--turn) * .6);animation:pp-float 6.5s ease-in-out var(--wait) infinite, pp-land .7s var(--ease-out) calc(var(--i) * 50ms) backwards;position:static;scale:none}.pp-marks .pp-tile{border-radius:11px;width:44px;height:38px}.pp-hero .display>:is(span,em){display:inline}}.pp>.pp-list{padding-top:clamp(44px,5.2vw,76px)}.pp-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,24px);margin:0 auto;padding:0;list-style:none;display:grid}.pp-card{background:var(--surface);height:100%;color:inherit;box-shadow:0 0 0 1px var(--line);border-radius:18px;flex-direction:column;text-decoration:none;transition:box-shadow .25s;display:flex;position:relative;overflow:hidden}.pp-shot{aspect-ratio:4/3;pointer-events:none;background-color:var(--paper);background-image:var(--paper-dots);border-bottom:1px solid var(--line);--pp-toppen:#6ed0a8;--pp-pickpen:#5cc8a4;background-position:11px 11px;background-size:24px 24px;position:relative;overflow:hidden}.pp-pane{transform-origin:0 0;background:var(--bt-bg);transition:translate .5s var(--ease-out);border-radius:10px 0 0;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #00000080,0 30px 60px -20px #281e0c8c,0 10px 22px -10px #281e0c59}.pp-pane__head{height:34px;color:var(--bt-fg);background:linear-gradient(#fff6e812,#fff6e800 100%);align-items:center;gap:7px;padding:0 10px 1px;font:600 12.5px/1 -apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif;display:flex;position:relative;box-shadow:inset 0 1px #fff6e852}.pp-pane__mark{width:14px;height:14px;display:grid}.pp-pane__head em{color:var(--bt-info);font-size:12px;font-style:normal;font-weight:400}.pp-pane__head span:last-child{color:var(--bt-dim);font-size:12px;font-weight:400}.pp-pane .pn{animation:none}.pp-shot>.pp-tile{border-radius:14px;width:58px;height:50px;position:absolute;top:50%;left:50%;translate:-50% -50%}.pp-shot.has-pane>.pp-tile,.pp-shot[data-shot]>.pp-tile{opacity:0}.pp-shot--own{place-items:center;display:grid}.pp-shot--own>.pp-tile{background:var(--surface);color:var(--dim);box-shadow:0 0 0 1.5px var(--line-strong);position:static;translate:none}@media (width>=1021px){.pp-cards>li:last-child:nth-child(3n+1){grid-column:1/-1}.pp-cards>li:last-child:nth-child(3n+1) .pp-card{flex-direction:row}.pp-cards>li:last-child:nth-child(3n+1) .pp-shot{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--line);flex:0 0 calc(33.3333% - clamp(14px,1.8vw,24px)/1.5);min-height:168px}.pp-cards>li:last-child:nth-child(3n+1) .pp-card__in{flex-direction:column;justify-content:center;padding-inline:30px 64px;display:flex}.pp-cards>li:last-child:nth-child(3n+1) .pp-card__say{max-width:40em}}@media (width>=641px) and (width<=1020px){.pp-cards>li:last-child:nth-child(odd){grid-column:1/-1}.pp-cards>li:last-child:nth-child(odd) .pp-card{flex-direction:row}.pp-cards>li:last-child:nth-child(odd) .pp-shot{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--line);flex:0 0 34%;min-height:150px}}.pp-card__in{flex:1;padding:20px 22px 24px;position:relative}.pp-card__kind{font:500 11px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin:0}.pp-card__name{font:italic 400 1.9rem/1.1 var(--f-display);letter-spacing:-.03em;margin:12px 0 0}.pp-card__say{color:var(--fg-2);text-wrap:pretty;margin:10px 0 0;font-size:15px;line-height:1.5}.pp-card__go{color:var(--brass);transition:transform .25s var(--ease-out);position:absolute;top:18px;right:22px}@media (hover:hover){.pp-card:hover{box-shadow:0 0 0 1px var(--line-strong), 0 26px 50px -36px #3c2d1480}.pp-card:hover .pp-card__go{transform:translate(3px)}.pp-card:hover .pp-pane{translate:-6px -6px}}.pp--one>section{padding-top:clamp(52px,6vw,88px)}.pp--one>.pp-pen{padding-top:clamp(44px,5.6vw,84px)}.pp-top{text-align:center;justify-items:center;display:grid}.pp-up{margin:0 0 22px;text-decoration:none;transition:color .2s,background-color .2s}.pp-up:hover{color:var(--fg);background:color-mix(in srgb, var(--fg) 8%, transparent)}.pp-pen__name{font:italic 400 clamp(2.8rem, 5.8vw, 4.8rem)/1 var(--f-display);letter-spacing:-.035em;justify-content:center;align-items:center;gap:.26em;margin:0;display:flex}.pp-pen__name .pp-tile{border-radius:.2em;flex:none;width:.82em;height:.7em;translate:0 .06em}.pp-pen__name .pp-tile svg{width:46%;height:auto}.pp-pen__say{max-width:30em;color:var(--fg-2);text-wrap:balance;margin:20px 0 0;font-size:clamp(1.06rem,1.4vw,1.2rem);line-height:1.5}.pp-pen__get{justify-content:center;margin-top:26px;display:flex}.pp-pen__get .copyline b{color:var(--brass-text);font-weight:500}.pp-pen__note{color:var(--dim);margin:14px 0 0;font-size:14px}.pp-stage{justify-items:center;margin-top:clamp(34px,4vw,54px);display:grid;position:relative}.pp-win{max-width:100%;position:relative}.pp-win:empty{aspect-ratio:1120/700;background:#111112;border-radius:12px;width:100%}.pp-mock{transform:scale(var(--s,1));transform-origin:0 0}.pp-mock .btw{box-shadow:0 0 0 .5px #0000008c,0 34px 48px -34px #281e0cbf,0 10px 20px -14px #281e0c66!important}.pp-mock [data-bt-dark="1"]{--pp-toppen:#6ed0a8;--pp-pickpen:#5cc8a4}.pp-mock [data-bt-dark="0"]{--pp-toppen:#0f7a5a;--pp-pickpen:#0e765c}.pp-mock>*{pointer-events:none}.pp-mock .pquit,.pp-mock .pn{pointer-events:auto}.pp-mock .pquit{cursor:pointer}.pp-again,.pp-toggle{appearance:none;cursor:pointer;font:500 14px/1 var(--f-body);color:var(--fg);transition:background-color .2s ease, transform .16s var(--ease-out);border:0;border-radius:999px;align-items:center;gap:9px;display:inline-flex}.pp-again kbd,.pp-toggle kbd{font:500 11px/1 var(--f-mono);color:var(--dim)}.pp-again{z-index:3;background:var(--surface);box-shadow:0 0 0 1px var(--line), 0 18px 40px -16px #0009;animation:pp-pop .3s var(--ease-out) .25s both;padding:12px 16px 12px 18px;position:absolute;top:46%;left:50%;translate:-50% -50%}.pp-again[hidden]{display:none}.pp-note{z-index:3;white-space:nowrap;background:var(--surface);color:var(--fg);font:500 13.5px/1 var(--f-body);box-shadow:0 0 0 1px var(--line), 0 18px 40px -16px #0009;animation:pp-pop .25s var(--ease-out) both;border-radius:999px;margin:0;padding:10px 15px;position:absolute;bottom:46px;left:50%;translate:-50%}.pp-note[hidden]{display:none}.pp-again:active,.pp-toggle:active{transform:scale(.97)}@keyframes pp-pop{0%{opacity:0;transform:scale(.94)}}.pp-bar{justify-content:space-between;align-items:center;gap:10px 28px;margin-top:clamp(30px,3.2vw,42px);display:flex}.pp-bar__try{color:var(--fg-2);text-wrap:pretty;margin:0;font-size:14.5px;line-height:1.5}.pp-bar__try b{color:var(--fg);font-weight:500}.pp-theme{color:var(--dim);white-space:nowrap;flex:none;align-items:center;gap:12px;font-size:13.5px;display:flex}.pp-theme b{color:var(--fg);font-weight:500}.pp-theme__row{gap:8px;min-height:26px;display:flex}.pp-theme__row button{appearance:none;cursor:pointer;background:var(--sw-bg);width:26px;height:26px;box-shadow:0 0 0 1px var(--line-strong);transition:box-shadow .2s ease, transform .16s var(--ease-out);border:0;border-radius:50%;place-items:center;padding:0;display:grid}.pp-theme__row button i{background:var(--sw-ac);border-radius:50%;width:9px;height:9px}.pp-theme__row button:active{transform:scale(.92)}.pp-theme__row button[aria-pressed=true]{box-shadow:0 0 0 2px var(--bg), 0 0 0 3.5px var(--fg)}@media (hover:hover){.pp-theme__row button:not([aria-pressed=true]):hover{box-shadow:0 0 0 1px var(--fg)}}.pp-toggle{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-strong);flex:none;padding:8px 12px 8px 13px;font-size:13.5px}.pp-toggle:not(:focus-visible){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.pp-toggle:disabled{opacity:.5;cursor:default}.pp-toggle [hidden]{display:none}.pp-h{font:400 clamp(1.5rem, 2.2vw, 1.9rem)/1.2 var(--f-display);letter-spacing:-.022em;margin:0 auto}.pp-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(24px,3.4vw,48px);margin:clamp(20px,2.4vw,30px) auto 0;display:grid}.pp-facts>div{border-top:1px solid var(--line);padding-top:16px}.pp-facts dt{letter-spacing:-.005em;font-weight:500;line-height:1.4}.pp-facts dd{color:var(--fg-2);text-wrap:pretty;margin:6px 0 0;font-size:15px;line-height:1.55}.pp-facts dd code{color:var(--fg);white-space:nowrap;font-size:.86em}.pp-facts--one{grid-template-columns:minmax(0,1fr);margin:0}.pp-facts--one>div{padding:14px 0 16px}.pp-facts--one>div:first-child{padding-top:16px}.pp-narrow{display:none}@media (width<=651px){.pp-wide{display:none}.pp-narrow{display:inline}}.pp-use__in{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:clamp(24px,3.4vw,48px);margin-top:clamp(20px,2.4vw,30px);display:grid}.pp-code{background:var(--surface);min-width:0;box-shadow:0 0 0 1px var(--line);border-radius:14px;margin:0}.pp-code pre{font:400 12.5px/2 var(--f-mono);color:var(--fg);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:16px 20px 18px}.pp-code code{font:inherit}.pp-code span{color:var(--dim)}.pp-use__cmd{min-width:0}.pp-src{color:var(--fg-2);margin-top:14px;font-size:14px;transition:color .2s}.pp-src:hover{color:var(--fg)}.pp-shelf{border-top:1px solid var(--line);margin:clamp(18px,2.2vw,26px) auto 0;padding:0;list-style:none}.pp-shelf a{border-bottom:1px solid var(--line);color:inherit;grid-template-columns:6.6em minmax(0,1fr) auto;align-items:baseline;column-gap:22px;padding:13px 4px 14px;text-decoration:none;transition:border-color .2s;display:grid}.pp-shelf strong{font:italic 400 1.45rem/1.2 var(--f-display);letter-spacing:-.025em}.pp-shelf span{color:var(--fg-2);text-wrap:pretty;font-size:15px;line-height:1.5}.pp-shelf i{color:var(--brass);transition:transform .25s var(--ease-out);font-style:normal}@media (hover:hover){.pp-shelf a:hover{border-bottom-color:var(--line-strong)}.pp-shelf a:hover i{transform:translate(3px)}}@media (width<=1020px){.pp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.pp-use__in{grid-template-columns:minmax(0,1fr);align-items:start}.pp-facts{grid-template-columns:minmax(0,1fr)}.pp-facts>div{padding:14px 0 16px}.pp-win:empty{aspect-ratio:800/640}.pp-bar{flex-direction:column;align-items:flex-start}}@media (width<=640px){.pp-cards{grid-template-columns:minmax(0,1fr)}.pp-win:empty{aspect-ratio:auto;height:528px}.pp-theme{white-space:normal;flex-wrap:wrap}.pp-shelf a{grid-template-columns:minmax(0,1fr) auto;row-gap:4px}.pp-shelf span{grid-area:2/1/auto/-1}}@media (prefers-reduced-motion:reduce){.pp-again,.pp-note,.pn{animation:none!important}.pp-pane,.pp-tile{transition:none}.pp-marks li{animation:none!important}}.pn{background:var(--bt-bg);color:var(--bt-fg);font-variant-ligatures:none;letter-spacing:0;--ln:color-mix(in srgb, var(--bt-fg) 13%, transparent);--soft:color-mix(in srgb, var(--bt-fg) 7%, transparent);--softer:color-mix(in srgb, var(--bt-fg) 3.5%, transparent);cursor:default;-webkit-user-select:none;user-select:none;touch-action:manipulation;animation:pn-in .32s var(--ease-out);flex-direction:column;font:400 12px/1 JetBrains Mono,ui-monospace,Menlo,monospace;display:flex;position:absolute;overflow:hidden;container:pn/inline-size}@keyframes pn-in{0%{opacity:0;transform:scale(.99)}}:where(.pn) button{appearance:none;color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.pn :focus-visible{outline:2px solid var(--bt-accent);outline-offset:-2px;border-radius:5px}.pn b,.pn strong{font-weight:600}.pn i,.pn em,.pn u,.pn s{font-style:normal;text-decoration:none}.pn [hidden]{display:none!important}.pn-dim{color:var(--bt-dim)}.pn-quiet{color:var(--bt-quiet)}.pn-ok{color:var(--bt-success)}.pn-warn{color:var(--bt-warning)}.pn-err{color:var(--bt-error)}.pn-info{color:var(--bt-info)}.pn-acc{color:var(--bt-accent)}.pn-sp{flex:1}.pn-r{text-align:right;justify-content:flex-end}.pn-cut{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pn kbd{color:var(--bt-dim);background:var(--soft);border-radius:4px;padding:3px 5px;font:500 10px/1 JetBrains Mono,ui-monospace,monospace}.pn-ic{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:14px;height:14px}.pn-seg{background:var(--soft);color:var(--bt-dim);border-radius:8px;flex:none;align-items:center;padding:2px;display:inline-flex}.pn-seg>*{white-space:nowrap;border-radius:6px;padding:6px 10px;font-weight:500}.pn-seg>.is-on,.pn-seg>[aria-pressed=true]{background:var(--ln);color:var(--bt-fg)}.pn-seg i{opacity:.75;margin-left:4px;font-size:11px}.pn-field{height:28px;box-shadow:inset 0 0 0 1px var(--ln);color:var(--bt-dim);border-radius:7px;align-items:center;gap:6px;padding:0 8px;display:flex}.pn-btn{box-shadow:inset 0 0 0 1px var(--ln);white-space:nowrap;border-radius:7px;flex:none;align-items:center;gap:8px;padding:6px 8px 6px 10px;font-weight:500;transition:background-color .15s,transform .12s,filter .12s;display:inline-flex}.pn-btn--s{padding:5px 8px;font-size:11px}.pn-btn--go{background:var(--bt-accent);color:var(--bt-on-accent);box-shadow:none}.pn-btn--go kbd{background:color-mix(in srgb, var(--bt-on-accent) 16%, transparent);color:inherit}.pn button.pn-btn:hover{background:var(--soft)}.pn button.pn-btn--go:hover{background:var(--bt-accent);filter:brightness(1.08)}.pn button.pn-btn:active{transform:scale(.96)}.pn-pill{white-space:nowrap;border-radius:6px;flex:none;padding:4px 7px;font-size:11px;font-weight:500}.pn-pill--ok{color:var(--bt-success);background:color-mix(in srgb, var(--bt-success) 16%, transparent)}.pn-pill--info{color:var(--bt-info);background:color-mix(in srgb, var(--bt-info) 16%, transparent)}.pn-pill--warn{color:var(--bt-warning);background:color-mix(in srgb, var(--bt-warning) 16%, transparent)}.pn-pill--err{color:var(--bt-error);background:color-mix(in srgb, var(--bt-error) 18%, transparent)}.pn-keys{border-top:1px solid var(--ln);background:var(--bt-bg);height:30px;color:var(--bt-dim);white-space:nowrap;flex:none;align-items:center;gap:15px;margin-top:auto;padding:0 12px;font-size:11px;display:flex;overflow:hidden}.pn-keys>*{flex:none;align-items:center;gap:6px;display:inline-flex}.pn-keys>.pn-sp{flex:1}.pn-keys button:hover{color:var(--bt-fg)}.pn-spark{flex:none}.pn-spark-l{fill:none;stroke:var(--bt-accent);stroke-width:1.2px;vector-effect:non-scaling-stroke}.pn-spark-f{fill:color-mix(in srgb, var(--bt-accent) 22%, transparent);stroke:none}.pn--top{gap:10px;padding:10px 10px 0}.pn--top .pn-keys{margin-inline:-10px}.tp-cards{flex:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.tp-card{background:var(--softer);border-radius:10px;min-width:0;padding:13px 14px 12px}.tp-card__h{justify-content:space-between;gap:10px;font-size:12.5px;display:flex}.tp-card__h b{color:var(--tone);font-weight:500}.tp-card__s{margin-top:10px;font-size:11.5px}.tp-card__n{align-items:baseline;gap:5px;margin-top:10px;display:flex}.tp-card__n strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:300}.tp-card__n span{color:var(--bt-dim);font-size:13px}.tp-card__n .pn-pill{align-self:center;margin-left:auto}.tp-card__st{justify-content:space-between;gap:8px;margin-top:12px;font-size:11px;display:flex}.tp-card__st span{white-space:nowrap;gap:7px;display:grid}.tp-card__st u{color:var(--bt-dim);font-size:10.5px}.tp-graph{background:radial-gradient(circle at 3px 3px, color-mix(in srgb, var(--tone) 24%, transparent) 1.2px, transparent 1.6px) 100% 100% / 6px 6px, color-mix(in srgb, var(--tone) 9%, transparent);background-origin:content-box,border-box;background-clip:content-box,border-box;border-radius:7px;justify-content:flex-end;align-items:flex-end;height:60px;margin-top:12px;padding:6px;display:flex;overflow:hidden}.tp-graph i{width:6px;height:calc(var(--v) * 6px);background:radial-gradient(circle at 3px 3px, var(--tone) 1.3px, transparent 1.7px) 0 100% / 6px 6px;flex:none}.tp-bars{flex:none;padding:2px 6px 0;display:none}.tp-bars>div{grid-template-columns:58px minmax(0,1fr) 32px minmax(0,.42fr);align-items:center;column-gap:10px;height:22px;display:grid}.tp-bars b{font-weight:400}.tp-bars em{text-align:right;color:var(--bt-dim);font-variant-numeric:tabular-nums}.tp-bars__t{grid-column:2/-1}.tp-bars__t em{color:inherit}.tp-bar{background:var(--soft);border-radius:3px;height:5px;overflow:hidden}.tp-bar s{background:var(--bt-accent);border-radius:3px;height:100%;transition:width .4s;display:block}.tp-table{background:var(--softer);border-radius:10px 10px 0 0;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.tp-tools{flex:none;align-items:center;gap:10px;padding:9px 10px;display:flex}.tp-tools .pn-field{flex:0 420px}.tp-grid{grid-template-columns:minmax(0,1.5fr) 56px minmax(0,.95fr) 70px 78px 66px 72px 84px minmax(0,3.4fr);align-items:center;column-gap:14px;padding:0 16px;display:grid}.tp-th{height:30px;color:var(--bt-dim);border-bottom:1px solid var(--ln);flex:none}.tp-th button{align-items:center;gap:4px;min-width:0;height:100%;transition:color .15s;display:flex}.tp-th button:hover,.tp-th button.is-on{color:var(--bt-fg)}.tp-th svg{width:12px;height:12px;color:var(--bt-accent);opacity:0;transition:transform .2s var(--ease-out)}.tp-th .is-on svg{opacity:1}.tp-th .is-up svg{transform:rotate(180deg)}.tp-body{flex:1;min-height:0;overflow:hidden}.pn .tp-tr{font-variant-numeric:tabular-nums;width:100%;height:25px}.tp-tr:nth-child(2n){background:var(--softer)}.tp-tr>span{line-height:25px}.tp-name{margin-left:-10px;padding:0 10px}.tp-tr.is-sel .tp-name{background:var(--bt-selection);box-shadow:inset 0 0 0 1px var(--bt-accent)}@media (hover:hover){.tp-tr:hover{background:var(--soft)}}@container pn (width<=900px){.tp-card__st,.tp-card__h span,.tp-os,.tp-k{display:none}.tp-card{padding:11px 11px 10px}.tp-card__n strong{font-size:24px}.tp-grid{grid-template-columns:minmax(0,1.5fr) 56px minmax(0,.95fr) 70px 78px 66px 72px 84px}.tp-grid>:nth-child(9){display:none}}@container pn (width<=600px){.tp-cards,.tp-shape,.tp-load,.tp-every{display:none}.tp-bars{display:block}.tp-tools .pn-field{flex:60px}.tp-grid{grid-template-columns:minmax(0,1.4fr) 44px minmax(0,1fr) 62px 70px;column-gap:10px;padding:0 12px}.tp-grid>:nth-child(n+6){display:none}}.dk-in{flex:1;grid-template:minmax(0,1fr)/160px minmax(0,1fr) auto;min-height:0;display:grid;position:relative;overflow:hidden}.dk-nav{color:var(--bt-dim);flex-direction:column;gap:2px;min-width:0;padding:10px 8px;display:flex}.dk-nav>span{white-space:nowrap;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;height:30px;padding:0 10px;display:flex}.dk-nav>span i{opacity:.7;font-size:11px}.dk-nav>.is-on{background:color-mix(in srgb, var(--bt-accent) 13%, transparent);color:var(--bt-fg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bt-accent) 24%, transparent)}.dk-nav .pn-pill{padding:3px 6px}.dk-host{gap:7px;margin-top:auto;padding:0 10px 4px;font-size:11px;display:grid}.dk-host span{align-items:center;gap:7px;display:flex}.dk-host span:first-child{color:var(--bt-fg)}.dk-list{flex-direction:column;min-width:0;min-height:0;display:flex;container:dk/inline-size}.dk-head{flex:none;align-items:center;gap:10px;padding:12px 12px 8px 14px;display:flex}.dk-head strong{font-size:15px;font-weight:500}.dk-filter{flex:none;gap:10px;padding:6px 12px 10px 14px;display:flex}.dk-filter .pn-field{flex:0 220px;min-width:60px}.dk-filter .pn-seg button{transition:color .15s,background-color .15s}.dk-filter .pn-seg button:hover{color:var(--bt-fg)}.dk-row{grid-template-columns:18px minmax(0,1.25fr) minmax(0,1.15fr) 82px 56px;align-items:center;column-gap:10px;display:grid}.dk-cpu{display:none}.dk-cols{letter-spacing:.04em;color:var(--bt-dim);flex:none;padding:0 20px 6px 36px;font-size:10px;font-weight:600}.dk-rows{flex:1;min-height:0;padding:0 8px;overflow:hidden}.pn .dk-group,.pn .dk-c{border-radius:7px;width:100%;height:32px;transition:background-color .15s}.pn .dk-group{align-items:center;gap:8px;padding:0 12px 0 8px;display:flex}.dk-group b{font-weight:500}.pn .dk-c{padding:0 12px 0 28px;box-shadow:inset 0 0 0 1px #0000}.dk-c.is-sel{background:color-mix(in srgb, var(--bt-selection) 75%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bt-accent) 45%, transparent)}.dk-c.is-off b{color:var(--bt-dim)}@media (hover:hover){.dk-group:hover,.dk-c:not(.is-sel):hover{background:var(--softer)}}.dk-tw{width:14px;color:var(--bt-dim);transition:transform .2s var(--ease-out);place-items:center;display:grid}.dk-tw svg{width:11px;height:11px}.dk-tw.is-open{transform:rotate(90deg)}.dk-dot{border-radius:50%;flex:none;width:8px;height:8px;display:block}.dk-dot--ok{background:var(--bt-success)}.dk-dot--warn{background:var(--bt-warning)}.dk-dot--err{background:var(--bt-error)}.is-off .dk-dot--err,.dk-dh .dk-dot--err.is-ring{box-shadow:inset 0 0 0 2px var(--bt-error);background:0 0}.dk-dot--off{box-shadow:inset 0 0 0 2px var(--bt-quiet)}.dk-ok{color:var(--bt-success)}.dk-warn{color:var(--bt-warning)}.dk-err{color:var(--bt-error)}.dk-off{color:var(--bt-dim)}.dk-bars{gap:2px;display:inline-flex}.dk-bars i{background:currentColor;border-radius:2px;width:4px;height:12px}.dk-bars .dk-off{color:var(--bt-quiet)}.dk-cpu{justify-content:space-between;align-items:center;gap:6px}.dk-cpu em{font-variant-numeric:tabular-nums}.dk-cpu .pn-spark{width:44px;height:14px}@container dk (width>=620px){.dk-row{grid-template-columns:18px minmax(0,1.25fr) minmax(0,1.15fr) 82px 104px 56px}.dk-cpu{display:flex}}.dk-detail{border-left:1px solid var(--ln);background:color-mix(in srgb, var(--bt-fg) 2.5%, var(--bt-bg));flex-direction:column;width:430px;min-width:0;display:flex}.dk-detail[data-open=false]{display:none}.dk-dh{flex:none;align-items:center;gap:9px;padding:12px 12px 8px 16px;display:flex}.dk-dh strong{font-size:14px;font-weight:500}.pn-pill--off{color:var(--bt-dim);background:var(--soft)}.dk-sub{flex:none;padding:2px 16px 10px;font-size:11.5px}.dk-do{flex:none;gap:6px;padding:0 12px 10px 16px;display:flex}.dk-rm{color:var(--bt-error);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bt-error) 55%, transparent)}.dk-tabs{border-bottom:1px solid var(--ln);color:var(--bt-dim);white-space:nowrap;flex:none;gap:20px;padding:0 16px;display:flex;overflow:hidden}.dk-tabs span{padding:8px 0 9px}.dk-tabs .is-on{color:var(--bt-fg);box-shadow:inset 0 -2px 0 var(--bt-accent);font-weight:600}.dk-scroll{flex:1;grid-auto-rows:max-content;align-content:start;gap:8px;min-height:0;padding:10px 12px 0 16px;display:grid;overflow:hidden}.dk-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.dk-card{min-height:108px;box-shadow:inset 0 0 0 1px var(--ln);border-radius:9px;align-content:start;gap:8px;padding:11px 12px;display:grid;position:relative;overflow:hidden}.dk-card u{letter-spacing:.05em;color:var(--bt-dim);align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.dk-card strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:17px;font-weight:400}.dk-card>span{font-size:11px}.dk-card--wide{min-height:0}.dk-g{width:auto;height:30px;position:absolute;bottom:10px;left:12px;right:12px}.dk-fill{background:linear-gradient(to top, color-mix(in srgb, var(--bt-accent) 26%, transparent) calc(var(--v) * 100% + 30%), transparent 0);border-top:0;height:30px;position:absolute;bottom:10px;left:12px;right:12px}.dk-fill:after{content:"";left:0;right:0;bottom:calc(var(--v) * 100% + 30%);background:var(--bt-accent);height:1.2px;position:absolute}.dk-kv{grid-template-columns:96px minmax(0,1fr);gap:12px 10px;padding:8px 2px 0;font-size:11.5px;display:grid}.dk-kv u{letter-spacing:.05em;color:var(--bt-dim);grid-column:1/-1;font-size:10px;font-weight:600}.dk-kv span{color:var(--bt-dim)}.dk-kv b{font-weight:400}@container pn (width<=900px){.dk-in{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.dk-nav{flex-direction:row;gap:2px;padding:8px 8px 0;overflow:hidden}.dk-nav>span{padding:0 10px}.dk-nav>span i,.dk-host,.dk-k{display:none}.dk-detail{background:var(--bt-bg);border-left:0;width:auto;position:absolute;inset:38px 0 0}.dk-detail[data-open=auto]{display:none}}@container pn (width<=600px){.dk-head .pn-btn,.dk-filter .pn-field{display:none}.dk-filter .pn-seg>*{padding:6px 8px}.dk-row{grid-template-columns:14px minmax(0,1.3fr) minmax(0,1fr) 70px;column-gap:8px}.dk-row>:last-child{display:none}.pn .dk-c{padding:0 8px 0 20px}.dk-cols{padding:0 16px 6px 28px}.dk-tabs{gap:14px}}.sq-bar{border-bottom:1px solid var(--ln);white-space:nowrap;flex:none;align-items:center;gap:10px;height:46px;padding:0 10px 0 16px;display:flex}.sq-bar strong{font-size:13px}.sq-db{color:var(--bt-accent);display:grid}.sq-db svg{width:16px;height:16px}.sq-in{flex:1;grid-template:minmax(0,1fr)/236px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.sq-tables{border-right:1px solid var(--ln);min-width:0;padding:6px 8px;overflow:hidden}.sq-th{justify-content:space-between;align-items:center;height:36px;padding:0 8px;display:flex}.sq-th strong{font-size:12.5px}.pn .sq-t{border-radius:6px;align-items:center;gap:8px;width:100%;height:28px;padding:0 8px;display:flex}.sq-t>.pn-ic{color:var(--bt-accent)}.sq-view>.pn-ic{color:var(--bt-ansi5)}.sq-t .pn-r{margin-left:auto;font-size:11px}.sq-tw{color:var(--bt-dim);transition:transform .2s var(--ease-out);display:grid}.sq-tw svg{width:11px;height:11px}.sq-t[aria-expanded=true] .sq-tw{transform:rotate(90deg)}@media (hover:hover){.pn button.sq-t:hover{background:var(--soft)}}.sq-cols{padding:2px 8px 6px 49px;display:grid}.sq-cols span{justify-content:space-between;align-items:center;gap:10px;height:22px;display:flex}.sq-cols i{font-size:11px}.sq-work{flex-direction:column;min-width:0;min-height:0;display:flex}.sq-code{flex:none;padding:8px 0 6px;overflow:hidden}.sq-code>div{white-space:pre;align-items:center;height:19px;display:flex}.sq-code>.is-at{background:var(--softer)}.sq-ln{text-align:right;width:44px;color:var(--bt-quiet);flex:none;padding-right:8px}.sq-code>.is-at .sq-ln{color:var(--bt-fg)}.sq-fold{width:22px;color:var(--bt-dim);flex:none;font-size:9px}.sq-kw{color:var(--bt-accent);font-weight:600}.sq-fn{color:var(--bt-info)}.sq-str{color:var(--bt-success)}.sq-num{color:var(--bt-warning)}.pn .sq-cm{color:var(--bt-dim);font-style:italic}.sq-caret,.tx-caret{vertical-align:-3px;background:var(--bt-accent);width:2px;height:15px;margin:0 -1px;display:inline-block}.sq-rh{border-block:1px solid var(--ln);flex:none;align-items:center;gap:10px;height:40px;padding:0 10px 0 16px;display:flex}.sq-rh strong{font-size:12.5px}.sq-grid{flex:1;min-height:0;overflow:hidden}.sq-gh,.sq-gr{align-items:center;column-gap:16px;padding-right:16px;display:grid}.sq-gh{border-bottom:1px solid var(--ln);height:42px}.sq-gh>span,.sq-gr>:first-child{text-align:right;color:var(--bt-quiet);font-size:11px}.sq-gh button{gap:5px;min-width:0;display:grid}.sq-gh b{align-items:center;gap:3px;display:flex}.sq-gh .pn-r b{justify-content:flex-end}.sq-gh small{color:var(--bt-dim);font-size:10.5px}.sq-gh svg{width:11px;height:11px;color:var(--bt-accent);opacity:0;transition:transform .2s var(--ease-out);transform:rotate(180deg)}.sq-gh .is-on svg{opacity:1}.sq-gh .is-down svg{transform:none}.sq-gr{font-variant-numeric:tabular-nums;height:24px}.sq-gr:nth-child(odd){background:var(--softer)}.sq-gr.is-new{animation:sq-row .3s var(--ease-out) both}.sq-json{color:var(--bt-info)}@keyframes sq-row{0%{opacity:0;transform:translateY(3px)}}@container pn (width<=900px){.sq-in{grid-template-columns:178px minmax(0,1fr)}.sq-opt{display:none!important}}@container pn (width<=600px){.sq-in{grid-template-columns:minmax(0,1fr)}.sq-tables,.sq-opt2,.sq-rh .pn-btn{display:none}.sq-bar{gap:8px;padding-left:12px}.sq-ln{width:30px}.sq-fold{width:14px}}.tx-in{flex:1;grid-template:minmax(0,1fr)/232px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.tx-side{background:color-mix(in srgb, var(--bt-fg) 3%, var(--bt-bg));border-right:1px solid var(--ln);flex-direction:column;min-width:0;display:flex}.tx-tools{height:38px;color:var(--bt-dim);flex:none;align-items:center;gap:4px;padding:0 8px;display:flex}.tx-tools span:not(.pn-sp){border-radius:6px;place-items:center;width:26px;height:24px;display:grid}.tx-tools .is-on{background:var(--soft);color:var(--bt-fg)}.tx-proj{white-space:nowrap;flex:none;align-items:baseline;gap:8px;padding:8px 12px 9px;font-size:11px;display:flex}.tx-proj b{letter-spacing:.04em;color:var(--bt-dim);font-weight:500}.tx-tree{flex:1;min-height:0;overflow:hidden}.pn .tx-f{width:100%;height:25px;padding:0 12px 0 calc(10px + var(--d) * 16px);align-items:center;gap:8px;display:flex}.tx-f.is-on{background:var(--soft)}@media (hover:hover){.pn button.tx-f:not(.is-on):hover{background:var(--softer)}}.tx-f em{margin-left:auto;font-size:10.5px}.tx-dir .pn-ic{color:var(--bt-accent)}.tx-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.tx-m,.tx-m em{color:var(--bt-warning)}.tx-u,.tx-u em{color:var(--bt-success)}.tx-dir.tx-m>span,.tx-dir.tx-u>span{color:inherit}.tx-b{letter-spacing:-.02em;width:15px;height:13px;color:var(--c,var(--bt-accent));box-shadow:inset 0 0 0 1px var(--c,var(--bt-accent));border-radius:3px;flex:none;place-items:center;font-size:7.5px;font-weight:700;display:grid}.tx-b--py{--c:var(--bt-warning)}.tx-b--yaml{--c:var(--bt-error)}.tx-b--docker{--c:var(--bt-info)}.tx-main{flex-direction:column;min-width:0;min-height:0;display:flex}.tx-tabs{border-bottom:1px solid var(--ln);height:38px;color:var(--bt-dim);background:color-mix(in srgb, var(--bt-fg) 3%, var(--bt-bg));flex:none;display:flex}.pn .tx-tab{border-right:1px solid var(--ln);white-space:nowrap;align-items:center;gap:8px;padding:0 14px;transition:color .15s;display:flex}.tx-tab.is-on{background:var(--bt-bg);box-shadow:inset 0 2px 0 var(--bt-accent)}.tx-tab:not(.tx-m):not(.tx-u).is-on,.tx-tab:not(.tx-m):not(.tx-u):hover{color:var(--bt-fg)}.tx-tab u{color:var(--bt-dim);display:grid}.tx-tab u svg{width:11px;height:11px}.tx-more,.tx-menu{flex:none;place-items:center;width:34px;display:grid}.tx-menu{border-right:1px solid var(--ln);display:none}.tx-code{flex:1;min-height:0;padding-top:6px;overflow:hidden}.tx-l{white-space:pre;align-items:center;height:20px;display:flex}.tx-l.is-at{background:var(--softer)}.tx-ln{text-align:right;width:46px;color:var(--bt-quiet);flex:none;padding-right:10px}.tx-l.is-at .tx-ln{color:var(--bt-fg)}.tx-mk{flex:none;align-self:stretch;width:3px}.tx-mk--m{background:var(--bt-accent)}.tx-mk--a{background:var(--bt-success)}.tx-fold{flex:none;place-items:center;width:24px;display:grid}.tx-fold i{border:3.5px solid #0000;border-top:5px solid var(--bt-dim);border-bottom:0}.tx-t{position:relative}.tx-caret{left:calc(var(--col) * 1ch);margin:-7.5px 0 0 -1px;position:absolute;top:50%}.tx-kw{color:var(--bt-accent)}.tx-fn{color:var(--bt-info)}.tx-str{color:var(--bt-success)}.tx-num,.tx-const{color:var(--bt-warning)}.tx-cm{color:var(--bt-dim)}.pn--text .pn-keys .pn-ic{width:12px;height:12px}@container pn (width<=900px){.tx-in{grid-template-columns:186px minmax(0,1fr)}.tx-k,.tx-k2{display:none}.pn .tx-tab{padding:0 11px}}@container pn (width<=600px){.tx-in{grid-template-columns:minmax(0,1fr)}.tx-side{display:none}.tx-menu{display:grid}.tx-tabs{overflow:hidden}.tx-ln{width:32px;padding-right:8px}.tx-fold{width:16px}}.pk-title{flex:none;align-items:center;gap:10px;padding:14px 16px 4px;font-size:13px;display:flex}.pk-title .pn-ic{display:block}.pk-query{border-bottom:1px solid var(--ln);white-space:nowrap;flex:none;align-items:center;gap:8px;height:38px;padding:0 16px;display:flex}.pk-query .pn-ic{width:11px;height:11px;display:block}.pk-in{flex:1;grid-template:minmax(0,1fr)/minmax(0,1fr) 380px;min-height:0;display:grid;overflow:hidden}.pk-table{flex-direction:column;min-width:0;min-height:0;display:flex}.pk-row{grid-template-columns:16px minmax(0,1.55fr) 54px minmax(0,1fr) minmax(0,.9fr) 50px;align-items:center;column-gap:14px;display:grid}.pk-head{border-bottom:1px solid var(--ln);letter-spacing:.03em;height:32px;color:var(--bt-dim);flex:none;padding:0 16px 0 14px;font-size:11px;font-weight:600}.pk-rows{flex:1;min-height:0;overflow:hidden}.pn .pk-rows .pk-row{width:100%;height:26px;padding:0 16px 0 14px;box-shadow:inset 2px 0 #0000}.pk-rows .pk-row.is-on{background:color-mix(in srgb, var(--bt-accent) 11%, transparent)}.pk-rows .pk-row.is-at{box-shadow:inset 2px 0 0 var(--bt-accent)}@media (hover:hover){.pk-rows .pk-row:not(.is-on):hover{background:var(--softer)}}.pk-box{width:14px;height:14px;box-shadow:inset 0 0 0 1.3px var(--bt-quiet);border-radius:4px;place-items:center;transition:background-color .12s,box-shadow .12s;display:grid}.pk-box svg{stroke-width:2px;width:11px;height:11px;color:var(--bt-on-accent);opacity:0}.is-on>span>.pk-box,.pk-box.is-all,.pk-box.is-some{background:var(--bt-accent);box-shadow:none}.is-on>span>.pk-box svg{opacity:1}.pk-box.is-some:after{content:"";background:var(--bt-on-accent);border-radius:1px;width:7px;height:2px}.pk-out{border-left:1px solid var(--ln);flex-direction:column;min-width:0;display:flex}.pk-tabs{border-bottom:1px solid var(--ln);height:40px;color:var(--bt-dim);white-space:nowrap;flex:none;align-items:center;gap:18px;padding:0 14px 0 16px;display:flex}.pk-tabs span:not(.pn-sp){align-items:center;gap:7px;height:100%;display:inline-flex}.pk-tabs .is-on{color:var(--bt-fg);box-shadow:inset 0 -2px 0 var(--bt-accent);font-weight:600}.pk-tabs kbd{background:0 0;padding:0}.pk-sec{border-bottom:1px solid var(--ln);gap:10px;padding:14px 14px 14px 16px;display:grid}.pk-sec>b{font-size:11.5px}.pk-sec>b span{font-weight:400}.pk-cmd{box-shadow:inset 0 0 0 1px var(--ln);border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;line-height:1.5;display:flex}.pk-cmd span:first-child{overflow-wrap:anywhere;flex:1;min-width:0}.pk-sec p{align-items:flex-start;gap:8px;margin:0;font-size:11.5px;line-height:1.5;display:flex}.pk-sec p .pn-ic{margin-top:2px}.pk-sec--out{border-bottom:0;flex:1;grid-template-rows:auto auto minmax(0,1fr);min-height:0}.pk-chip{background:var(--soft);border-radius:999px;justify-self:start;align-items:center;gap:7px;padding:4px 8px 4px 10px;font-size:11.5px;display:inline-flex}.pk-chip .pn-ic{width:10px;height:10px;color:var(--bt-dim)}.pk-list{box-shadow:inset 0 0 0 1px var(--ln);border-radius:8px;grid-auto-rows:20px;align-content:start;gap:0;padding:8px 12px;display:grid;overflow:hidden}.pk-list span{white-space:nowrap;text-overflow:ellipsis;line-height:20px;overflow:hidden}.pk-keys{height:44px;padding-right:8px}.pn .pk-none{border-radius:7px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;display:inline-flex}.pn .pk-none:hover{color:var(--bt-fg);background:var(--soft)}.pk-keys .pn-btn--go{padding:8px 10px 8px 12px;font-size:12px;font-weight:600}.pk-keys .pn-btn--go:disabled{opacity:.45;cursor:default}@container pn (width<=900px){.pk-in{grid-template-columns:minmax(0,1fr) 290px}.pk-row{grid-template-columns:16px minmax(0,1.5fr) 44px minmax(0,1fr) 46px;column-gap:10px}.pk-row>:nth-child(5),.pk-k{display:none}}@container pn (width<=600px){.pk-in{grid-template-columns:minmax(0,1fr)}.pk-out,.pk-query .pn-cut,.pk-keys>span:not(.pn-sp){display:none}.pk-row{grid-template-columns:16px minmax(0,1.6fr) minmax(0,1fr) 44px}.pk-row>:nth-child(3){display:none}}
