.cx-head{margin-bottom:20px}.cx-titlerow{flex-wrap:wrap;gap:12px}.cx-pop{width:260px;max-height:min(420px, var(--available-height,420px))}.cx-bar,.cx-codebar{gap:12px;padding:0 12px 0 16px}.cx-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;min-height:48px}.cx-bar-title{font:600 14px var(--font-sans);margin:0}.cx-sync{font:500 13px var(--font-sans);cursor:pointer;gap:10px;padding:6px 4px}.cx-switch{background:var(--line-strong);border:0;border-radius:999px;flex:none;width:34px;height:20px;padding:0;transition:background .15s;position:relative}.cx-switch[data-checked]{background:var(--fg)}.cx-thumb{background:var(--bg);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.cx-switch[data-checked] .cx-thumb{transform:translate(14px)}.cx-tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin:0 -1px -1px 0;display:grid;position:relative}.cx-tile{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;min-width:0;display:flex}.cx-th{border-bottom:1px solid var(--line-soft);padding:10px 12px}.cx-th h3{font:600 13px var(--font-sans);margin:0}.cx-dot{width:7px;height:7px}.u-tbl .cx-dot{vertical-align:1px;margin-right:7px;display:inline-block}.cx-event{font:11px/17px var(--font-mono)}.cx-ver{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:auto;overflow:hidden}.cx-stage{contain:paint;height:210px;overflow:hidden}.cx-hostbox,.cx-loading{justify-content:center;margin:0;padding:12px;position:absolute;inset:0}.cx-host{max-width:100%;color:var(--demo-text)}.cx-stage .dialog{width:calc(100% - 24px);max-width:420px;padding:14px}.cx-loading,.cx-tilenote{font:12px/18px var(--font-sans);color:var(--muted);text-align:center}.cx-tilenote{border-top:1px solid var(--line-soft);text-align:left;margin:0;padding:8px 12px}.cx-tilenote code{font-family:var(--font-mono)}.cx-event{box-sizing:border-box;border-top:1px solid var(--line-soft);min-height:34px;color:var(--fg2);word-break:break-all;margin:auto 0 0;padding:10px 12px}.cx-event[data-empty]{color:var(--muted)}.cx-val{color:var(--fg2)}.cx-differs .cx-val{color:var(--fg);text-underline-offset:4px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.cx-none,.cx-kind{color:var(--muted)}.cx-ok{color:var(--fg);font-weight:500}.cx-prop{font:13px var(--font-mono)}.cx-kind{font:12px var(--font-sans);margin-left:8px}.cx-nowrap{white-space:nowrap}.cx-codebar{height:49px;box-shadow:inset 0 -1px var(--line)}.cx-codebar .u-tabs{flex:auto;align-self:stretch;min-width:0;height:auto;padding:0}.cx-file{font:12px var(--font-mono);color:var(--muted);flex:none}@media (width<=819.98px){.cx-file{display:none}}