.concept-demo{--background:250 250 248;--foreground:24 27 31;--muted:99 105 111;--hairline:222 225 225;--panel:255 255 255;--well:242 244 244;--brand:40 85 255;background:#fafaf8;color:#181b1f;color-scheme:light;min-height:100dvh;font-family:var(--font-sans),Arial,sans-serif;line-height:1.5;isolation:isolate}.concept-demo[dir=rtl],.concept-demo[dir=rtl] #concept-content>*{font-family:var(--font-arabic),var(--font-sans),Arial,sans-serif}.concept-demo *{box-sizing:border-box}.concept-demo button,.concept-demo input,.concept-demo select,.concept-demo textarea{font-family:inherit;letter-spacing:normal}.concept-demo button:disabled{cursor:not-allowed;opacity:.55}.concept-demo [dir=ltr]{unicode-bidi:isolate}.concept-demo :focus-visible{outline:3px solid #2855ff;outline-offset:3px}.concept-bar{display:flex;align-items:center;gap:18px;min-height:40px;padding:6px 22px;border-bottom:1px solid #dedfe0;background:#f7f7f4;color:#4b5159;font-size:11px;line-height:1.4}.concept-bar>a,.concept-bar>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;white-space:nowrap}.concept-bar p{margin:0;flex:1}.concept-bar nav{display:flex;align-items:center;gap:4px}.concept-bar nav a{padding:5px 7px;border-radius:3px;min-height:30px;display:flex;align-items:center}.concept-bar nav [aria-current=page]{background:#e5e7e8;color:#171a1e}.concept-bar>button{border:0;background:none;padding:4px}.concept-bar a:hover,.concept-bar button:hover{color:#2345f5}.concept-skip{position:fixed;inset-block-start:5px;inset-inline-start:5px;background:white;color:#111;padding:12px;z-index:100;transform:translateY(-150%)}.concept-skip:focus{transform:translateY(0)}.concept-reset-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.concept-demo dialog{color:#181b1f;background:white;max-width:calc(100vw - 28px);max-height:90dvh;overflow:auto}.concept-demo dialog::backdrop{background:#111a;backdrop-filter:blur(4px)}@media (max-width:640px){.concept-bar{gap:8px;padding:5px 12px;flex-wrap:wrap;justify-content:space-between;font-size:10px}.concept-bar p{order:4;flex-basis:100%;text-align:center}.concept-bar nav{margin-inline-start:auto}.concept-bar>button span{display:none}.concept-demo input,.concept-demo select,.concept-demo textarea{font-size:16px}}@media (prefers-reduced-motion:reduce){.concept-demo *,.concept-demo :after,.concept-demo :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}