.demo-controls.svelte-98ebzc{border:var(--bw-1) solid var(--c-doc-border);border-radius:var(--r-doc-card-s);background:var(--c-doc-border);box-shadow:var(--sh-doc-card);overflow:hidden}.demo-controls-head.svelte-98ebzc{padding:var(--sp-2);border-bottom:var(--bw-1) solid var(--c-doc-border);background:var(--c-doc-bg)}.demo-controls-head.svelte-98ebzc h2:where(.svelte-98ebzc),.demo-controls-head.svelte-98ebzc p:where(.svelte-98ebzc){margin:var(--sp-0)}.demo-controls-head.svelte-98ebzc h2:where(.svelte-98ebzc){font-size:var(--fs-s);font-weight:var(--fw-semibold);line-height:var(--lh-normal)}.demo-controls-head.svelte-98ebzc p:where(.svelte-98ebzc){margin-top:var(--sp-0-5);color:var(--c-doc-muted-fg);font-size:var(--fs-xs);line-height:var(--lh-normal)}.demo-controls-body.svelte-98ebzc{align-items:stretch;gap:var(--bw-1);background:var(--c-doc-border);flex-wrap:wrap;display:flex}.demo-controls-preview-column.svelte-98ebzc{flex:999 1 var(--doc-controls-preview-column-min);min-width:min(var(--doc-controls-preview-column-min), var(--size-full));background-color:var(--c-doc-controls-preview-bg);background-image:var(--doc-controls-dot-image);background-size:var(--doc-controls-dot-tile) var(--doc-controls-dot-tile);flex-direction:column;display:flex}.demo-controls-panel.svelte-98ebzc{flex:1 1 var(--doc-controls-panel-w);min-width:min(var(--doc-controls-panel-w), var(--size-full));max-height:var(--doc-controls-panel-max-h);background:var(--c-doc-demo-bg);flex-direction:column;display:flex;overflow:hidden}.demo-controls-toolbar.svelte-98ebzc{justify-content:space-between;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2) var(--sp-0-5);background:var(--c-doc-demo-bg);flex:none;display:flex}.demo-controls-title.svelte-98ebzc{color:var(--c-doc-muted-fg);font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:var(--doc-tracking-wide);text-transform:uppercase}.demo-controls-reset.svelte-98ebzc{min-height:var(--doc-controls-control-h);padding:var(--sp-0) var(--sp-1);border:var(--bw-0);border-radius:var(--r-doc-button);background:var(--c-doc-demo-bg);color:var(--c-doc-fg-alt);font:inherit;font-size:var(--fs-xs);cursor:pointer;transition:background var(--t-doc) var(--ease), color var(--t-doc) var(--ease)}.demo-controls-reset.svelte-98ebzc:hover:not(:disabled){background:var(--c-doc-muted)}.demo-controls-reset.svelte-98ebzc:disabled{color:var(--c-doc-muted-fg);cursor:default}.demo-controls-reset.svelte-98ebzc:focus-visible{outline:var(--bw-0);box-shadow:var(--sh-doc-focus)}.demo-controls-grid.svelte-98ebzc{grid-template-columns:minmax(var(--sp-0), 1fr);gap:var(--sp-2);min-height:var(--sp-0);padding:var(--sp-1) var(--sp-2) var(--sp-2);background:var(--c-doc-demo-bg);flex:auto;display:grid;overflow-y:auto}.demo-control.svelte-98ebzc{gap:var(--sp-0-5);min-width:var(--sp-0);margin:var(--sp-0);color:var(--c-doc-fg);display:grid}.demo-control.is-disabled.svelte-98ebzc{color:var(--c-doc-muted-fg)}.demo-control-heading.svelte-98ebzc{justify-content:space-between;align-items:baseline;gap:var(--sp-1);min-width:var(--sp-0);width:var(--size-full);padding:var(--sp-0);font-size:var(--fs-xs);font-weight:var(--fw-medium);display:flex}.demo-control-heading.svelte-98ebzc>span:where(.svelte-98ebzc){min-width:var(--sp-0);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo-control-heading.svelte-98ebzc code:where(.svelte-98ebzc){min-width:var(--sp-0);margin:var(--sp-0);color:var(--c-doc-muted-fg);font-size:var(--fs-xs);font-weight:var(--fw-regular);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo-control.svelte-98ebzc small:where(.svelte-98ebzc){margin:var(--sp-0);color:var(--c-doc-muted-fg);font-size:var(--fs-xs);line-height:var(--lh-normal)}.demo-controls-preview.svelte-98ebzc{--c-doc-muted-fg:var(--c-doc-controls-preview-muted-fg);justify-content:safe center;align-items:safe center;gap:var(--sp-2);min-height:var(--doc-controls-preview-min-h);padding:var(--doc-controls-preview-pad);background:var(--c-transparent);flex-wrap:wrap;flex:1;display:flex;overflow:auto}