.xd .xl-console{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:20px;align-items:stretch}.xd .xl-tabs{gap:8px}.xd .xl-tab,.xd .xl-tabs{display:flex;flex-direction:column}.xd .xl-tab{position:relative;text-align:left;gap:6px;padding:18px 20px 20px;border:1px solid var(--line-dark);border-radius:14px;background:rgba(6,6,6,.9);color:var(--white);cursor:pointer;font:inherit;overflow:hidden;transition:border-color .2s ease,background .2s ease}.xd .xl-tab:hover{border-color:#3a3a3a}.xd .xl-tab[aria-selected=true]{border-color:var(--blue);background:#04121f}.xd .xl-tab__code{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--blue-light)}.xd .xl-tab__t{font-family:var(--font-display);font-stretch:118%;font-weight:600;font-size:19px;line-height:1.15}.xd .xl-tab__d{font-size:13.5px;line-height:1.45;color:var(--muted-dark);display:none}.xd .xl-tab[aria-selected=true] .xl-tab__d{display:block}.xd .xl-tab__bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:transparent}.xd .xl-tab__bar i{display:block;height:100%;width:0;background:var(--blue)}.xd .xl-tab[aria-selected=true] .xl-tab__bar i{animation:xlbar var(--xl-dwell,9s) linear forwards}.xd .xl.is-manual .xl-tab__bar i{animation:none;width:0}@keyframes xlbar{to{width:100%}}.xd .xl-panel{border:1px solid var(--line-dark);border-radius:20px;background:rgba(4,4,4,.96);display:flex;flex-direction:column;min-width:0;overflow:hidden}.xd .xl-panel__top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid #1c1c1c;font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;color:var(--muted-dark-2)}.xd .xl-live{display:inline-flex;align-items:center;gap:8px;color:var(--blue-light)}.xd .xl-live:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 0 rgba(2,120,220,.6);animation:xlping 1.8s ease-out infinite}@keyframes xlping{to{box-shadow:0 0 0 10px rgba(2,120,220,0)}}.xd .xl-stage{position:relative;padding:12px 16px 0}.xd .xl-svg{width:100%;height:auto;display:block;font-family:var(--font-mono)}.xd .xl-ctrl{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;padding:4px 8px 8px}.xd .xl-ctrl label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--muted-dark)}.xd .xl-ctrl b{font-weight:500;color:var(--white);font-family:var(--font-mono)}.xd .xl-ctrl input{width:100%;accent-color:var(--blue)}.xd .xl-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #1c1c1c;margin-top:8px}.xd .xl-stat{padding:16px 22px;border-left:1px solid #1c1c1c;display:flex;flex-direction:column;gap:4px;min-width:0}.xd .xl-stat:first-child{border-left:0}.xd .xl-stat__v{font-family:var(--font-display);font-stretch:118%;font-weight:600;font-size:26px;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--white)}.xd .xl-stat__v.ok{color:var(--blue-light)}.xd .xl-stat__v.warn{color:#f2b84b}.xd .xl-stat__l{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--muted-dark-2);text-transform:uppercase}.xd .xl-built{margin:0;padding:16px 22px;border-top:1px solid #1c1c1c;font-size:14px;color:#c9c9c6;display:flex;flex-direction:column;gap:6px}.xd .xl-built span{letter-spacing:.14em;color:var(--blue-light)}.xd .xl-built span,.xd .xl-note{font-family:var(--font-mono);font-size:11px}.xd .xl-note{margin:0;padding:12px 22px 16px;color:#5f5f5b}.xd .xl-svg text{fill:#9a9a96;font-size:11px;letter-spacing:.06em}.xd .xl-svg .t-w{fill:#fff}.xd .xl-svg .t-b{fill:var(--blue-light)}.xd .xl-svg .t-a{fill:#f2b84b}.xd .xl-svg .t-r{fill:#ff6b5e}.xd .xl-svg .t-lg{font-family:var(--font-display);font-stretch:118%;font-weight:600;font-size:15px;letter-spacing:0}@media (max-width:1100px){.xd .xl-console{grid-template-columns:1fr}.xd .xl-tabs{flex-direction:row;overflow-x:auto;scrollbar-width:none;margin:0 -24px;padding:0 24px}.xd .xl-tab{flex:0 0 220px}.xd .xl-tab__d{display:none!important}}@media (max-width:640px){.xd .xl-tabs{margin:0 -20px;padding:0 20px}.xd .xl-stats{grid-template-columns:1fr}.xd .xl-stat{border-left:0;border-top:1px solid #1c1c1c;flex-direction:row;justify-content:space-between;align-items:baseline}.xd .xl-stat:first-child{border-top:0}.xd .xl-stat__v{font-size:20px}.xd .xl-ctrl{grid-template-columns:1fr}.xd .xl-tab{flex-basis:190px}}@media (prefers-reduced-motion:reduce){.xd .xl-live:before,.xd .xl-tab__bar i{animation:none!important}}@media (max-width:700px){.xd .xl-stage{overflow-x:auto;-webkit-overflow-scrolling:touch}.xd .xl-svg{min-width:620px}}.xd .xl [hidden]{display:none!important}.xd .xl .xl-note{color:#a8a8a4}.xd .xl-pause{border:1px solid #454545;border-radius:6px;padding:7px 10px;color:#fff;background:transparent;font-size:11px;letter-spacing:0;cursor:pointer}.xd .xl-pause:hover{background:#1c1c1c}.xd .xl-panel__top{flex-wrap:wrap}.xd .xl.is-background *,.xd .xl.is-offscreen *,.xd .xl.is-paused *{animation-play-state:paused!important}.xd .xl-scroll-hint{display:none;color:#a8a8a4;font-size:12px;margin-bottom:8px}@media(max-width:700px){.xd .xl-scroll-hint{display:block}.xd .xl-stage{scrollbar-width:thin}.xd .xl-stat{gap:14px}.xd .xl-stat__l{text-align:right}.xd .xl-panel__top{padding:14px}.xd .xl-tabs{scrollbar-width:thin}.xd .xl-ctrl{padding:12px 8px}}