.ar-section--demo{--ar-section-top:var(--space-10)}:root .dl-lead.ar-demo-lead{margin:var(--space-4) 0 0;max-width:660px}.ar-demo-promises{margin-top:var(--space-5);gap:var(--space-2);flex-wrap:wrap;display:flex}.ar-demo-grid{gap:var(--space-5);grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;display:grid}.ar-demo-grid--result{align-items:start}.ar-demo-picker{flex-direction:column;grid-column:span 5;display:flex}.ar-demo-panel{flex-direction:column;grid-column:span 7;display:flex}.ar-demo-card{flex:1}.ar-demo-region{flex-direction:column;flex:1;display:flex}.ar-demo-panel .ar-demo-card{flex-direction:column;display:flex}.ar-demo-panel .ar-demo-card .semi-card-body,.ar-demo-live{flex-direction:column;flex:1;display:flex}:root .semi-radioGroup.ar-demo-choices{margin-top:var(--space-4);gap:var(--space-2)}.ar-demo-choices .semi-radio{box-sizing:border-box;width:100%}.ar-demo-run{margin-top:var(--space-6)}.ar-demo-run-note{margin:var(--space-3) 0 0;color:var(--ink-muted)}.ar-demo-idle{flex:1;justify-content:center;align-items:center;min-height:360px;display:flex}.ar-demo-sections{gap:var(--space-7);flex-direction:column;display:flex}.ar-demo-subhead{margin:0 0 var(--space-3)}.ar-demo-path{align-items:center;gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.ar-demo-path>li{align-items:center;gap:var(--space-1);display:flex}.ar-demo-path-next{color:var(--ink-muted);display:flex}.ar-demo-pair{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.ar-demo-muted{color:var(--ink-muted)}.ar-demo-thread{margin-top:var(--space-3);align-items:flex-start;gap:var(--space-3);display:flex}.ar-demo-thread-body{flex:1;min-width:0}.ar-demo-thread-reply{margin-top:var(--space-2);align-items:flex-start;gap:var(--space-2);padding-left:var(--space-2);display:flex}.ar-demo-chat-note{margin-top:var(--space-2);text-align:right;color:var(--ink-muted)}.ar-demo-quiet{color:var(--ink-soft);margin:0}.ar-demo-hint{margin:var(--space-2) 0 0;color:var(--ink-muted)}.ar-demo-queue-head{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.ar-demo-queue-draft{margin:var(--space-3) 0 0}.ar-demo-queue-held{margin-top:var(--space-2);align-items:flex-start;gap:var(--space-2);color:var(--ink-soft);display:flex}.ar-demo-queue-warning{color:var(--warning-strong);flex:none;margin-top:2px;display:flex}.ar-demo-queue-actions{margin-top:var(--space-4);gap:var(--space-3);flex-wrap:wrap;display:flex}.ar-demo-queue-note{margin:var(--space-3) 0 0;color:var(--ink-muted)}.ar-demo-rules{margin:var(--space-3) 0 0;gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.ar-demo-rules>li{gap:var(--space-2);display:flex}.ar-demo-rule-icon{color:var(--lagoon);flex:none;margin-top:3px;display:flex}.ar-demo-used{margin-top:var(--space-3)}.ar-demo-used-text{margin:var(--space-1) 0 0;color:var(--ink-soft)}.ar-demo-cost-more{color:var(--ink-muted);font-weight:400}.ar-demo-cost-note{margin:var(--space-2) 0 0;color:var(--ink-muted)}.ar-demo-foot-text{color:var(--ink-soft);flex:280px}.ar-demo-skeleton{margin-top:var(--space-6)}.ar-demo-skeleton-path{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-sm);background:var(--fill-subtle);flex-wrap:wrap;margin:12px 0 28px;display:flex}.ar-demo-skeleton-steps{margin-top:16px;padding-bottom:8px}:root .semi-skeleton-title.ar-demo-skeleton-last{margin-top:28px}.ar-demo-skeleton-step{gap:var(--space-4);margin-bottom:var(--space-5);align-items:flex-start;display:flex}.ar-demo-skeleton-lines{flex:1}.ar-demo-left-out{margin-top:var(--space-8);gap:var(--space-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=991px){.ar-demo-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.ar-demo-picker,.ar-demo-panel{grid-column:1/-1}.ar-demo-idle{min-height:0}:root .ar-demo-idle .semi-empty{padding:var(--space-4) 0}.ar-demo-left-out{margin-top:var(--space-6);gap:var(--space-6);grid-template-columns:minmax(0,1fr)}}@media (width<=575px){.ar-section--demo{--ar-section-top:var(--space-8)}:root .dl-lead.ar-demo-lead{margin-top:var(--space-3)}.ar-demo-promises{margin-top:var(--space-4)}.ar-demo-run{margin-top:var(--space-5)}.ar-demo-run .semi-button{width:100%}.ar-demo-sections{gap:var(--space-6)}.ar-demo-path{gap:var(--space-2) var(--space-1)}.ar-demo-pair{grid-template-columns:minmax(0,1fr)}.ar-demo-queue-head{align-items:flex-start;gap:var(--space-2);flex-direction:column-reverse}.ar-demo-queue-actions{flex-direction:column}.ar-demo-queue-actions .semi-button{width:100%}.ar-demo-foot-text{flex-basis:200px}.ar-demo-foot .semi-button{width:100%}.ar-demo-skeleton{margin-top:var(--space-5)}.ar-demo-skeleton-path{margin-bottom:24px}:root .semi-skeleton-title.ar-demo-skeleton-last{margin-top:24px}}