.sx [hidden]{display:none!important}.sx .app-body.sdemo{grid-template-columns:240px minmax(0,1fr) 300px;min-height:540px}.sx .sdemo .app-side{min-width:0}.sx .sdemo .side-head .t{height:100%}.sx .sdemo .lib-item{cursor:pointer;text-align:left;width:100%}.sx .sdemo .tpl{text-align:left;width:calc(100% - 24px)}.sx .sd-tree{gap:1px;padding:8px;display:grid}.sx .sd-tree .tree-item{text-align:left;cursor:pointer;width:100%}.sx .sd-tree .tree-item i{border-radius:2px;flex:none;width:8px;height:8px}.sx .sd-tree .tree-item .d{font-family:var(--mono);color:var(--ink-3);font-size:11px}.sx .sd-tree .tree-item.selected .d{color:#fff9}.sx .sd-canvas{flex-direction:column;min-width:0;display:flex}.sx .sd-canvas .tool .kbd{margin-left:2px}.sx .sd-col{padding:0 20px 28px}.sx .sdemo .script-col{width:min(480px,100%);min-height:0;margin:24px auto 0}.sx .sdemo .timeline{width:min(480px,100%);margin:18px auto 0}.sx .sdemo .sblock{outline-offset:2px}.sx .sdemo .sblock.selected{border-color:#a78bfa;box-shadow:0 0 0 1px #a78bfa,0 10px 30px -12px #7c3aed59}.sx .sdemo .sblock.flash{animation:flash 1s var(--ease)}.sx .sdemo .sblock:focus-within .b-actions{opacity:1}.sx .sdemo .sblock-head{min-width:0}.sx .sdemo .sd-tpl{text-overflow:ellipsis;min-width:0;height:20px;font-size:11px;overflow:hidden}.sx .sdemo .sblock-time{white-space:nowrap}.sx .sdemo .sblock-body{overflow-wrap:anywhere}.sx .sd-empty{border:1.5px dashed var(--line-2);text-align:center;color:var(--ink-3);background:#ffffff80;border-radius:12px;padding:28px 16px;font-size:13px}.sx .sd-pill{height:26px;font-family:var(--mono);font-size:11.5px;display:none}.sx .sd-pill b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.sx .sd-mobile-lib{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;gap:6px;padding:10px 12px;display:none}.sx .sd-mobile-lib .lib-item{width:auto;height:30px;padding:0 10px;font-size:12px}.sx .sdemo .score-big .chip{font-family:var(--mono);font-size:11.5px}.sx .kbd.pulse{animation:sdPulse .9s var(--ease) 2}@keyframes sdPulse{0%{border-color:var(--blue);color:var(--blue-deep);box-shadow:0 0 #4d6ff58c}to{box-shadow:0 0 0 8px #4d6ff500}}.sx .fv-stack{gap:22px;width:min(440px,100%);display:grid}.sx .fv-stack .lib-grid{padding:0}.sx .fv-stack .lib-item,.sx .fv-hooks .lib-item{cursor:default}.sx .fv-stack .lib-item:hover{box-shadow:none;border-color:var(--line);transform:none}.sx .fv-blocks{gap:8px;display:grid}.sx .fv-blocks .sblock-body{font-size:13.5px}.sx .fv-hooks{background:var(--panel);border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);border-radius:14px;padding-bottom:8px}.sx .fv-hooks .search{color:var(--ink-3);font-size:13px}.sx .fv-hooks .cat-row span{height:24px;color:var(--ink-2);border:1px solid var(--line);background:var(--white);border-radius:999px;align-items:center;padding:0 9px;font-size:12px;display:inline-flex}.sx .fv-hooks .cat-row span.on{background:var(--ink);color:#fff;border-color:var(--ink)}.sx .fv-hooks a.tpl{display:grid}.sx .fv-panel{background:var(--panel);border:1px solid var(--line);width:min(360px,100%);box-shadow:var(--shadow);border-radius:14px;overflow:hidden}.sx .fv-panel .tip .fake{color:var(--blue-deep);white-space:nowrap;margin-left:auto;font-size:12px;font-weight:500}.sx .fv-status{gap:14px;width:min(460px,100%);display:grid}.sx .fv-status .cursor-tag{position:relative}.sx .fv-status .status-card{min-height:128px}.sx .sd-cards{grid-template-columns:1fr 1fr;margin-top:120px}.sx .sd-cards .trend-mini{box-shadow:var(--shadow-sm);margin:0}.sx .sd-cards .trend-mini .use{align-items:center;display:inline-flex}.sx .sd-phone-vis{justify-items:center;padding-top:26px;display:grid}.sx .sd-phone-vis .phone{transform-origin:50% 0;flex:none;transform:scale(.7)}.sx .sd-quote{gap:22px;max-width:900px;margin:72px 0 0;display:grid}.sx .sd-quote blockquote{margin:0}.sx .sd-quote figcaption{align-items:center;gap:12px;font-size:15px;line-height:1.35;display:flex}@media (width<=1100px){.sx .app-body.sdemo{grid-template-columns:220px minmax(0,1fr)}.sx .sd-pill{display:inline-flex}.sx .sd-cards{grid-template-columns:1fr}}@media (width<=720px){.sx .app-body.sdemo{grid-template-columns:minmax(0,1fr);min-height:0}.sx .sd-mobile-lib{display:flex}.sx .sd-canvas .canvas-toolbar{flex-wrap:wrap;gap:6px;height:auto;min-height:44px;padding:7px 10px;overflow:visible}.sx .sd-canvas .tool .kbd{display:none}.sx .sd-col{padding:0 12px 20px}.sx .sdemo .script-col{margin-top:16px}.sx .sdemo .sd-tpl{display:none}.sx .sd-cards{margin-top:72px}.sx .sd-quote blockquote{font-size:23px}}