:root{color-scheme:light dark;--bg:#f4f5f8;--bar:#fff;--panel:#fafbfc;--canvas:#dfe2e8;--line:#d6d9e0;--text:#1b1e27;--muted:#5d6475;--control:#fff;--control-line:#c4c9d4;--accent:#3451d1;--accent-low:#e2e7ff}@media (prefers-color-scheme:dark){:root{--bg:#17181c;--bar:#202227;--panel:#1b1d21;--canvas:#34373e;--line:#33363d;--text:#e8e9ed;--muted:#a1a6b3;--control:#2a2d33;--control-line:#464a53;--accent:#7d92ff;--accent-low:#263066}}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}.demo{flex-direction:column;height:100dvh;display:flex}.demo :is(button,select,input){border:1px solid var(--control-line);background:var(--control);min-height:2rem;color:var(--text);font:inherit;border-radius:.375rem;padding:.25rem .5rem}.demo :is(button,select):not(:disabled){cursor:pointer}.demo :is(button,select):hover:not(:disabled){border-color:var(--muted)}.demo button[aria-pressed=true],.demo button[aria-selected=true]{border-color:var(--accent);background:var(--accent-low)}.demo button:disabled{opacity:.45}.demo :focus-visible{outline:2px solid var(--accent);outline-offset:1px}.demo a{color:var(--accent)}.demo-header,.demo-toolbar{border-bottom:1px solid var(--line);background:var(--bar);flex-wrap:wrap;align-items:center;gap:.375rem;padding:.375rem .625rem;display:flex}.demo-header{gap:.5rem}.demo .demo-brand{color:var(--text);align-items:center;gap:.375rem;margin-right:.25rem;font-size:1rem;font-weight:650;text-decoration:none;display:inline-flex}.demo-document select{max-width:18rem}.demo-icon{min-width:2rem}.demo-search{flex-wrap:wrap;align-items:center;gap:.25rem;display:inline-flex}.demo-search input{width:12rem}.demo-search output,.demo-status{color:var(--muted);font-variant-numeric:tabular-nums}.demo-docs{padding:0 .25rem}.demo-spacer{flex:1}.demo-group{align-items:center;gap:.25rem;display:inline-flex}.demo-group output{min-width:4.5ch;color:var(--muted);font-variant-numeric:tabular-nums;text-align:center}.demo-page{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:.375rem;display:inline-flex}.demo-page input{text-align:right;width:3.5rem}.demo-annotations{background:var(--panel)}.demo-annotations input[type=color]{width:2.5rem;padding:.125rem}.demo-password{border-bottom:1px solid var(--line);background:var(--accent-low);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.625rem;display:flex}.demo-main{flex:1;min-height:0;display:flex}.demo-viewport{background:var(--canvas);flex:1;min-width:0}.demo-side{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;flex:none;width:15rem;display:flex}.demo-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:.25rem;padding:.5rem;display:flex}.demo-tabs button{min-height:1.75rem;padding:.125rem .5rem;font-size:.8125rem}.demo-panel{flex:1;overflow:auto}.demo-thumbnails,.demo-outline,.demo-layers{margin:0;padding:.5rem;list-style:none}.demo-thumbnails button{width:100%;color:var(--muted);background:0 0;border:2px solid #0000;flex-direction:column;align-items:center;gap:.25rem;padding:.375rem;display:flex}.demo-thumbnails button[aria-current=page]{border-color:var(--accent);color:var(--text)}.demo-outline ul,.demo-layers ul{margin:0;padding-left:.75rem;list-style:none}.demo-outline :is(button,a){width:100%;min-height:0;color:var(--text);text-align:left;background:0 0;border:0;padding:.25rem .375rem;text-decoration:none;display:block}.demo-outline :is(button,a):hover{background:var(--accent-low)}.demo-layers label{align-items:center;gap:.375rem;padding:.25rem;display:flex}.demo-layers input{min-height:0}.demo-heading{color:var(--muted);padding:.25rem;display:block}.demo-info{padding:.75rem}.demo-info p{margin:0 0 .75rem}.demo-info dl{margin:0}.demo-info dl div{border-top:1px solid var(--line);padding:.25rem 0}.demo-info dt{color:var(--muted);font-size:.8125rem}.demo-info dd{overflow-wrap:anywhere;margin:0}.demo-drop{z-index:20;border:3px dashed var(--accent);background:color-mix(in srgb, var(--bg) 85%, transparent);pointer-events:none;border-radius:1rem;place-items:center;font-size:1.25rem;display:grid;position:fixed;inset:1rem}.demo-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=48rem){.demo-side{z-index:10;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 1.5rem #0000004d}.demo-main{position:relative}.demo-toolbar{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.demo-toolbar>*{flex:none}.demo-document{flex:1;min-width:0}.demo-document select{width:100%;max-width:none}.demo-search{flex-wrap:nowrap;flex:100%}.demo-search input{flex:1;width:auto;min-width:0}.demo-search button[aria-pressed],.demo-docs,.demo-spacer{display:none}}