.interactive-demo{margin:var(--gap)0;padding:var(--content-gap);border:1px solid var(--border);border-radius:var(--radius)}.interactive-demo-controls{display:grid;gap:calc(var(--content-gap)/2)}.interactive-demo-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));align-items:end;gap:calc(var(--content-gap)/2)}.interactive-demo-field{min-width:0}.interactive-demo-controls label{display:grid;gap:.25rem;min-width:0}.interactive-demo-controls input,.interactive-demo-controls button{min-height:44px;padding:.5rem calc(var(--content-gap)/2);border:1px solid var(--border);border-radius:var(--radius);font:inherit}.interactive-demo-controls input{width:100%;color:var(--primary);background:var(--theme)}.interactive-demo-controls button{justify-self:stretch;color:var(--primary);background:var(--button-bg);cursor:pointer}.interactive-demo-controls button:hover{border-color:var(--primary);background:var(--button-hover-bg)}.interactive-demo :focus-visible{outline:2px solid var(--primary);outline-offset:3px}.interactive-demo .interactive-demo-loading{margin:calc(var(--content-gap)/2)0 0;color:var(--secondary);font-size:.875rem}.interactive-demo .interactive-demo-output-label{margin:var(--content-gap)0 0;font-weight:600}.interactive-demo .interactive-demo-output{max-height:20rem;overflow:auto;margin:calc(var(--content-gap)/2)0 0}.interactive-demo .interactive-demo-output code[data-demo-pending]{color:var(--secondary);font-style:italic}.interactive-demo .interactive-demo-title{margin:0 0 var(--content-gap);font-size:1.15rem}.interactive-demo-details{margin-top:var(--content-gap)}.interactive-demo summary{cursor:pointer}.interactive-demo-parameters{overflow-x:auto;margin-top:calc(var(--content-gap)/2)}.interactive-demo .interactive-demo-parameters table{display:table;width:100%;max-width:none;margin:0;font-size:.875rem}.interactive-demo-parameters th,.interactive-demo-parameters td{white-space:nowrap;text-align:start}.interactive-demo .interactive-demo-source-label{margin:calc(var(--content-gap)/2)0;font-weight:600;text-align:center}.interactive-demo-source pre{overflow:auto}