.xs{--xs-scene-h:140px;--xs-bar-h:28px;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:0;padding:0;list-style:none;display:grid}.xs-step{min-width:0;position:relative}.xs-step:not(:last-child):after{content:"";top:calc(var(--xs-scene-h) / 2 - 1px);background:repeating-linear-gradient(90deg, var(--accent) 0 6px, transparent 6px 12px);width:24px;height:2px;position:absolute;right:-32px}.xs-step:not(:last-child):before{content:"";top:calc(var(--xs-scene-h) / 2 - 6px);border-left:8px solid var(--accent);border-top:6px solid #0000;border-bottom:6px solid #0000;position:absolute;right:-40px}.xs-scene{height:var(--xs-scene-h);border-radius:var(--radius-sm);background:var(--surface-0);display:block;position:relative;overflow:hidden}.xs-light .xs-scene{border:1px solid var(--line);box-shadow:var(--shadow-md)}.xs-dark .xs-scene{box-shadow:var(--shadow-lg)}.xs-tbar{height:var(--xs-bar-h);background:var(--draw-chrome);align-items:center;gap:6px;padding:0 10px;display:flex}.xs-tbar>i{background:var(--draw-chrome-dot);border-radius:50%;flex:none;width:8px;height:8px}.xs-url{background:var(--draw-url);border-radius:7px;flex:1;height:14px;margin:0 8px}.xs-ext{background:var(--accent);border-radius:5px;flex:none;width:16px;height:16px;position:relative}.xs-ext:after{content:"";border:2px solid #fff;border-radius:50%;position:absolute;inset:4px}.xs-ring{box-shadow:0 0 0 4px var(--rose-line), 0 0 0 7px var(--accent-soft)}.xs-panel{height:calc(100% - var(--xs-bar-h));grid-template-columns:52px 1fr;display:grid}.xs-nav{background:var(--draw-panel-nav);align-content:start;gap:6px;padding:8px 6px;display:grid}.xs-nav i{background:var(--draw-panel-nav-line);border-radius:3px;height:6px}.xs-nav i.xs-on{background:var(--violet)}.xs-body{align-content:start;gap:7px;padding:10px;display:grid}.xs-body i{background:var(--draw-fill);border-radius:4px;height:8px}.xs-body i:nth-child(2){width:80%}.xs-body i:nth-child(3){width:62%}.xs-body i:nth-child(4){width:72%}.xs-pop{right:10px;top:calc(var(--xs-bar-h) + 6px);background:var(--surface-0);border:1px solid var(--line);border-radius:var(--radius-sm);width:min(150px,62%);box-shadow:var(--shadow-lg);gap:5px;padding:10px;display:grid;position:absolute}.xs .xs-pop b{font-size:var(--text-2xs);color:var(--ink);line-height:1.2}.xs-pop i{background:var(--draw-fill);border-radius:3px;height:6px}.xs-pop i:nth-of-type(2){width:70%}.xs-sync{background:var(--accent);color:#fff;text-align:center;font-size:var(--text-2xs);border-radius:7px;margin-top:3px;padding:5px 0;font-weight:800;line-height:1.2}.xs-cursor{border-left:9px solid var(--ink);border-top:6px solid #0000;border-bottom:6px solid #0000;width:0;height:0;position:absolute;top:112px;right:44px;transform:rotate(-35deg)}.xs-ol{height:calc(100% - var(--xs-bar-h));align-content:start;gap:10px;padding:12px;display:grid}.xs-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.xs-kpis>span{border:1px solid var(--line2);border-radius:var(--radius-xs);padding:6px;display:block}.xs-kpis i{background:var(--draw-fill);border-radius:3px;width:60%;height:5px;margin-bottom:5px;display:block}.xs-kpis b{border-radius:3px;height:9px;display:block}.xs-kpis>span:first-child b{background:var(--green);width:80%}.xs-kpis>span:nth-child(2) b{background:var(--blue);width:55%}.xs-kpis>span:nth-child(3) b{background:var(--orange);width:40%}.xs-bars{align-items:flex-end;gap:5px;height:40px;display:flex}.xs-bars i{background:var(--green-line);border-radius:3px 3px 0 0;flex:1}.xs-bars i:nth-child(odd){background:var(--green)}.xs-cap{font-size:var(--text-base);align-items:flex-start;gap:10px;margin-top:12px;display:flex}.xs-cap b{font-size:var(--text-md);display:block}.xs-sub{display:block}.xs-num{background:var(--accent);color:#fff;width:26px;height:26px;font-weight:800;font-size:var(--text-sm);border-radius:50%;flex:none;place-items:center;display:inline-grid}.xs-light .xs-cap{color:var(--ink2)}.xs-light .xs-cap b{color:var(--ink)}.xs-dark .xs-cap{color:var(--night-dim)}.xs-dark .xs-cap b{color:var(--night-text)}.xs-compact{--xs-scene-h:84px;--xs-bar-h:18px;gap:24px}.xs-compact .xs-step:not(:last-child):after{width:14px;right:-20px}.xs-compact .xs-step:not(:last-child):before{top:calc(var(--xs-scene-h) / 2 - 4px);border-top-width:4px;border-bottom-width:4px;border-left-width:6px;right:-24px}.xs-compact .xs-tbar{gap:4px;padding:0 6px}.xs-compact .xs-tbar>i{width:5px;height:5px}.xs-compact .xs-url{height:9px;margin:0 4px}.xs-compact .xs-ext{border-radius:3px;width:11px;height:11px}.xs-compact .xs-ext:after{border-width:1.5px;inset:3px}.xs-compact .xs-ring{box-shadow:0 0 0 3px var(--rose-line), 0 0 0 5px var(--accent-soft)}.xs-compact .xs-panel{grid-template-columns:28px 1fr}.xs-compact .xs-nav{gap:4px;padding:5px 4px}.xs-compact .xs-nav i{height:4px}.xs-compact .xs-body{gap:5px;padding:6px}.xs-compact .xs-body i{height:5px}.xs-compact .xs-pop{right:6px;top:calc(var(--xs-bar-h) + 4px);gap:3px;width:70%;padding:5px}.xs-compact .xs-pop i,.xs-compact .xs-cursor{display:none}.xs-compact .xs-sync{margin-top:1px;padding:3px 0}.xs-compact .xs-ol{gap:6px;padding:6px}.xs-compact .xs-kpis{gap:4px}.xs-compact .xs-kpis>span{padding:4px}.xs-compact .xs-kpis i{height:3px;margin-bottom:3px}.xs-compact .xs-kpis b{height:6px}.xs-compact .xs-bars{gap:3px;height:22px}.xs-compact .xs-cap{font-size:var(--text-sm);gap:6px;margin-top:8px}.xs-compact .xs-cap b{font-size:var(--text-sm);font-weight:600}.xs-compact .xs-num{width:20px;height:20px;font-size:var(--text-xs)}@media (max-width:560px){.xs:not(.xs-compact){grid-template-columns:1fr;gap:22px}.xs:not(.xs-compact) .xs-step:after,.xs:not(.xs-compact) .xs-step:before{display:none}}.xt{font-size:var(--text-base);flex-wrap:wrap;gap:8px 22px;margin:0;padding:14px 0 0;list-style:none;display:flex}.xt li{align-items:center;gap:8px;display:inline-flex}.xt li:before{content:"";border-bottom:2.5px solid;border-right:2.5px solid;flex:none;width:5px;height:10px;margin-top:-3px;transform:rotate(45deg)}.xt-light{border-top:1px solid var(--line2);color:var(--ink2)}.xt-light li:before{border-color:var(--green-fg)}.xt-dark{border-top:1px solid var(--night-line);color:var(--night-dim)}.xt-dark li:before{border-color:var(--night-green)}