.do-demo{color:#18263b;background:#f6f8fb;min-height:100vh;margin:-8px;padding:28px 24px 56px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.do-demo,.do-demo *{box-sizing:border-box}.do-container{max-width:1120px;margin:0 auto}.do-nav{justify-content:space-between;align-items:center;gap:16px;font-size:13px;display:flex}.do-nav a{color:#52637c;text-decoration:none}.do-nav span{color:#7d8ba0;letter-spacing:.1em;font-size:10px}.do-header{margin:44px 0 28px}.do-eyebrow{color:#b45e1b;font-size:13px;font-weight:600}.do-header h1{letter-spacing:-.03em;margin:12px 0;font-size:clamp(28px,4vw,40px)}.do-header p{color:#64748b;font-size:15px;line-height:1.8}.do-demo h2{margin:0;font-size:17px}.do-room-panel{background:#fff;border:1px solid #e0e6ef;border-radius:14px;grid-template-columns:1fr auto;gap:12px 24px;padding:24px 28px;display:grid}.do-room-panel p{color:#64748b;margin:8px 0 0;font-size:13px;line-height:1.7}.do-room-form{align-items:center;gap:8px;display:flex}.do-demo input{width:190px;min-width:0;font:inherit;border:1px solid #cdd6e3;border-radius:8px;padding:12px;font-size:14px}.do-demo button{color:#314660;font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d6deea;border-radius:8px;padding:12px 18px;font-size:14px;font-weight:600}.do-demo button:hover{background:#eef3fb}.do-demo button.do-primary{color:#fff;background:#245cdb;border-color:#245cdb}.do-demo button.do-primary:hover{background:#1949b4}.do-demo button:disabled{opacity:.45;cursor:not-allowed}.do-demo :focus-visible{outline-offset:3px;outline:3px solid #80aaff}.do-room-panel .do-room-help{color:#7c899b;grid-column:1/-1;margin:0;font-size:12px}.do-room-panel .do-error{color:#b42318;grid-column:1/-1;margin:0}.do-error:empty{display:none}.do-main-grid{grid-template-columns:1.6fr 1fr;gap:20px;margin-top:20px;display:grid}.do-counter-panel,.do-details{background:#fff;border:1px solid #e0e6ef;border-radius:14px;padding:28px}.do-counter-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.do-counter-top h2{overflow-wrap:anywhere}.do-counter-top h2 span{color:#245cdb}.do-status{color:#99641b;align-items:center;gap:6px;font-size:12px;display:flex}.do-status i{background:currentColor;border-radius:50%;width:6px;height:6px}.do-status-connected{color:#18805b}.do-count-label{color:#758397;text-align:center;margin:40px 0 8px;font-size:13px}.do-count{text-align:center;letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(40px,7vw,84px);font-weight:650;line-height:1.2;display:block}.do-count-description{color:#6f7e93;text-align:center;margin:16px 0 22px;font-size:12px;line-height:1.8}.do-actions{justify-content:center;gap:10px;display:flex}.do-actions button{min-width:88px;font-size:20px}.do-actions button.do-reset{color:#6b7b92;min-width:auto;font-size:13px}.do-metrics{text-align:center;border-top:1px solid #edf0f5;grid-template-columns:1fr 1fr;margin-top:36px;padding-top:24px;display:grid}.do-metrics div+div{border-left:1px solid #edf0f5}.do-metrics span,.do-metrics strong,.do-metrics small{display:block}.do-metrics span{color:#6b7b92;font-size:12px}.do-metrics strong{font-variant-numeric:tabular-nums;margin:8px 0;font-size:23px}.do-metrics small{color:#8a96a7;font-size:11px}.do-second-window{text-align:center;color:#245cdb;background:#edf3ff;border-radius:8px;margin:26px 0 0;padding:13px;font-size:13px;text-decoration:none;display:block}.do-flow{text-align:center;flex-direction:column;align-items:stretch;gap:9px;margin-top:22px;display:flex}.do-flow>div{border:1px solid #e6ebf2;border-radius:8px;padding:12px;font-size:13px}.do-flow small{color:#7b8798;margin-top:5px;font-size:11px;display:block}.do-flow>span{color:#92a0b3;font-size:11px}.do-flow .do-flow-object{color:#a75b1c;background:#fff7ed;border-color:#f3d6b3}.do-flow-object strong{overflow-wrap:anywhere;margin-top:5px;font-size:16px;display:block}.do-meta{border-top:1px solid #edf0f5;margin:24px 0 0;padding-top:12px;font-size:11px}.do-meta div{justify-content:space-between;gap:16px;margin-top:10px;display:flex}.do-meta dt{color:#8190a3;flex-shrink:0}.do-meta dd{text-align:right;color:#52637b;overflow-wrap:anywhere;margin:0}.do-experiments{margin-top:32px}.do-experiment-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}.do-experiment-grid article{background:#fff;border:1px solid #e0e6ef;border-radius:12px;padding:22px}.do-experiment-grid article>span{color:#5273ac;font-size:11px;font-weight:600}.do-experiment-grid h3{margin:12px 0 8px;font-size:15px}.do-experiment-grid p{color:#6b7b92;margin:0;font-size:13px;line-height:1.8}.do-footnote{color:#8592a4;margin:24px 0 0;font-size:12px;line-height:1.7}.do-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=760px){.do-demo{padding:24px 16px 40px}.do-room-panel,.do-counter-panel,.do-details{padding:22px}.do-room-panel,.do-main-grid,.do-experiment-grid{grid-template-columns:1fr}.do-room-form input{flex:1;width:100%}.do-nav span{letter-spacing:.03em;font-size:8px}.do-header{margin-top:32px}}