.cs-demo{justify-content:center;width:100%;display:flex}.csd-window{background:#fff;border:1px solid #d6d6d8;border-radius:10px;flex-direction:column;width:min(880px,86vw,145vh - 435px);display:flex;overflow:hidden;box-shadow:0 40px 80px -40px #00000047}.csd-bar{background:#fbfbfb;border-bottom:1px solid #e3e3e6;flex:none;align-items:center;gap:14px;height:38px;padding:0 14px;display:flex}.csd-tl{gap:6px;display:flex}.csd-tl i{background:#d4d4d6;border-radius:50%;width:10px;height:10px;display:block}.csd-url{text-align:center;color:#3a3a3a;background:#f2f2f3;border-radius:6px;flex:1;max-width:340px;height:24px;margin:0 auto;font:12px/24px Helvetica Neue,Helvetica,Arial,sans-serif}.csd-view{aspect-ratio:1100/740;position:relative;overflow:hidden}.csd-canvas{transform-origin:0 0;width:1100px;position:absolute;top:0;left:0}.csd-layer{scrollbar-width:none;background:var(--bg-primary);opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s linear .4s;position:absolute;inset:0;overflow:hidden auto}.csd-layer.is-on{opacity:1;visibility:visible;transition:opacity .4s}.csd-layer::-webkit-scrollbar{display:none}.csd-layer .csx-pilot-shell,.csd-layer .csx-ob-shell{height:auto;min-height:100%}.csx-ob-dropzone{position:relative}.csd-file{font:12px/1 var(--csx-mono), monospace;color:#1a1a18;opacity:0;pointer-events:none;background:#fff;border:1px solid #e8e6e1;border-radius:8px;padding:8px 12px;transition:all .6s cubic-bezier(.22,1,.36,1);position:absolute;top:-60px;right:-40px;transform:translate(60px,-30px)rotate(6deg);box-shadow:0 10px 24px #0000001f}.csd-file.in{opacity:1;transform:translate(-120px,70px)rotate(-3deg)}.csd-file.dropped{opacity:0;transform:translate(-220px,120px)scale(.8)}.csd-layer.csd-board{height:var(--csd-tall);bottom:auto}.csd-layer .csx-plt-shell{min-height:100%}.csd-layer .csx-plt-overlay{position:absolute}.csd-layer .csx-plt-drawer{max-width:94%}.csx .csx-plt-card.csd-hover{opacity:1;border-color:var(--text-muted);transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.csd-narrow .csx-plt-header{gap:14px;padding:12px 18px}.csd-narrow .csx-plt-reads{display:none}.csd-narrow .csx-plt-header>div:first-child{white-space:nowrap;flex:none}.csd-narrow .csx-plt-main{padding:18px 18px 60px}.csd-narrow .csx-plt-mother-top{flex-wrap:wrap;gap:14px 20px}.csd-narrow .csx-plt-mother.csx-show-detail .csx-plt-mother-detail{flex-basis:100%}.csd-narrow .csx-plt-mt-dims{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px}@media (max-width:640px){.csd-view{aspect-ratio:520/760}.csd-window{width:min(360px,86vw)}}@media (prefers-reduced-motion:reduce){.csd-layer,.csd-layer.is-on,.csd-file{transition:none}.csd-canvas .csx-plt-card,.csd-canvas .csx-plt-drawer{animation:none}}