:root{--elyri-ease-out:cubic-bezier(.16, 1, .3, 1);--elyri-ease-in-out:cubic-bezier(.65, 0, .35, 1);--elyri-duration-fast:.2s;--elyri-duration-base:.4s;--elyri-duration-slow:.8s}:root,:root[data-theme=dark]{--docs-bg:#0e1014;--docs-surface:#16191f;--docs-border:#272c34;--docs-text:#eef0f4;--docs-muted:#9ba1ad;--docs-accent:#b49bff;--docs-accent-soft:#b49bff29;--docs-on-accent:#14101f;--docs-topbar:#0e1014f0;--docs-preview:#12151b;--docs-dot:#e8ecf414;--docs-code-bg:#16191f;--docs-overlay:#000000ad;--docs-shadow:0 24px 60px #0000006b;--docs-hover:#ffffff0d;--docs-rule:#3f454f;--tok-comment:#8b929d;--tok-string:#e0a37a;--tok-tag:#8fbce6;--tok-keyword:#cba6f7;--tok-number:#e5c07b;--tok-attr:#d8b38a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--docs-bg:#f6f7f9;--docs-surface:#fff;--docs-border:#e3e5ea;--docs-text:#1a1d23;--docs-muted:#646b78;--docs-accent:#6d3bd1;--docs-accent-soft:#6d3bd117;--docs-on-accent:#fff;--docs-topbar:#ffffffe6;--docs-preview:#fff;--docs-dot:#1a1d231a;--docs-code-bg:#fff;--docs-overlay:#14192642;--docs-shadow:0 24px 60px #1419261f;--docs-hover:#1a1d230a;--docs-rule:#ccd1d9;--tok-comment:#767d89;--tok-string:#b1541f;--tok-tag:#2a6fb0;--tok-keyword:#8b34c9;--tok-number:#9a6700;--tok-attr:#8a5a1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}body{background:var(--docs-bg);min-height:100vh;color:var(--docs-text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6}::selection{background:var(--docs-accent-soft);color:var(--docs-accent)}button{font:inherit;color:inherit}a{color:inherit}pre,code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}:focus-visible{outline:2px solid var(--docs-accent);outline-offset:3px}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.docs{--topbar-h:84px;--sidebar-w:262px;min-height:100vh}.docs-body{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);display:grid}.docs-main{min-width:0;padding:26px clamp(24px,5vw,88px) 96px}.topbar{z-index:30;border:1px solid var(--docs-border);background:var(--docs-topbar);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:999px;justify-content:space-between;align-items:center;gap:16px;height:56px;margin:14px clamp(14px,3vw,32px) 0;padding:0 8px 0 18px;display:flex;position:sticky;top:14px}.topbar-left,.topbar-right{align-items:center;gap:12px;min-width:0;display:flex}.topbar-right{gap:6px}.logo{white-space:nowrap;flex:none;align-items:center;gap:10px;font-size:17px;font-weight:750;line-height:1;text-decoration:none;display:inline-flex}.logo-mark{object-fit:contain;flex:none;width:28px;height:28px;display:block}.version-badge{border:1px solid var(--docs-border);color:var(--docs-muted);border-radius:999px;padding:2px 9px;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;line-height:16px}.icon-button{width:36px;height:36px;color:var(--docs-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;flex:none;place-items:center;transition:color .18s,background .18s;display:inline-grid}.icon-button:hover{color:var(--docs-text);background:var(--docs-hover)}.menu-button{display:none}.search-trigger{border:1px solid var(--docs-border);background:var(--docs-surface);width:218px;height:36px;color:var(--docs-muted);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:9px;padding:0 12px;font-size:12px;transition:border-color .18s,color .18s;display:flex}.search-trigger:hover{border-color:var(--docs-accent);color:var(--docs-text)}.search-trigger kbd{border:1px solid var(--docs-border);font:inherit;border-radius:999px;margin-left:auto;padding:0 6px;font-size:10px}.lang-switch{border:1px solid var(--docs-border);background:var(--docs-surface);border-radius:999px;flex:none;gap:2px;height:36px;padding:3px;display:flex}.lang-option{min-width:40px;color:var(--docs-muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 10px;font-size:11px;font-weight:600;transition:color .18s,background .18s}.lang-option:hover{color:var(--docs-text)}.lang-option.is-active{background:var(--docs-accent-soft);color:var(--docs-accent)}.lang-toggle{border:1px solid var(--docs-border);background:var(--docs-surface);height:36px;color:var(--docs-muted);white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:5px;padding:0 12px;font-size:11px;font-weight:600;transition:border-color .18s,color .18s;display:none}.lang-toggle:hover{border-color:var(--docs-accent);color:var(--docs-text)}.theme-icon>*{transform-box:fill-box;transform-origin:50%;transition:transform .5s var(--elyri-ease-out), opacity .3s var(--elyri-ease-out)}.theme-icon-rays{transform-box:view-box}:root[data-theme=dark] .theme-icon-core{transform:scale(1.5)}:root[data-theme=dark] .theme-icon-rays{opacity:0;transform:rotate(-60deg)scale(.5)}.theme-icon-cut{transition:transform .5s var(--elyri-ease-out)}:root[data-theme=dark] .theme-icon-cut{transform:translate(-8px,5px)}.sidebar{top:var(--topbar-h);height:calc(100vh - var(--topbar-h) - 20px);scrollbar-width:none;background:0 0;padding:22px 14px 24px clamp(22px,4vw,34px);position:sticky;overflow-y:auto}.sidebar::-webkit-scrollbar{display:none}.sidebar nav{flex-direction:column;gap:26px;display:flex}.sidebar-group{flex-direction:column;gap:4px;display:flex}.sidebar-group-title{color:var(--docs-muted);text-transform:uppercase;margin:0 0 6px;padding:0 14px;font-size:11px;font-weight:700}.sidebar-link{min-height:42px;color:var(--docs-muted);border-radius:999px;justify-content:space-between;align-items:center;gap:8px;padding:9px 14px;font-size:13px;text-decoration:none;transition:color .18s,background .18s;display:flex}.sidebar-link:hover{color:var(--docs-text);background:var(--docs-hover)}.sidebar-link.is-active{color:var(--docs-on-accent);background:var(--docs-accent);font-weight:600}.new-tag{background:var(--docs-accent-soft);color:var(--docs-accent);border-radius:999px;padding:0 7px;font-size:10px;font-weight:600;line-height:17px}.sidebar-link.is-active .new-tag{background:color-mix(in srgb, var(--docs-on-accent) 24%, transparent);color:var(--docs-on-accent)}.sidebar-backdrop{display:none}@media (width<=900px){.docs{--topbar-h:76px}.docs-body{grid-template-columns:minmax(0,1fr)}.topbar{height:52px;margin:10px 12px 0;padding:0 6px 0 14px}.menu-button{display:inline-grid}.sidebar{top:var(--topbar-h);z-index:40;border-right:1px solid var(--docs-border);background:var(--docs-bg);width:min(262px,100vw - 48px);height:auto;transition:transform .25s ease-out;position:fixed;bottom:0;left:0;transform:translate(-100%)}.sidebar.is-open{transform:none}.sidebar-backdrop{inset:var(--topbar-h) 0 0;z-index:35;background:var(--docs-overlay);opacity:0;pointer-events:none;transition:opacity .25s;display:block;position:fixed}.sidebar-backdrop.is-open{opacity:1;pointer-events:auto}}@media (width<=700px){.topbar,.topbar-left{gap:8px}.topbar-right{gap:2px}.version-badge,.lang-switch{display:none}.lang-toggle{justify-content:center;width:36px;padding:0;display:inline-flex}.lang-toggle-label{display:none}.search-trigger{background:0 0;border-color:#0000;justify-content:center;width:36px;padding:0}.search-trigger span,.search-trigger kbd{display:none}}@media (width<=600px){.docs-main{padding:22px 20px 72px}}@media (width<=380px){.topbar{margin:10px 8px 0;padding:0 5px 0 10px}}.doc-page{max-width:1200px;margin:0 auto;animation:.24s ease-out page-in}@keyframes page-in{0%{opacity:0;transform:translateY(4px)}}.page-title{margin:0;font-size:36px;font-weight:730;line-height:1.18}.page-description{max-width:900px;color:var(--docs-muted);margin:14px 0 34px;font-size:14px;line-height:1.8}.section{margin-top:48px}.section-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-title{margin:0 0 18px;font-size:18px;font-weight:680;line-height:1.4}.section-head .section-title{margin:0}.section-head+*{margin-top:18px}.primary-button,.ghost-button{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;min-height:34px;padding:6px 13px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.primary-button{border:1px solid var(--docs-accent);background:var(--docs-accent);color:var(--docs-on-accent)}.primary-button:hover{opacity:.86}.ghost-button{border:1px solid var(--docs-border);color:var(--docs-muted);background:0 0}.ghost-button:hover{color:var(--docs-text);border-color:var(--docs-rule)}.index-page .page-title{font-size:42px}.index-page .page-description{margin-bottom:26px}.index-actions{flex-wrap:wrap;gap:10px;display:flex}.showcase-group{margin-top:44px}.showcase-group:first-of-type{margin-top:6px}.showcase-group .section-title{align-items:center;gap:8px;display:flex}.showcase-count{color:var(--docs-muted);font:11px SFMono-Regular,Consolas,monospace}.showcase-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.showcase-card{border:1px solid var(--docs-border);background:var(--docs-surface);border-radius:14px;flex-direction:column;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.showcase-card:hover{border-color:var(--docs-accent);transform:translateY(-3px);box-shadow:0 16px 36px #00000029}.showcase-card:focus-within{border-color:var(--docs-accent)}.showcase-card-link{z-index:2;border-radius:inherit;position:absolute;inset:0}.showcase-preview{aspect-ratio:16/10;border-bottom:1px solid var(--docs-border);background-color:var(--docs-preview);background-image:radial-gradient(var(--docs-dot) .7px, transparent .7px);background-size:18px 18px;place-items:center;display:grid;position:relative;overflow:hidden}.showcase-preview>*{pointer-events:none}.showcase-preview:not(.is-playing) *{animation-play-state:paused!important;animation-delay:-10s!important}.showcase-preview .demo-title{font-size:30px}.showcase-preview .demo-text{max-width:100%;padding:0 12px}.showcase-preview .demo-stack{gap:8px;width:min(230px,100%)}.showcase-preview .demo-card{padding:9px 14px;font-size:12px}.showcase-preview .demo-marquee{font-size:26px}.showcase-preview .demo-tilt{width:220px;height:130px;font-size:16px}.showcase-preview .demo-ascii{max-width:300px}.showcase-preview .demo-background{height:100%;box-shadow:none;border-radius:0}.showcase-preview .demo-hero-links,.showcase-preview .demo-hero-subtitle,.showcase-preview .demo-hero-actions{display:none}.showcase-card-body{flex-direction:column;gap:5px;padding:13px 16px 15px;display:flex}.showcase-card-head{align-items:center;gap:8px;display:flex}.showcase-card-title{font-size:14px;font-weight:650}.showcase-card-desc{color:var(--docs-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.index-quickstart{margin-top:56px}.index-quickstart .install-steps{margin-top:16px}.tabs-row{border-bottom:1px solid var(--docs-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tabs{gap:25px;margin:0;display:flex;position:relative}.tab{min-height:42px;color:var(--docs-muted);cursor:pointer;transition:color .2s var(--elyri-ease-out);background:0 0;border:0;padding:0 1px;font-size:13px;font-weight:600;position:relative}.tab:hover,.tab.is-active{color:var(--docs-text)}.tab-underline{width:var(--tab-w,0);background:var(--docs-accent);height:2px;transform:translateX(var(--tab-x,0));transition:transform .34s var(--elyri-ease-out), width .34s var(--elyri-ease-out);pointer-events:none;border-radius:2px;position:absolute;bottom:-1px;left:0}.tab-panel{animation:tab-panel-in .38s var(--elyri-ease-out)}@keyframes tab-panel-in{0%{opacity:0;transform:translateY(12px)}}.code-stack{padding-top:26px}.install-steps{gap:12px;display:grid}.install-steps+.section-title,.code-stack .section-title:not(:first-child),.code-block+.section-title{margin-top:32px}.code-block{border:1px solid var(--docs-border);background:var(--docs-code-bg);border-radius:12px;overflow:hidden}.code-block-head{border-bottom:1px solid var(--docs-border);color:var(--docs-muted);justify-content:space-between;align-items:center;gap:12px;padding:8px 10px 8px 16px;font-size:11px;display:flex}.code-block-actions{align-items:center;gap:8px;display:flex}.code-switch{border:1px solid var(--docs-border);border-radius:999px;gap:2px;padding:2px;display:flex}.code-switch-item{min-width:30px;height:20px;color:var(--docs-muted);letter-spacing:.02em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 8px;font-size:10px;font-weight:700;transition:color .18s,background .18s}.code-switch-item:hover{color:var(--docs-text)}.code-switch-item.is-active{background:var(--docs-accent-soft);color:var(--docs-accent)}.code-copy{width:26px;height:26px;color:var(--docs-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;place-items:center;transition:color .18s,background .18s,border-color .18s;display:inline-grid}.code-copy:hover{color:var(--docs-accent);border-color:var(--docs-border);background:var(--docs-surface)}.code-block pre{margin:0;padding:18px 20px;font-size:12px;line-height:1.8;overflow-x:auto}.tok-comment{color:var(--tok-comment);font-style:italic}.tok-string{color:var(--tok-string)}.tok-tag{color:var(--tok-tag)}.tok-keyword{color:var(--tok-keyword)}.tok-number{color:var(--tok-number)}.tok-attr{color:var(--tok-attr)}.table-wrap{border-top:1px solid var(--docs-border);overflow-x:auto}.props-table{border-collapse:collapse;width:100%;font-size:12px}.props-table th,.props-table td{border-bottom:1px solid var(--docs-border);text-align:left;vertical-align:top;padding:13px 14px}.props-table th:first-child,.props-table td:first-child{padding-left:0}.props-table th{color:var(--docs-muted);font-size:11px;font-weight:600}.props-table td:last-child{color:var(--docs-muted)}.props-table code{font-size:11px}.prop-name{color:var(--docs-text);font-weight:600}.prop-type{color:var(--docs-accent)}.dep-list{flex-wrap:wrap;gap:8px;display:flex}.dep-tag{border:1px solid var(--docs-border);color:var(--docs-muted);border-radius:3px;padding:4px 8px;font:11px SFMono-Regular,Consolas,monospace}.pager{border-top:1px solid var(--docs-border);justify-content:space-between;gap:16px;margin-top:64px;padding-top:16px;display:flex}.pager-link{min-width:120px;color:var(--docs-text);flex-direction:column;gap:3px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.pager-link:hover{color:var(--docs-accent)}.pager-link span{color:var(--docs-muted);font-size:11px;font-weight:400}.pager-link.is-next{text-align:right;margin-left:auto}.search-overlay{z-index:50;background:var(--docs-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;padding-top:14vh;display:flex;position:fixed;inset:0}.search-dialog{border:1px solid var(--docs-border);background:var(--docs-surface);width:min(560px,100% - 32px);max-height:60vh;box-shadow:var(--docs-shadow);border-radius:7px;flex-direction:column;animation:.18s ease-out page-in;display:flex;overflow:hidden}.search-input{border:0;border-bottom:1px solid var(--docs-border);color:var(--docs-text);font:inherit;background:0 0;outline:none;padding:16px 18px;font-size:14px}.search-results{margin:0;padding:8px;list-style:none;overflow-y:auto}.search-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:space-between;gap:12px;width:100%;padding:9px 16px;display:flex}.search-item.is-active{background:var(--docs-accent-soft);color:var(--docs-accent)}.search-item-category,.search-empty{color:var(--docs-muted);font-size:12px}.search-empty{padding:16px 12px}@media (width<=600px){.page-title,.index-page .page-title{font-size:30px}.showcase-grid{grid-template-columns:minmax(0,1fr)}.props-table{min-width:600px}}.preview-box{border:1px solid var(--docs-border);background-color:var(--docs-preview);background-image:radial-gradient(var(--docs-dot) .7px, transparent .7px);background-size:20px 20px;border-radius:12px;min-height:420px;margin-top:16px;position:relative;overflow:hidden}.preview-box:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(64% 80% at 50% 30%, color-mix(in srgb, var(--docs-accent) 16%, transparent), transparent 72%);position:absolute;inset:0}:root[data-theme=light] .preview-box:before{background:radial-gradient(64% 80% at 50% 30%, color-mix(in srgb, var(--docs-accent) 6%, transparent), transparent 72%)}.preview-toolbar{flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:6px;display:flex}.device-switch{border:1px solid var(--docs-border);background:var(--docs-surface);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.device-switch button{width:34px;height:28px;color:var(--docs-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;transition:color .16s,background .16s;display:grid}.device-switch button:hover{color:var(--docs-text);background:var(--docs-hover)}.device-switch button.is-active{color:var(--docs-accent);background:var(--docs-accent-soft)}.preview-replay{border:1px solid var(--docs-border);background:var(--docs-surface);height:36px;color:var(--docs-text);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:0 14px;font-size:12px;font-weight:550;transition:color .16s,border-color .16s;display:inline-flex}.preview-replay:hover{border-color:var(--docs-accent);color:var(--docs-accent)}.preview-stage{z-index:1;place-items:center;min-height:420px;padding:48px 24px;display:grid;position:relative}.preview-stage.is-tablet .demo-background{width:min(720px,100%)}.preview-stage.is-mobile .demo-background{width:min(390px,100%)}.preview-stage.is-mobile{min-height:700px}.preview-stage.is-mobile .demo-background{height:min(660px,72vh)}.controls{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px;display:grid}.control{border:1px solid var(--docs-border);background:var(--docs-surface);border-radius:12px;flex-direction:column;justify-content:center;gap:10px;min-width:0;min-height:72px;padding:14px 16px;display:flex}.control-inline{flex-direction:row;justify-content:space-between;align-items:center}.control-label{color:var(--docs-text);justify-content:space-between;gap:10px;font-size:12px;font-weight:550;display:flex}.control-inline .control-label{white-space:nowrap;flex:none}.control-value{color:var(--docs-muted);font-variant-numeric:tabular-nums;font-family:SFMono-Regular,Consolas,monospace}.control input[type=range]{width:100%;accent-color:var(--docs-accent)}.switch{background:var(--docs-rule);cursor:pointer;border:0;border-radius:20px;flex:none;width:36px;height:20px;padding:0;transition:background .2s;position:relative}.switch.is-on{background:var(--docs-accent)}.switch-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.switch.is-on .switch-thumb{transform:translate(16px)}.segmented{flex-wrap:wrap;gap:4px;display:flex}.segmented-item{border:1px solid var(--docs-border);min-height:26px;color:var(--docs-muted);cursor:pointer;background:0 0;border-radius:3px;padding:3px 8px;font-size:11px}.segmented-item.is-active{border-color:var(--docs-accent);background:var(--docs-accent-soft);color:var(--docs-accent)}.text-input{border:1px solid var(--docs-border);background:var(--docs-surface);width:148px;max-width:60%;color:var(--docs-text);font:inherit;border-radius:999px;outline:none;flex:none;padding:6px 12px;font-size:12px}.text-input:focus{border-color:var(--docs-accent)}.color-picker{color:var(--docs-muted);align-items:center;gap:8px;font-size:11px;display:flex;position:relative}.color-swatch{border:1px solid var(--docs-border);cursor:pointer;border-radius:50%;flex:none;width:28px;height:28px;padding:0;transition:border-color .18s,transform .18s}.color-swatch:hover{border-color:var(--docs-accent)}.color-swatch[aria-expanded=true]{border-color:var(--docs-accent);transform:scale(1.06)}.color-hex{font-size:11px}.color-popover{z-index:10;border:1px solid var(--docs-border);background:var(--docs-surface);transform-origin:100% 0;width:232px;animation:color-pop-in .2s var(--elyri-ease-out) both;border-radius:14px;position:absolute;top:calc(100% + 16px);right:0;box-shadow:0 10px 26px #0000002e}.color-popover:before{content:"";top:-6px;left:var(--color-caret-x,50%);border-top:1px solid var(--docs-border);border-left:1px solid var(--docs-border);background:var(--docs-surface);border-top-left-radius:2px;width:10px;height:10px;position:absolute;transform:translate(-50%)rotate(45deg)}.color-popover.is-closing{animation:color-pop-out .14s var(--elyri-ease-out) both}.color-popover.is-top{transform-origin:100% 100%;animation-name:color-pop-in-up;top:auto;bottom:calc(100% + 16px)}.color-popover.is-top:before{border:0;border-right:1px solid var(--docs-border);border-bottom:1px solid var(--docs-border);border-radius:0 0 2px;top:auto;bottom:-6px}.color-popover.is-top.is-closing{animation-name:color-pop-out-down}.color-popover-body{scrollbar-width:none;flex-direction:column;gap:11px;max-height:calc(100vh - 170px);padding:14px;display:flex;overflow-y:auto}.color-popover-body::-webkit-scrollbar{display:none}.color-popover-body>*{animation:color-item-in .26s var(--elyri-ease-out) both}.color-popover-body>:nth-child(2){animation-delay:30ms}.color-popover-body>:nth-child(3){animation-delay:60ms}.color-popover-body>:nth-child(4){animation-delay:90ms}.color-popover-body>:nth-child(5){animation-delay:.12s}.color-popover-body>:nth-child(6){animation-delay:.15s}@keyframes color-pop-in{0%{opacity:0;transform:translateY(-8px)scale(.94)}}@keyframes color-pop-out{to{opacity:0;transform:translateY(-6px)scale(.96)}}@keyframes color-pop-in-up{0%{opacity:0;transform:translateY(8px)scale(.94)}}@keyframes color-pop-out-down{to{opacity:0;transform:translateY(6px)scale(.96)}}@keyframes color-item-in{0%{opacity:0;transform:translateY(4px)}}.color-square{border:1px solid var(--docs-border);cursor:crosshair;touch-action:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#fff0);border-radius:10px;flex:none;height:128px;position:relative;overflow:hidden}.color-square-cursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0006}.color-hue{appearance:none;border:1px solid var(--docs-border);cursor:pointer;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px;width:100%;height:10px}.color-hue::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:1px solid #0003;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #00000040}.color-hue::-moz-range-thumb{cursor:pointer;background:#fff;border:1px solid #0003;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #00000040}.color-code{flex-direction:column;gap:6px;display:flex}.color-code-label{color:var(--docs-muted);text-transform:uppercase;font-size:10px;font-weight:600}.color-code-input{border:1px solid var(--docs-border);background:var(--docs-bg);width:100%;color:var(--docs-text);border-radius:999px;outline:none;padding:6px 11px;font:11px SFMono-Regular,Consolas,monospace}.color-code-input:focus{border-color:var(--docs-accent)}.color-row{grid-template-columns:12px minmax(0,1fr) 28px;align-items:center;gap:8px;display:grid}.color-channel{color:var(--docs-muted);font:600 11px SFMono-Regular,Consolas,monospace}.color-channel-value{color:var(--docs-text);text-align:right;font-variant-numeric:tabular-nums;font:11px SFMono-Regular,Consolas,monospace}.color-slider{appearance:none;border:1px solid var(--docs-border);cursor:pointer;border-radius:999px;width:100%;height:10px}.color-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:1px solid #0003;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #00000040}.color-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:1px solid #0003;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #00000040}.demo-stack{flex-direction:column;gap:12px;width:min(360px,100%);display:flex}.demo-title{text-align:center;font-size:clamp(48px,8vw,76px);font-weight:800}.demo-text{text-align:center;width:100%;max-width:760px}.demo-ascii{width:100%;max-width:460px}.demo-marquee{letter-spacing:-.01em;font-size:clamp(30px,5vw,56px);font-weight:800}.demo-tilt{background:linear-gradient(140deg, var(--docs-accent), color-mix(in srgb, var(--docs-accent) 30%, #101018));color:#fff;letter-spacing:.02em;border-radius:16px;justify-content:center;align-items:center;width:min(320px,100%);height:200px;font-size:22px;font-weight:700;display:flex;box-shadow:0 18px 40px #00000040}.demo-card{border:1px solid var(--docs-border);background:color-mix(in srgb, var(--docs-border) 34%, var(--docs-surface));border-radius:12px;padding:16px 20px}:root[data-theme=light] .demo-card{border-color:#0000}.demo-background{border-radius:16px;width:100%;height:520px;box-shadow:0 20px 50px #00000059;container-type:inline-size}.demo-background-content{color:#fff;flex-direction:column;gap:clamp(14px,2.6cqw,28px);height:100%;padding:clamp(18px,3cqw,34px);display:flex}.demo-hero-nav{justify-content:space-between;align-items:center;gap:clamp(10px,1.6cqw,16px);display:flex}.demo-hero-brand{letter-spacing:.16em;text-transform:uppercase;text-shadow:0 2px 16px #0009;font-size:clamp(13px,1.7cqw,17px);font-weight:800}.demo-hero-links{gap:clamp(12px,2cqw,26px);font-size:clamp(11px,1.3cqw,13px);font-weight:500;display:flex}.demo-hero-links a{color:#ffffffc7;text-decoration:none;transition:color .2s}.demo-hero-links a:hover{color:#fff}.demo-hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(10px,1.6cqw,16px);display:flex}.demo-hero-badge{border:1px solid color-mix(in srgb, color-mix(in srgb, var(--demo-accent) 45%, #fff) 45%, transparent);background:color-mix(in srgb, var(--demo-accent) 22%, transparent);letter-spacing:.18em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:clamp(4px,.6cqw,6px) clamp(10px,1.4cqw,14px);font-size:clamp(9px,1.1cqw,11px);font-weight:600}.demo-hero-title{letter-spacing:-.01em;max-width:16ch;text-shadow:0 2px 24px #000000b3, 0 0 40px color-mix(in srgb, var(--demo-accent) 45%, transparent);margin:0;font-size:clamp(26px,6.5cqw,64px);font-weight:800;line-height:1.05}.demo-hero-subtitle{color:#ffffffbf;max-width:46ch;margin:0;font-size:clamp(12px,1.8cqw,16px);line-height:1.6}@container (width<=560px){.demo-hero-links{display:none}}.demo-hero-actions{flex-wrap:wrap;justify-content:center;gap:clamp(8px,1.1cqw,12px);margin-top:clamp(2px,.5cqw,6px);display:flex}.demo-hero-button{cursor:pointer;border:1px solid #0000;border-radius:999px;padding:clamp(8px,1.1cqw,11px) clamp(15px,2.2cqw,22px);font-size:clamp(12px,1.4cqw,14px);font-weight:600;transition:transform .2s,box-shadow .2s,background .2s}.demo-hero-button--primary{background:linear-gradient(135deg, color-mix(in srgb, var(--demo-accent) 65%, #fff), var(--demo-accent));color:#fff;box-shadow:0 10px 30px color-mix(in srgb, var(--demo-accent) 45%, transparent)}.demo-hero-button--primary:hover{box-shadow:0 14px 36px color-mix(in srgb, var(--demo-accent) 58%, transparent);transform:translateY(-1px)}.elyri-aurora .demo-hero-button--primary,.elyri-aurora .demo-hero-button--primary:hover{box-shadow:none}.demo-hero-button--ghost{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff12;border-color:#ffffff47}.demo-hero-button--ghost:hover{background:#ffffff24}.demo-fallback{background:var(--docs-hover);border-radius:12px;width:200px;height:44px;animation:1.2s ease-in-out infinite demo-fallback-pulse}@keyframes demo-fallback-pulse{50%{opacity:.45}}@media (width<=600px){.preview-box,.preview-stage{min-height:290px}.preview-stage.is-mobile{min-height:520px}.preview-replay{justify-content:center;width:36px;padding:0}.preview-replay-label{display:none}.controls{grid-template-columns:minmax(0,1fr)}.demo-hero-links{display:none}}