.scene{width:min(100%,560px,39vw);margin-right:max(0px,calc(50vw - 656px - max(0px,(100vw - 1440px) / 2)));container-type:inline-size}.dp{font-size:2.3cqw;background:#0b1349;border:1px solid rgba(169,189,245,.28);border-radius:3px;color:#fff;overflow:hidden;box-shadow:0 1px #d6deff1f inset,0 40px 80px -30px #02041acc}.dp__bar{display:flex;align-items:center;gap:.7em;height:3.1em;padding:0 1.3em;border-bottom:1px solid rgba(169,189,245,.18);font-size:.95em}.dp__mark{width:1.15em;height:1.15em;border-radius:2px;background:linear-gradient(135deg,#a9bdf5,#3550cf)}.dp__bar b{font-weight:600}.dp__tabs{display:flex;gap:1.5em;margin-left:auto;height:100%}.dp__tabs span{display:flex;align-items:center;color:#a9bdf5}.dp__tabs .is-on{color:#fff;box-shadow:inset 0 -2px 0 var(--wm-yellow)}.dp__body{display:grid;grid-template-columns:10.6em minmax(0,1fr)}.dp__nav{margin:0;padding:1.2em 0 1.4em 1.3em;border-right:1px solid rgba(169,189,245,.14);font-size:.86em;list-style:none}.dp__nav li{padding:.32em 0;color:#a9bdf5;transition:color .3s ease}.dp__nav .dp__group{margin-top:.9em;padding-bottom:.2em;font-weight:600;color:#fff}.dp__nav .dp__group:first-child{margin-top:0}.dp__nav li.is-on{position:relative;color:#fff}.dp__nav li.is-on:before{content:"";position:absolute;left:-1.3em;top:.35em;bottom:.35em;width:2px;background:var(--wm-yellow)}.dp__main{padding:1.3em 1.4em 1.5em;min-width:0}.dp__ep{display:flex;gap:.6em;font:400 .86em/1.3 DM Mono,ui-monospace,SF Mono,Menlo,monospace;white-space:nowrap;overflow:hidden}.dp__ep b,.dp__line b{font-weight:500;color:var(--wm-yellow)}.dp__title{margin:.55em 0 .35em;font-size:1.3em;font-weight:600;line-height:1.2}.dp__desc{font-size:.9em;line-height:1.45;color:#fff}.dp__swap{transition:opacity .3s ease}.dp__try{margin-top:1.2em;border:1px solid rgba(169,189,245,.24);border-radius:3px;background:#ffffff09}.dp__tryhead{display:flex;align-items:center;justify-content:space-between;padding:.65em .9em;border-bottom:1px solid rgba(169,189,245,.16);font-size:.9em;font-weight:600}.dp__env{display:inline-flex;border:1px solid rgba(169,189,245,.32);border-radius:2px;font-size:.9em;font-weight:500}.dp__env span{display:inline-flex;align-items:center;gap:.45em;padding:.3em .7em;color:#a9bdf5}.dp__env .is-on{background:#fff;color:var(--wm-navy)}.dp__env i{width:.45em;height:.45em;border-radius:50%;background:#1fae7a}.dp__req{padding:.75em .9em .2em;font:400 .84em/1.65 DM Mono,ui-monospace,SF Mono,Menlo,monospace}.dp__host{color:#a9bdf5}.dp__line{display:flex;align-items:center;gap:.7em;white-space:nowrap;overflow:hidden}.dp__line .pth{overflow:hidden;text-overflow:ellipsis}.dp__send{margin-left:auto;flex:none;display:inline-flex;align-items:center;height:1.9em;padding:0 .85em;border-radius:2px;background:#fff;color:var(--wm-cobalt);font:600 1.05em/1 var(--wm-font);transition:transform .15s ease}.dp pre{margin:.25em 0 0;min-height:6.6em;font:inherit;white-space:pre;color:#fff}.dp__res{padding:.65em .9em .8em;border-top:1px solid rgba(169,189,245,.16);font:400 .84em/1.65 DM Mono,ui-monospace,SF Mono,Menlo,monospace}.dp__code{display:inline-flex;align-items:center;gap:.5em;font:500 1.05em/1 var(--wm-font);color:#84f0c8}.dp__code i{width:.5em;height:.5em;border-radius:50%;background:currentColor}.dp__code.is-err{color:#ff9d9d}.dp__dots{display:none;gap:.3em;height:1.05em;align-items:center}.dp__dots b{width:.34em;height:.34em;border-radius:50%;background:#a9bdf5;animation:dp-dot 1s ease-in-out infinite}.dp__dots b:nth-child(2){animation-delay:.15s}.dp__dots b:nth-child(3){animation-delay:.3s}@keyframes dp-dot{50%{opacity:.25}}.dp.is-playing .dp__req,.dp.is-playing .dp__res>*{transition:opacity .35s ease}.dp.is-playing.is-swap .dp__req,.dp.is-playing.is-swap .dp__res>*,.dp.is-playing.is-swap .dp__swap{opacity:0}.dp.is-playing.is-wait .dp__res>:not(.dp__dots){opacity:0}.dp.is-playing.is-wait .dp__dots{display:inline-flex}.dp.is-playing.is-wait .dp__res>.dp__code{display:none}.dp.is-playing.is-press .dp__send{transform:scale(.94)}@media(max-width:1024px){.scene{width:min(100%,580px);margin-right:0}}@media(max-width:560px){.dp{font-size:2.9cqw}.dp__body{grid-template-columns:minmax(0,1fr)}.dp__nav{display:none}.dp__tabs span:not(.is-on){display:none}}@media(prefers-reduced-motion:reduce){.dp__dots b{animation:none}}
