/*!* EldanCSS docs styles.
* Copyright (c) 2026 EldanCSS contributors
* SPDX-License-Identifier: 0BSD
* Licensed under the BSD Zero Clause License. See LICENSE.*/:root{--syntax-comment:var(--color-muted);--syntax-keyword:var(--color-accent);--syntax-string:light-dark(hsl(158 34% 30%), hsl(158 28% 70%));--syntax-number:light-dark(hsl(26 62% 36%), hsl(26 55% 70%));--syntax-name:color-mix(in oklab, var(--color-accent) 72%, var(--color-text));--syntax-operator:var(--color-muted);--syntax-error:var(--color-danger)}.docs-site{max-width:none;margin:0;padding:0}.docs-skip{position:absolute;top:-4rem;left:var(--space-4);z-index:100;padding:var(--space-2)var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);text-decoration:none}.docs-skip:focus-visible{top:var(--space-4)}.docs-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.docs-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);max-width:78rem;margin-inline:auto;padding:var(--space-3)clamp(var(--space-4),4vw,var(--space-6))}html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark}.docs-header__actions{display:flex;align-items:center;gap:var(--space-3);margin-inline-start:auto}.docs-theme-field{display:flex;flex:none;align-items:center;gap:var(--space-2)}.docs-theme__label{margin:0;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.docs-theme{flex:none;width:auto;margin-block:0;padding:.3rem .9rem .3rem .55rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-size:var(--text-sm);line-height:1.2;cursor:pointer}.docs-brand{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text);font-family:var(--font-mono);font-size:1.05rem;font-weight:700;letter-spacing:-.04em;text-decoration:none}.docs-brand__mark{display:block;flex:none;width:2.5rem;height:2.5rem;padding:.12rem;border-radius:.35rem;background:var(--color-accent);color:var(--color-on-accent)}.docs-nav-main{display:flex;align-items:center;margin:0}.docs-nav-main ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;margin:0;padding:0;list-style:none}.docs-nav-main a{font-size:.9rem}.docs-nav-main .docs-cta{padding:.45rem .7rem;border:1px solid var(--color-accent);border-radius:var(--radius);background:var(--color-accent);color:var(--color-on-accent);font-weight:600}.docs-nav-main .docs-cta:hover{border-color:var(--color-accent-hover);background:var(--color-accent-hover);color:var(--color-on-accent)}.docs-home,.demo-shell{max-width:78rem;margin-inline:auto;padding:clamp(var(--space-6),6vw,var(--space-8))clamp(var(--space-4),4vw,var(--space-6))}.docs-hero{display:grid;grid-template-columns:minmax(0,1.2fr)minmax(0,.8fr);gap:clamp(var(--space-5),5vw,var(--space-7));align-items:center}.docs-eyebrow{margin-block-end:var(--space-3);color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase}.docs-hero h1{margin-block:0 var(--space-4);font-size:clamp(2.75rem,1.6rem + 4vw,5rem);line-height:1.02;letter-spacing:-.07em}.docs-lead{max-width:48ch;color:var(--color-muted);font-size:clamp(1.1rem,1rem + .5vw,1.35rem)}.docs-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-block-start:var(--space-5)}.docs-button{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-weight:600;text-decoration:none;transition:border-color .15s ease,background-color .15s ease}.docs-button:hover{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-text)}.docs-button--primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.docs-button--primary:hover{border-color:var(--color-accent-hover);background:var(--color-accent-hover);color:var(--color-on-accent)}.docs-meta{margin-block-start:var(--space-3);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.docs-code-card{overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-code)}.docs-code-card__bar{display:flex;gap:.4rem;padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--color-border)}.docs-code-card__dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--color-border)}.docs-code-card pre{margin:0;padding:var(--space-4);border:0;border-radius:0;background:0 0}.docs-code-demo{display:grid;gap:var(--space-3);min-width:0}.docs-code-preview{min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg)}.docs-code-preview__label{margin:0 0 var(--space-3);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.docs-code-preview>article{margin:0}.docs-section{margin-block-start:clamp(var(--space-6),8vw,var(--space-8))}.docs-section__head{max-width:96ch;margin-block-end:var(--space-5)}.docs-section__head h2{margin-block:0 var(--space-2)}.docs-section__head p{color:var(--color-muted)}.docs-grid,.docs-index-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--space-4)}.docs-card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.docs-card h2,.docs-card h3{margin-block:0 var(--space-1);font-size:1rem;letter-spacing:-.02em}.docs-card p,.docs-card span{color:var(--color-muted);font-size:.9rem;line-height:1.5}.docs-card p{margin:0}.docs-link-card{display:flex;flex-direction:column;gap:.35rem;color:var(--color-text);text-decoration:none;transition:border-color .15s ease,background-color .15s ease}.docs-link-card:hover{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-text)}.docs-link-card strong{font-family:var(--font-mono);font-size:1rem}.docs-link-card span{color:var(--color-muted);font-size:.9rem;line-height:1.5}.docs-list-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--space-4);padding:0;list-style:none}.docs-list-links li{margin:0}.docs-shell{display:grid;grid-template-columns:13rem minmax(0,1fr)12rem;gap:clamp(var(--space-5),4vw,var(--space-7));align-items:start;max-width:78rem;margin-inline:auto;padding:var(--space-6)clamp(var(--space-4),4vw,var(--space-6))var(--space-8)}.docs-shell--index,.docs-shell--no-toc{grid-template-columns:13rem minmax(0,1fr)}.docs-sidebar{position:sticky;top:5rem;font-size:.9rem}.docs-sidebar__label{margin-block-end:var(--space-3);color:var(--color-muted);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.docs-sidebar ul{display:block;margin:0;padding:0;list-style:none}.docs-sidebar li+li{margin-block-start:.15rem}.docs-sidebar a{display:block;padding:.35rem .5rem;border-radius:.3rem;font-size:inherit}.docs-article{min-width:0;padding:0;border:0;background:0 0}.docs-article__header{margin-block-end:var(--space-6);padding-block-end:var(--space-5);border-bottom:1px solid var(--color-border)}.docs-article__header h1{margin-block:0 var(--space-3)}.docs-article__description{max-width:62ch;margin:0;color:var(--color-muted);font-size:1.1rem}.docs-content{max-width:72ch}.docs-content>:first-child{margin-block-start:0}.docs-content h2{margin-block-start:var(--space-6)}.docs-content h3{margin-block-start:var(--space-5)}.docs-content :is(h1,h2,h3,h4,h5,h6){scroll-margin-top:5rem}.code-copy{position:relative}.code-copy:first-child>pre{margin-block-start:0}.code-copy:last-child>pre{margin-block-end:0}.code-copy .code-copy__button{position:absolute;top:var(--space-2);right:var(--space-2);padding:.15rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;line-height:1.4;cursor:pointer}.code-copy .code-copy__button:hover{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,var(--color-surface));color:var(--color-accent)}.docs-content .highlight{margin-block:var(--space-4)}.chroma .c,.chroma .ch,.chroma .cm,.chroma .c1,.chroma .cs,.chroma .cp,.chroma .cpf{color:var(--syntax-comment);font-style:italic}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr,.chroma .kt,.chroma .nt{color:var(--syntax-keyword)}.chroma .s,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .dl,.chroma .sd,.chroma .s2,.chroma .se,.chroma .sh,.chroma .si,.chroma .sx,.chroma .sr,.chroma .s1,.chroma .ss{color:var(--syntax-string)}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .il,.chroma .mo,.chroma .no,.chroma .nv,.chroma .vc,.chroma .vg,.chroma .vi,.chroma .vm{color:var(--syntax-number)}.chroma .na,.chroma .nc,.chroma .nd,.chroma .nf,.chroma .fm,.chroma .nb{color:var(--syntax-name)}.chroma .o,.chroma .ow,.chroma .or,.chroma .p{color:var(--syntax-operator)}.chroma .err{color:var(--syntax-error)}.chroma .gd{color:var(--syntax-error)}.chroma .gi{color:var(--syntax-string)}.chroma .ge{font-style:italic}.chroma .gs{font-weight:700}.docs-toc{position:sticky;top:5rem;max-height:calc(100vh - 6rem);overflow:auto;font-size:.8rem}.docs-toc__label{margin-block-end:var(--space-3);color:var(--color-muted);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}.docs-toc nav ul{display:block;margin:0;padding:0;list-style:none}.docs-toc nav ul ul{padding-inline-start:var(--space-3)}.docs-toc nav a{display:block;padding-block:.15rem;color:var(--color-muted);font-size:inherit;text-decoration:none}.docs-toc nav a:hover{color:var(--color-text)}.docs-index-grid{margin-block-start:var(--space-5)}.docs-pager{display:flex;justify-content:space-between;gap:var(--space-4);margin-block-start:var(--space-7);padding-block-start:var(--space-5);border-top:1px solid var(--color-border)}.docs-pager a{display:flex;flex-direction:column;gap:.15rem;color:var(--color-text);text-decoration:none}.docs-pager a:last-child{text-align:end}.docs-pager span{color:var(--color-muted);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.docs-footer{margin-block-start:var(--space-8);border-top:1px solid var(--color-border)}.docs-footer__inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2)var(--space-5);max-width:78rem;margin-inline:auto;padding:var(--space-5)clamp(var(--space-4),4vw,var(--space-6));color:var(--color-muted);font-size:.85rem}.docs-footer a{color:inherit}.docs-footer__source{display:inline-flex;vertical-align:-.15em}.docs-footer__icon{width:1.15em;height:1.15em}.docs-footer p{margin:0}.demo-header{max-width:72ch;margin-inline:auto;margin-block-end:var(--space-6)}.demo-header h1{margin-block:0 var(--space-3)}.demo-lead{color:var(--color-muted);font-size:1.15rem}.demo-content{max-width:72ch;margin-inline:auto}.demo-content>:first-child{margin-block-start:0}.demo-section{margin-block-start:var(--space-7);padding-block-start:var(--space-6);border-top:1px solid var(--color-border)}.demo-section>:first-child{margin-block-start:0}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:var(--space-4)}.demo-note{color:var(--color-muted);font-size:var(--text-sm)}.docs-demo{margin-block:var(--space-4)var(--space-5);padding:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius);background:color-mix(in srgb,var(--color-surface) 60%,transparent)}.docs-demo>:not(dialog,[popover]):first-child{margin-block-start:0}.docs-demo>:not(dialog,[popover]):last-child{margin-block-end:0}.docs-demo>button+button{margin-inline-start:var(--space-2)}#components-dialog-popover::backdrop,#demo-dialog-popover::backdrop{background:hsl(var(--hue) calc(20% * var(--saturation)) 5%/.65)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--space-4)}.card-grid>*{min-width:0;margin:0}.sidebar-layout{display:grid;grid-template-columns:minmax(10rem,14rem)minmax(0,1fr);gap:clamp(var(--space-4),4vw,var(--space-6));align-items:start}.sidebar-layout ul{display:grid;gap:var(--space-1)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}.toolbar>*{margin:0}@media(max-width:36rem){.sidebar-layout{grid-template-columns:1fr}}.hue-demo__controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.hue-demo__control{display:flex;flex:1 1 16rem;align-items:center;gap:var(--space-2);min-width:0}.hue-demo__control label{flex:none;margin:0}.hue-demo__control input[type=range]{flex:1 1 6rem;width:auto;min-width:0;margin:0}.hue-demo__control output{flex:none;min-width:4ch;color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-sm);text-align:end}.hue-demo__controls>button{flex:none;padding:.45rem .75rem;font-size:var(--text-sm)}.hue-demo__swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:var(--space-2);margin-block-start:var(--space-4)}.hue-demo__swatch{display:grid;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);text-align:center}.hue-demo__swatch::before{display:block;height:2.5rem;border-radius:calc(var(--radius) * .65);background:var(--swatch,var(--color-accent));content:""}.hue-demo__code,.docs-demo__code{margin-block-start:var(--space-4)}.hue-demo__code-label,.docs-demo__code-label{margin-block:0 var(--space-2);color:var(--color-muted);font-size:var(--text-sm)}.hue-demo__code .highlight,.docs-demo__code .highlight{margin-block:0}@media(max-width:64rem){.docs-hero{grid-template-columns:1fr}.docs-shell{grid-template-columns:12rem minmax(0,1fr)}.docs-toc{display:none}}@media(max-width:48rem){.docs-shell,.docs-shell--index,.docs-shell--no-toc{grid-template-columns:1fr}.docs-sidebar{position:static}.docs-sidebar ul{display:flex;flex-wrap:wrap;gap:var(--space-2)}.docs-sidebar li+li{margin-block-start:0}.docs-sidebar a{padding:.25rem .6rem;border:1px solid var(--color-border);border-radius:99rem}}@media(max-width:36rem){.docs-nav-main li:not(:has(.docs-cta)){display:none}.docs-theme__label{display:none}.docs-actions{align-items:stretch;flex-direction:column}.docs-button{width:100%}}