body>section>header{top:var(--banner-block-size);z-index:1;background:var(--color-bg);color:var(--color-text);position:sticky}body>section>header>h1{font-variant:small-caps;padding:.25em 0}body>section>header>:last-child:after{content:"";border-bottom:1px solid var(--color-border);margin-top:.25em;display:block}.settings{top:var(--banner-block-size);z-index:4;float:right;background:var(--color-bg);position:sticky}.settings button{color:var(--color-text-muted);anchor-name:--settings;background:0 0;padding:0;font-size:1.5em}.settings button:is(:hover,:focus-visible){color:var(--color-text-strong);background:0 0}.settings button svg{transform:none}.settings [popover]:popover-open{align-content:start;gap:var(--space-m);display:grid}@supports (position-anchor:--settings){.settings [popover]{position-anchor:--settings;position-area:block-end span-inline-start;margin:var(--space-s) 0 0}}.message-demo,.color-demo{background:var(--demo-color);width:4rem;height:4rem;display:inline-block}.color-demo[title=--color-bg]{border:1px dotted var(--color-bg-elevated)}.message-demo{border:1px solid var(--demo-color);background:light-dark(oklch(from var(--demo-color) .9 .02 h),oklch(from var(--demo-color) .25 .02 h));color:var(--demo-color);padding:.25em;font-size:.875em}.range-filled{--color-range-fill:var(--color-text-muted)}.scheme-demo{gap:var(--space-l);grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));display:grid}.scheme-demo>div{border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);padding:var(--space-l);background:var(--color-bg);color:var(--color-text)}.scheme-demo h2{margin-block-start:0}.ellipsis-demo{max-inline-size:24ch}