:root{--xw-font-sans: var(--font-family, "Inter", "Noto Sans SC", "Noto Sans JP", "Noto Sans KR", "Noto Sans Arabic", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);--xw-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--page-max-width: 1280px;--page-wide-width: 1440px;--page-top-gap: 5px}*{box-sizing:border-box}html,html body{margin:0;padding:0;min-height:100%;font-family:var(--xw-font-sans);color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}::spelling-error{text-decoration:none}::grammar-error{text-decoration:none}html[data-style=glass] body{background:var(--bg-app);position:relative}html:is([data-bg-type=glow],[data-bg-ambiance=gradient]):not([data-bg-type=gradients_v]):not([data-bg-type=gradients_h])[data-style=glass] body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(40% 32% at 12% 22%,color-mix(in srgb,var(--accent-primary) 55%,transparent),transparent 70%),radial-gradient(36% 34% at 88% 18%,color-mix(in srgb,var(--accent-info, var(--accent-primary-hover, var(--accent-primary))) 50%,transparent),transparent 70%),radial-gradient(45% 38% at 72% 82%,color-mix(in srgb,var(--accent-warning, var(--accent-primary)) 45%,transparent),transparent 72%),radial-gradient(35% 30% at 18% 88%,color-mix(in srgb,var(--accent-success, var(--accent-primary)) 45%,transparent),transparent 70%),radial-gradient(30% 28% at 50% 50%,color-mix(in srgb,var(--accent-danger, var(--accent-primary-hover, var(--accent-primary))) 30%,transparent),transparent 75%);filter:blur(60px) saturate(1.25);opacity:.95;transition:opacity .24s ease}html:is([data-bg-type=glow],[data-bg-type=gradients_v],[data-bg-type=gradients_h],[data-bg-ambiance=gradient])[data-style=glass] body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background-color:color-mix(in srgb,var(--text-primary) 9%,transparent);mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28'><circle cx='14' cy='14' r='1.4' fill='%23fff'/></svg>");-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28'><circle cx='14' cy='14' r='1.4' fill='%23fff'/></svg>");mask-repeat:repeat;-webkit-mask-repeat:repeat;mask-size:28px 28px;-webkit-mask-size:28px 28px;opacity:.6}html[data-bg-type=gradients_v][data-style=glass] body:before,html[data-bg-type=gradients_h][data-style=glass] body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;filter:saturate(1.15);opacity:.92;transition:opacity .24s ease}html[data-bg-type=gradients_v][data-style=glass] body:before{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-primary) 42%,var(--bg-app)) 0%,var(--bg-app) 42%,color-mix(in srgb,var(--accent-info, var(--accent-primary-hover, var(--accent-primary))) 28%,var(--bg-app)) 100%)}html[data-bg-type=gradients_h][data-style=glass] body:before{background:linear-gradient(90deg,color-mix(in srgb,var(--accent-primary) 40%,var(--bg-app)) 0%,var(--bg-app) 48%,color-mix(in srgb,var(--accent-info, var(--accent-primary-hover, var(--accent-primary))) 30%,var(--bg-app)) 100%)}html:is([data-bg-type=glow],[data-bg-type=gradients_v],[data-bg-type=gradients_h],[data-bg-ambiance=gradient])[data-style=glass] body>#app,html:is([data-bg-type=glow],[data-bg-type=gradients_v],[data-bg-type=gradients_h],[data-bg-ambiance=gradient])[data-style=glass] body>#xwui-root,html:is([data-bg-type=glow],[data-bg-type=gradients_v],[data-bg-type=gradients_h],[data-bg-ambiance=gradient])[data-style=glass] body>xwui-style{position:relative;z-index:1}html[data-style=glass][data-xwui-style-preset="Royal Green · Dark"] body{background:#030d07}html:is([data-bg-type=glow],[data-bg-ambiance=gradient]):not([data-bg-type=gradients_v]):not([data-bg-type=gradients_h])[data-style=glass][data-xwui-style-preset="Royal Green · Dark"] body:before{background:radial-gradient(62% 52% at 7% 14%,rgba(5,78,59,.95),transparent 65%),radial-gradient(50% 44% at 90% 7%,rgba(16,185,129,.82),transparent 64%),radial-gradient(66% 56% at 76% 90%,rgba(4,120,87,.88),transparent 68%),radial-gradient(44% 40% at 14% 86%,rgba(20,184,166,.58),transparent 65%),radial-gradient(40% 36% at 50% 52%,rgba(6,95,70,.65),transparent 70%),radial-gradient(32% 26% at 50% 2%,rgba(212,175,55,.28),transparent 65%),linear-gradient(165deg,#020c06,#041409 25%,#061a0c 55%,#030d07 80%,#020b05);filter:blur(55px) saturate(1.75)}html[data-style=glass][data-xwui-style-preset="Royal Green · Light"] body{background:#f4fdf8}html:is([data-bg-type=glow],[data-bg-ambiance=gradient]):not([data-bg-type=gradients_v]):not([data-bg-type=gradients_h])[data-style=glass][data-xwui-style-preset="Royal Green · Light"] body:before{background:radial-gradient(62% 52% at 7% 14%,rgba(167,243,208,.8),transparent 65%),radial-gradient(50% 44% at 90% 7%,rgba(52,211,153,.65),transparent 64%),radial-gradient(66% 56% at 76% 90%,rgba(16,185,129,.7),transparent 68%),radial-gradient(44% 40% at 14% 86%,rgba(110,231,183,.55),transparent 65%),radial-gradient(40% 36% at 50% 52%,rgba(167,243,208,.45),transparent 70%),radial-gradient(32% 26% at 50% 2%,rgba(212,175,55,.3),transparent 65%),linear-gradient(165deg,#f0fdf6,#ecfdf5 30%,#f4fdf8,#fafffe);filter:blur(50px) saturate(1.5)}a{color:var(--accent-primary);text-decoration:none}a:hover,a:focus,a:focus-visible,a:active,a:visited{text-decoration:none}h1,h2,h3,h4,h5{color:var(--text-primary);letter-spacing:-.02em;font-weight:var(--font-weight-bold, 700);line-height:var(--line-height-tight, 1.25);margin:0}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}p{color:var(--text-secondary);line-height:1.65;margin:0;font-weight:450}code,pre{font-family:var(--xw-font-mono)}::selection{background:color-mix(in srgb,var(--accent-primary) 35%,transparent);color:var(--text-primary)}.xw-container{width:100%;max-width:none;margin:0;padding:0}.xw-container--wide{max-width:none}.xw-stack{display:flex;flex-direction:column;gap:var(--spacing-md, 1rem)}.xw-stack-lg{display:flex;flex-direction:column;gap:var(--spacing-xl, 2rem)}.xw-row{display:flex;align-items:center;gap:var(--spacing-sm, .75rem);flex-wrap:wrap}.xw-eyebrow{display:inline-flex;align-self:flex-start;width:fit-content;max-width:100%;align-items:center;gap:.5rem;padding:.35rem .75rem;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-full, 999px);font-size:.8125rem;font-weight:650;letter-spacing:.04em}.xw-eyebrow .dot{width:6px;height:6px;border-radius:var(--radius-full, 999px);background:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-primary-soft, color-mix(in srgb, var(--accent-primary) 25%, transparent))}.xw-gradient-text{background:linear-gradient(135deg,var(--accent-primary),var(--accent-info, var(--accent-primary)));-webkit-background-clip:text;background-clip:text;color:transparent}.xw-muted,.xw-subtle{color:var(--text-secondary)}.xw-section{padding:clamp(3rem,6vw,6rem) 0}.xw-section--tight{padding:clamp(2rem,4vw,4rem) 0}.xw-divider{height:1px;background:var(--border-light);margin:0;border:0}.xw-grid{display:grid;gap:var(--spacing-md, 1.25rem)}.xw-grid-2{grid-template-columns:repeat(2,1fr)}.xw-grid-3{grid-template-columns:repeat(3,1fr)}.xw-grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:960px){.xw-grid-3,.xw-grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.xw-grid-2,.xw-grid-3,.xw-grid-4{grid-template-columns:1fr}}.xw-surface{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg, 1.5rem);transition:transform var(--motion-duration-fast, .15s) var(--motion-easing-standard, ease),border-color var(--motion-duration-fast, .15s) var(--motion-easing-standard, ease),box-shadow var(--motion-duration-fast, .15s) var(--motion-easing-standard, ease)}.xw-surface--hover:hover{transform:translateY(-2px);border-color:var(--border-color);box-shadow:var(--shadow-md)}.xw-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.1rem;border-radius:var(--radius-button, var(--radius-md));border:1px solid var(--border-color);background:var(--role-secondary-bg);color:var(--role-secondary-fg);font-weight:600;font-size:.95rem;cursor:pointer;transition:background var(--motion-duration-fast, .12s) ease,border-color var(--motion-duration-fast, .12s) ease,transform var(--motion-duration-fast, .12s) ease;text-decoration:none}.xw-btn:hover{background:var(--role-secondary-bg-hover);text-decoration:none}.xw-btn--primary{background:var(--role-primary-bg);color:var(--role-primary-fg);border-color:transparent;box-shadow:var(--glow-focus-primary-subtle, 0 8px 22px -8px color-mix(in srgb, var(--accent-primary) 60%, transparent))}.xw-btn--primary:hover{background:var(--role-primary-bg-hover);color:var(--role-primary-fg)}.xw-btn--ghost{background:transparent;border-color:transparent;color:var(--text-primary)}.xw-btn--ghost:hover{background:var(--bg-hover)}.why-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:center}.docs-split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.docs-split--compact{gap:2.5rem}@media(max-width:860px){.why-grid,.docs-split{grid-template-columns:1fr}}.docs-dx-theme{width:100%;margin-top:.25rem;padding-top:1.25rem;border-top:1px solid var(--border-light, rgba(127, 127, 127, .18))}.docs-dx-theme .theme-shuffle{align-items:stretch;max-width:none;margin-inline:0;padding-block:.15rem 0}.docs-dx-theme .theme-shuffle__hint{margin-top:.35rem;text-align:start;max-width:none;margin-inline:0}.app-shell{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;min-height:100vh}.app-shell>xwui-bar-site-footer,xwui-bar-site-footer{--xwui-bar-site-footer-max-width: var(--page-max-width)}.app-shell>xwui-bar-site-header{position:sticky;top:0;z-index:100;--xwui-bar-site-header-max-width: none;--xwui-bar-site-header-px: 40px;--xwui-bar-site-header-pad-block: 0;--xwui-bar-site-header-condensed-pad: 0;overflow:visible}.app-shell>xwui-bar-site-header .xwui-bar-site-header__inner{height:65px;min-height:65px;max-height:65px;padding-block:0;box-sizing:border-box;overflow:visible}.app-shell>xwui-bar-site-header .xwui-bar-site-header__brand .xwui-logo-svg-host-3d{width:5rem;height:5rem;flex-shrink:0}.app-shell>xwui-bar-site-header .xwui-bar-site-header__brand .xwui-logo-container.size-sm{--xwui-logo-bound-h: 5rem}.app-shell>xwui-bar-site-header [data-shell-search]{position:absolute;left:50%;top:0;bottom:0;transform:translate(-50%);width:min(26rem,40vw);min-width:12rem;height:65px;max-height:65px;margin:0;padding:0;z-index:3;display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:none;align-self:center}.app-shell .is-collapse-priority-hidden{display:none!important}.app-shell>xwui-bar-site-header [data-shell-search] .xwui-search,.app-shell>xwui-bar-site-header [data-shell-search] .header-site-search{position:relative;top:auto;left:auto;bottom:auto;transform:none;width:100%;margin:0;align-self:center}.app-shell>xwui-bar-site-header [data-shell-search] .xwui-search:before{content:"";position:absolute;z-index:2;top:50%;inset-inline-start:.85rem;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;background:var(--text-tertiary, #8a90a0);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") center / contain no-repeat}.app-shell>xwui-bar-site-header [data-shell-search] .xwui-input,.app-shell>xwui-bar-site-header [data-shell-search] input{padding-inline-start:2.35rem!important}.app-shell>xwui-bar-site-header [data-shell-search-toggle]{display:none;flex:0 0 auto;align-self:center}.app-shell>xwui-bar-site-header:has([data-shell-search].is-collapse-priority-hidden) [data-shell-search-toggle],.app-shell>xwui-bar-site-header:has(.xwui-bar-site-header.is-mobile-nav) [data-shell-search-toggle]{display:inline-flex}.app-shell>xwui-bar-site-header:has(.xwui-bar-site-header.is-mobile-nav) [data-shell-search]{display:none!important}.app-shell__search-panel{position:sticky;top:65px;z-index:99;background:color-mix(in srgb,var(--bg-elevated, var(--bg-primary, #fff)) 92%,transparent);border-bottom:1px solid var(--border-light, rgba(127, 127, 127, .18));box-shadow:0 10px 28px #00000014}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.app-shell__search-panel{-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%)}}.app-shell__search-panel[hidden]{display:none!important}.app-shell__search-panel-inner{width:100%;margin-inline:auto;padding:.75rem 40px .85rem;box-sizing:border-box;display:grid;gap:.65rem}.app-shell__search-panel-inner [data-shell-search-panel-input],.app-shell__search-panel-inner .header-site-search-panel,.app-shell__search-panel-inner .xwui-search{width:100%;display:block}.app-shell__search-results{display:grid;gap:.15rem;max-height:min(50vh,22rem);overflow:auto;margin:0;padding:0}.app-shell__search-empty{margin:0;padding:.65rem .35rem;font-size:var(--font-size-sm, .85rem);color:var(--text-tertiary, #8a90a0)}.app-shell__search-hit{display:grid;gap:.15rem;width:100%;text-align:start;appearance:none;border:1px solid transparent;border-radius:var(--radius-md, .55rem);background:transparent;color:inherit;font:inherit;padding:.55rem .7rem;cursor:pointer}.app-shell__search-hit:hover,.app-shell__search-hit.is-active{background:var(--bg-hover, rgba(127, 127, 127, .1));border-color:var(--border-light, rgba(127, 127, 127, .16))}.app-shell__search-hit-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:.45rem .65rem}.app-shell__search-hit-name{font-weight:600;font-size:var(--font-size-sm, .9rem)}.app-shell__search-hit-tag{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);font-size:var(--font-size-xs, .72rem);color:var(--text-secondary, #6b7280)}.app-shell__search-hit-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .75rem}.app-shell__search-hit-tier{font-size:var(--font-size-xs, .7rem);font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--accent, var(--color-primary, #2563eb))}.app-shell__search-hit-desc{font-size:var(--font-size-xs, .75rem);color:var(--text-tertiary, #8a90a0);line-height:1.35}@media(max-width:1100px){.app-shell>xwui-bar-site-header .header-site-search,.app-shell>xwui-bar-site-header [data-shell-search]{width:min(18rem,34vw);min-width:10rem}}.app-main{padding-inline:clamp(1rem,3vw,2.5rem);padding-top:var(--page-top-gap);padding-bottom:clamp(2.25rem,4.5vw,3.75rem);min-width:0;width:100%;max-width:var(--page-max-width);margin-inline:auto}.app-shell.is-docs{grid-template-rows:auto auto auto;align-content:start;min-height:auto}.app-shell.is-docs .app-main{max-width:none;padding-inline:40px;padding-bottom:1.5rem}@media(max-width:720px){.app-shell>xwui-bar-site-header{--xwui-bar-site-header-px: 16px}.app-shell.is-docs .app-main,.app-shell__search-panel-inner{padding-inline:16px}}.app-shell__github{display:inline-flex;align-items:center;justify-content:center}.app-shell-user-menu{position:relative;flex-shrink:0;align-self:center}.app-shell-user-menu__trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .55rem .25rem .35rem;border:1px solid var(--border-color, rgba(127, 127, 127, .28));border-radius:999px;background:var(--bg-elevated, var(--bg-primary, #fff));color:var(--text-primary, inherit);cursor:pointer;font:inherit;line-height:1.2;max-width:min(220px,42vw);transition:border-color .15s ease,box-shadow .15s ease}.app-shell-user-menu__trigger:hover,.app-shell-user-menu__trigger:focus-visible{border-color:var(--accent-primary, #6366f1);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-primary, #6366f1) 18%,transparent);outline:none}.app-shell-user-menu__name{font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell-user-menu__caret{font-size:16px;color:var(--text-secondary, #6b7280);flex-shrink:0;transform:rotate(0);transition:transform .18s ease}.app-shell-user-menu__trigger[aria-expanded=true] .app-shell-user-menu__caret{transform:rotate(180deg)}.app-shell-user-menu__inline{display:none;list-style:none;margin:6px 0 0;padding:0;width:100%}.xwui-bar-site-header__drawer-actions .app-shell-user-menu{width:100%}.xwui-bar-site-header__drawer-actions .app-shell-user-menu__trigger{width:100%;max-width:none;justify-content:flex-start;border-radius:12px;padding:.5rem .75rem}.xwui-bar-site-header__drawer-actions .app-shell-user-menu.is-inline-open .app-shell-user-menu__inline,.xwui-bar-site-header__drawer-actions .app-shell-user-menu__inline:not([hidden]){display:flex;flex-direction:column;gap:2px}.xwui-bar-site-header__drawer-actions .app-shell-user-menu xwui-dropdown-menu{display:none!important}.app-shell-user-menu__inline-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.65rem .75rem;border:0;border-radius:10px;background:transparent;color:var(--text-primary, inherit);font:inherit;font-weight:600;font-size:.95rem;text-align:start;cursor:pointer}.app-shell-user-menu__inline-item:hover,.app-shell-user-menu__inline-item:focus-visible{background:color-mix(in srgb,var(--accent-primary, #6366f1) 12%,transparent);outline:none}.app-shell-user-menu__inline-item .material-icons{font-size:18px;color:var(--text-secondary, #6b7280)}.app-shell-user-menu__inline-divider{height:1px;margin:4px .5rem;background:var(--border-color, rgba(127, 127, 127, .22));list-style:none}html[dir=rtl] .app-shell-user-menu__trigger{padding:.25rem .35rem .25rem .55rem}.docs-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:2.5rem;max-width:none;margin:0;padding:0}.docs-sidebar{position:sticky;top:80px;align-self:start;display:flex;flex-direction:column;gap:.25rem}.docs-sidebar__group{margin-top:1rem}.docs-sidebar__group:first-child{margin-top:0}.docs-sidebar__group h5{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary);margin:0 0 .4rem;padding:0 .6rem}.docs-sidebar__link{display:block;padding:.4rem .6rem;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.92rem;text-decoration:none}.docs-sidebar__link:hover{color:var(--text-primary);background:var(--bg-hover);text-decoration:none}.docs-sidebar__link.is-active{color:var(--accent-primary);background:var(--accent-primary-soft, color-mix(in srgb, var(--accent-primary) 10%, transparent))}.docs-content h2{margin-top:2.5rem}.docs-content h3{margin-top:2rem}.docs-content p{margin-top:.75rem}.docs-content>*+*{margin-top:1rem}.docs-content ul{color:var(--text-secondary);line-height:1.7}.docs-footer__divider{margin-top:3rem}.docs-content li>code,.docs-content p>code{background:var(--bg-hover);border:1px solid var(--border-light);padding:.1em .45em;border-radius:var(--radius-code, var(--radius-sm));font-size:.88em}@media(max-width:860px){.docs-layout{grid-template-columns:1fr}.docs-sidebar{position:static}}.xwui-style-switcher.header-style-switcher .xwui-style-toggle__label,.xwui-style-switcher.header-style-switcher .xwui-style-toggle__count{display:none}.xwui-style-switcher.header-style-switcher .xwui-style-toggle__main{padding:.3rem .55rem;gap:.35rem}.xwui-style-switcher.header-style-switcher .xwui-style-toggle__caret{padding-inline:.15rem}.xwui-style-switcher.header-style-switcher .xwui-style-toggle__item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem}.xwui-style-switcher.header-style-switcher .xwui-style-toggle__item.is-active{background:color-mix(in srgb,var(--accent-primary) 15%,var(--bg-card, transparent));color:var(--accent-primary);font-weight:600}.xwui-style-switcher.header-style-switcher .xwui-style-toggle__item-meta{display:none}.xwui-style-switcher.header-style-switcher .xwui-style-toggle__menu{min-width:220px}.xwui-style-switcher.header-style-switcher .xwui-style-toggle--minimized{align-items:center}xwui-logo[colorful] svg .group-diagonal .face-top{fill:color-mix(in srgb,var(--accent-primary) 45%,white)}xwui-logo[colorful] svg .group-diagonal .face-left{fill:var(--accent-primary)}xwui-logo[colorful] svg .group-diagonal .face-right{fill:color-mix(in srgb,var(--accent-primary) 70%,black)}xwui-logo[colorful] svg .group-wing-left .face-top,xwui-logo[colorful] svg .group-wing-right .face-top{fill:color-mix(in srgb,var(--accent-info, var(--accent-primary-hover, var(--accent-primary))) 45%,white)}xwui-logo[colorful] svg .group-wing-left .face-left,xwui-logo[colorful] svg .group-wing-right .face-left{fill:var(--accent-info, var(--accent-primary-hover, var(--accent-primary)))}xwui-logo[colorful] svg .group-wing-left .face-right,xwui-logo[colorful] svg .group-wing-right .face-right{fill:color-mix(in srgb,var(--accent-info, var(--accent-primary-hover, var(--accent-primary))) 70%,black)}xwui-logo[colorful] svg path{transition:fill .18s ease}xwui-logo[colorful] .xwui-logo-img,xwui-logo[colorful] .xwui-logo-svg-host{filter:none!important}.preview-box{border:1px solid var(--border-light);background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--border-light) 50%,transparent) 0 1px,transparent 1px 12px),var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl, 2rem) var(--spacing-lg, 1.5rem);display:flex;align-items:center;justify-content:center;gap:1rem;min-height:120px;flex-wrap:wrap}.preview-box--tall{min-height:180px}xwui-web-code-block{display:block;min-width:0;max-width:100%}:root{--code-fg: #1f2328;--code-kw: #cf222e;--code-str: #0a3069;--code-num: #0550ae;--code-cm: #57606a;--code-tag: #116329;--code-fn: #8250df;--code-attr: #0550ae;--code-surface: color-mix(in srgb, var(--bg-tertiary, var(--bg-secondary, #ffffff)) 14%, #ffffff)}html.xwui-dark{--code-fg: #e6edf3;--code-kw: #ff7b72;--code-str: #a5d6ff;--code-num: #79c0ff;--code-cm: #9198a1;--code-tag: #7ee787;--code-fn: #d2a8ff;--code-attr: #79c0ff;--code-surface: color-mix(in srgb, var(--bg-tertiary, var(--bg-secondary, #000000)) 28%, #000000)}.code-block{position:relative;background:var(--code-surface);color:var(--code-fg);border-radius:var(--radius-lg);border:1px solid var(--border-medium);padding:var(--spacing-lg, 1.1rem) var(--spacing-xl, 1.25rem);overflow:auto;min-width:0;max-width:100%;font-family:var(--xw-font-mono);font-size:.875rem;line-height:1.65}html:root[data-style] .code-block{background:var(--code-surface)!important;border:1px solid var(--border-medium)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html:root[data-style] .code-block pre,html:root[data-style] .code-block code{background:transparent!important;border:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.code-block pre{margin:0;white-space:pre}.code-block .token-kw{color:var(--code-kw)}.code-block .token-str{color:var(--code-str)}.code-block .token-num{color:var(--code-num)}.code-block .token-cm{color:var(--code-cm);font-style:italic}.code-block .token-tag{color:var(--code-tag)}.code-block .token-fn{color:var(--code-fn)}.code-block .token-attr{color:var(--code-attr)}.install-cmd{min-width:0;max-width:100%}.install-cmd__bar{display:flex;align-items:stretch;gap:.25rem;padding:.35rem .4rem 0;background:var(--code-surface);border:1px solid var(--border-medium);border-bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow-x:auto;color:var(--code-fg)}.install-cmd__tab{appearance:none;background:transparent;border:0;border-bottom:2px solid transparent;border-radius:var(--radius-sm, .25rem) var(--radius-sm, .25rem) 0 0;padding:.4rem .75rem .35rem;font-family:var(--xw-font-mono);font-size:.8125rem;line-height:1.4;color:color-mix(in srgb,var(--code-fg) 65%,var(--code-surface));cursor:pointer;white-space:nowrap;transition:color var(--motion-duration-fast, .15s) var(--motion-easing-standard, ease),border-color var(--motion-duration-fast, .15s) var(--motion-easing-standard, ease)}.install-cmd__tab:hover{color:var(--code-fg)}.install-cmd__tab.is-active{color:var(--code-fg);border-bottom-color:var(--color-primary, var(--code-fn));font-weight:600}.install-cmd__tab:focus-visible{outline:2px solid var(--color-primary, var(--code-fn));outline-offset:-2px}.install-cmd .code-block,html:root[data-style] .install-cmd .code-block{border-top-left-radius:0;border-top-right-radius:0}html[dir=rtl] .install-cmd__panel{direction:ltr}html:root[data-style] .webdocs .xwui-md-code-inline{background:color-mix(in srgb,var(--code-surface) 80%,var(--text-primary) 20%)!important;border:1px solid var(--border-subtle, rgba(127, 127, 127, .2))!important;color:var(--code-fg)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.webdocs .xwui-previewer-code-wrap,.webdocs .xwui-previewer-code-wrap .cm-editor,.webdocs .xwui-previewer-code-wrap .cm-scroller,.webdocs .xwui-previewer-code-wrap .cm-gutters,html:root[data-style] .webdocs .xwui-previewer-code-wrap,html:root[data-style] .webdocs .xwui-previewer-code-wrap .cm-editor,html:root[data-style] .webdocs .xwui-previewer-code-wrap .cm-scroller,html:root[data-style] .webdocs .xwui-previewer-code-wrap .cm-gutters{background:var(--code-surface)!important;color:var(--code-fg)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.webdocs .xwui-previewer-code-wrap .cm-gutters,html:root[data-style] .webdocs .xwui-previewer-code-wrap .cm-gutters{border-inline-end:1px solid var(--border-subtle, rgba(127, 127, 127, .2))!important;color:var(--code-cm)!important}.webdocs .xwui-previewer-code-wrap .cm-activeLine,.webdocs .xwui-previewer-code-wrap .cm-activeLineGutter,html:root[data-style] .webdocs .xwui-previewer-code-wrap .cm-activeLine,html:root[data-style] .webdocs .xwui-previewer-code-wrap .cm-activeLineGutter{background:transparent!important}.webdocs .xwui-previewer-code-wrap .cm-content,html:root[data-style] .webdocs .xwui-previewer-code-wrap .cm-content{caret-color:var(--code-fg)!important}.webdocs .xtok-comment,.webdocs .tok-comment,html:root[data-style] .webdocs .xtok-comment{color:var(--code-cm)!important;font-style:italic}.webdocs .xtok-keyword,.webdocs .xtok-control,.webdocs .tok-keyword,.webdocs .tok-control,html:root[data-style] .webdocs .xtok-keyword{color:var(--code-kw)!important}.webdocs .xtok-string,.webdocs .xtok-regexp,.webdocs .tok-string,.webdocs .tok-regexp,html:root[data-style] .webdocs .xtok-string{color:var(--code-str)!important}.webdocs .xtok-number,.webdocs .xtok-constant,.webdocs .tok-number,.webdocs .tok-constant,html:root[data-style] .webdocs .xtok-number{color:var(--code-num)!important}.webdocs .xtok-function,.webdocs .xtok-type,.webdocs .tok-function,.webdocs .tok-typeName,.webdocs .tok-className,html:root[data-style] .webdocs .xtok-function{color:var(--code-fn)!important}.webdocs .xtok-tag,.webdocs .tok-tagName,html:root[data-style] .webdocs .xtok-tag{color:var(--code-tag)!important}.webdocs .xtok-attribute,.webdocs .xtok-property,.webdocs .xtok-variable,.webdocs .tok-attributeName,.webdocs .tok-propertyName,.webdocs .tok-variableName,html:root[data-style] .webdocs .xtok-attribute{color:var(--code-attr)!important}.webdocs .xtok-operator,.webdocs .xtok-punctuation,.webdocs .tok-operator,.webdocs .tok-punctuation,html:root[data-style] .webdocs .xtok-operator{color:var(--code-fg)!important}.code-block__head{display:flex;align-items:center;gap:.5rem;padding:.5rem .85rem;border-bottom:1px solid var(--border-light);margin:calc(-1 * var(--spacing-lg, 1.1rem)) calc(-1 * var(--spacing-xl, 1.25rem)) var(--spacing-md, 1rem) calc(-1 * var(--spacing-xl, 1.25rem));color:var(--text-tertiary);font-size:.8rem}.code-block__head .dot{width:10px;height:10px;border-radius:var(--radius-full, 50%)}.code-block__head .dot-red{background:#ff5f57}.code-block__head .dot-amber{background:#febc2e}.code-block__head .dot-green{background:#28c840}.code-block__head .label{margin-left:auto}.code-block__copy{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .55rem;border:1px solid var(--border-medium);border-radius:var(--radius-md, .375rem);background:transparent;color:var(--text-tertiary);font:inherit;font-size:.75rem;line-height:1;cursor:pointer;transition:color var(--motion-duration-fast, .15s) var(--motion-easing-standard, ease),border-color var(--motion-duration-fast, .15s) var(--motion-easing-standard, ease),background var(--motion-duration-fast, .15s) var(--motion-easing-standard, ease)}.code-block__copy:hover{color:var(--text-primary);border-color:var(--border-strong, var(--border-medium));background:var(--bg-secondary)}.code-block__copy .code-block__copy-icon,.code-block__copy .code-block__copied-icon{flex:none}.code-block__copy .code-block__copied-icon{display:none}.code-block__copy.is-copied{color:var(--code-tag, #1a7f37);border-color:var(--code-tag, #1a7f37)}.code-block__copy.is-copied .code-block__copy-icon{display:none}.code-block__copy.is-copied .code-block__copied-icon{display:inline-block}.token-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.token-swatch{border-radius:var(--radius-lg);border:1px solid var(--border-light);padding:1rem;display:flex;flex-direction:column;gap:.75rem;background:var(--bg-card)}.token-swatch .chip{height:64px;border-radius:var(--radius-md);border:1px solid var(--border-light)}.token-swatch .name{font-weight:600;font-size:.9rem}.token-swatch .val{font-family:var(--xw-font-mono);font-size:.8rem;color:var(--text-tertiary)}.hero{padding:0 0 clamp(2rem,4vw,3.5rem);position:relative;overflow:visible}.hero__inner{max-width:none;margin:0;display:grid;gap:var(--spacing-xl, 2rem);grid-template-columns:1fr 1.2fr;align-items:center}.hero__text{position:relative;display:flex;flex-direction:column;gap:1.25rem;min-width:0;max-width:100%;overflow:visible;align-self:center}.hero__text>:not(.hero__logo-watermark){min-width:0;max-width:100%;position:relative;z-index:1}.hero__logo-watermark{position:absolute;top:50%;left:0;width:clamp(40rem,120vw,75rem);height:clamp(40rem,120vw,75rem);transform:translate(calc(-42% - 200px),calc(-55% + 200px));display:grid;place-items:center;pointer-events:none;z-index:0;opacity:.25;overflow:visible;max-width:none}.hero__logo-watermark-mark,.hero__logo-watermark .xwui-logo-container,.hero__logo-watermark .xwui-logo-visual-wrapper,.hero__logo-watermark .xwui-logo-svg-host-3d,.hero__logo-watermark .xwui-3d-object,.hero__logo-watermark canvas{--xwui-logo-bound-h: clamp(40rem, 120vw, 75rem);width:clamp(40rem,120vw,75rem)!important;height:clamp(40rem,120vw,75rem)!important;max-width:none!important;max-height:none!important}.hero__logo-watermark-mark,.hero__logo-watermark .xwui-logo-container,.hero__logo-watermark canvas{filter:blur(3px);transform:translateZ(0);will-change:contents}.hero__title{font-size:clamp(var(--font-size-4xl),3.2vw + 1.1rem,3.35rem);font-weight:var(--font-weight-bold, 700);line-height:var(--line-height-tight, 1.15);letter-spacing:-.02em;color:var(--text-secondary);margin:0}.hero__title xwui-typography{display:inline;font:inherit;letter-spacing:inherit;line-height:inherit;font-weight:inherit;color:inherit}.hero__subtitle{color:var(--text-secondary);font-size:var(--font-size-lg);max-width:52ch;line-height:var(--line-height-normal, 1.6)}.hero__ctas{display:flex;flex-wrap:nowrap;align-items:center;gap:clamp(.35rem,1.2vw,.65rem);margin-top:var(--spacing-md, 1rem);min-width:0;max-width:100%}.hero__ctas>xwui-button.hero__cta,.hero__ctas>.hero__cta{flex:0 1 auto;min-width:0}.hero__ctas xwui-button.hero__cta .xwui-button,.hero__ctas .hero__cta .xwui-button{padding:clamp(.3rem,.9vw,.55rem) clamp(.55rem,1.6vw,1.1rem)!important;font-size:clamp(.72rem,1.35vw,.875rem)!important;min-height:clamp(1.85rem,4vw,2.5rem)!important;gap:clamp(.25rem,.6vw,.45rem)!important;white-space:nowrap}.hero__ctas xwui-button.hero__cta .xwui-button-icon,.hero__ctas .hero__cta .xwui-button-icon,.hero__ctas xwui-button.hero__cta .xwui-icon,.hero__ctas .hero__cta .xwui-icon{width:clamp(.85rem,1.5vw,1.125rem)!important;height:clamp(.85rem,1.5vw,1.125rem)!important;font-size:clamp(.85rem,1.5vw,1.125rem)!important;flex-shrink:0}.hero__meta{width:100%;max-width:28rem;margin-top:var(--spacing-sm, .75rem)}.hero__meta-grid{width:100%}.hero__meta xwui-display-statistic{display:block;width:100%;min-width:0;box-sizing:border-box;padding:0;border:0;border-radius:0;background:transparent}.hero__meta xwui-display-statistic .xwui-statistic,.hero__meta xwui-display-statistic .xwui-statistic-container{display:block;width:100%}.hero__meta xwui-display-statistic .xwui-statistic-title{font-size:clamp(var(--font-size-xs, .75rem),1.1vw,var(--font-size-sm, .875rem));font-weight:650;letter-spacing:.02em;color:var(--text-tertiary);margin-bottom:var(--spacing-xs, .25rem);line-height:var(--line-height-tight, 1.25)}.hero__meta xwui-display-statistic .xwui-statistic-value{font-size:clamp(calc(var(--font-size-4xl, 2.25rem) * 1.25),7vw,calc(var(--font-size-4xl, 2.25rem) * 2.1));font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--accent-primary);font-variant-numeric:tabular-nums}.hero__meta xwui-display-statistic .xwui-statistic-prefix,.hero__meta xwui-display-statistic .xwui-statistic-suffix{font-size:clamp(var(--font-size-base, 1rem),1.6vw,var(--font-size-xl, 1.25rem));font-weight:600;color:var(--accent-primary)}.tested-frameworks{margin-top:clamp(1rem,2.5vw,2rem);display:flex;flex-direction:column;gap:.85rem}.tested-frameworks__head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.tested-frameworks__label{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.tested-frameworks__count{font-size:.78rem;color:var(--text-tertiary)}.tested-frameworks__marquee .xwui-marquee__label{font-size:1.05rem}.hero__preview{--hero-edge-bleed: calc(max(0px, (100vw - var(--page-max-width)) / 2) + clamp(1rem, 3vw, 2.5rem) + 8px) ;position:relative;align-self:start;min-width:0;min-height:clamp(480px,56vw,760px);max-height:min(900px,92vh);display:flex;flex-direction:column;width:calc(100% + var(--hero-edge-bleed))!important;max-width:none!important;margin-inline-end:calc(-1 * var(--hero-edge-bleed))!important;border:1px solid var(--border-color, rgba(127, 127, 127, .18))!important;border-inline-end-width:0!important;border-start-start-radius:var(--radius-2xl, 16px)!important;border-end-start-radius:var(--radius-2xl, 16px)!important;border-start-end-radius:0!important;border-end-end-radius:0!important;color:var(--text-primary);background:var(--bg-app, var(--bg-card, rgba(20, 20, 25, .8)))!important;box-shadow:0 24px 48px -16px #00000038,0 8px 20px -8px #00000029!important;padding:var(--spacing-lg, 1.5rem);overflow:hidden}html:is([data-bg-type=glow],[data-bg-ambiance=gradient]):not([data-bg-type=gradients_v]):not([data-bg-type=gradients_h]) .hero__preview{background:radial-gradient(400px 200px at 30% 20%,color-mix(in srgb,var(--accent-primary) 30%,transparent),transparent 60%),radial-gradient(400px 200px at 80% 70%,color-mix(in srgb,var(--accent-info, var(--accent-primary)) 28%,transparent),transparent 60%),var(--bg-app, var(--bg-card, rgba(20, 20, 25, .8)))!important}html[data-bg-type=gradients_v] .hero__preview{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-primary) 28%,transparent),transparent 55%),var(--bg-app, var(--bg-card, rgba(20, 20, 25, .8)))!important}html[data-bg-type=gradients_h] .hero__preview{background:linear-gradient(90deg,color-mix(in srgb,var(--accent-primary) 26%,transparent),transparent 55%),var(--bg-app, var(--bg-card, rgba(20, 20, 25, .8)))!important}.hero__preview-island{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;background:transparent;color:inherit}.hero .hero__preview .tier-explorer__body .xwui-tabs-content{overflow:hidden!important}.hero__preview:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,color-mix(in srgb,var(--bg-card) 70%,transparent));pointer-events:none}.hero__preview-grid{display:grid;gap:.6rem;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:min-content;align-content:start;flex:1;min-height:0}@media(max-width:1280px){.hero__preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1024px){.hero__preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.hero__preview-grid{grid-template-columns:1fr}}.theme-preview{display:grid;grid-template-columns:1fr;gap:var(--spacing-md, 1rem);margin-top:var(--spacing-md, 1rem)}@media(min-width:720px){.theme-preview{grid-template-columns:1fr 1fr}.theme-preview--single{grid-template-columns:1fr}}.theme-preview__panel{display:flex;flex-direction:column;gap:var(--spacing-md, 1rem);margin:0;padding:var(--spacing-lg, 1.5rem);background:var(--bg-app);color:var(--text-primary);border:1px solid var(--border-medium, rgba(128, 128, 128, .22));border-radius:var(--radius-lg, .75rem)}.theme-preview__label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary)}.theme-preview__specimen{display:flex;flex-direction:column;gap:var(--spacing-md, 1rem);padding:var(--spacing-md, 1rem);background:var(--bg-elevated);border:1px solid var(--border-subtle, rgba(128, 128, 128, .16));border-radius:var(--radius-md, .5rem)}.theme-preview__title{margin:0;font-size:1.125rem;font-weight:600;line-height:1.3;color:var(--text-primary)}.theme-preview__body{margin:0;font-size:.875rem;line-height:1.5;color:var(--text-secondary)}.theme-preview__tags,.theme-preview__buttons{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}html:root[data-style] .theme-preview__panel{background:var(--bg-app);border-radius:var(--radius-lg, .75rem)}html:root[data-style] .theme-preview__specimen{background:var(--bg-elevated);border-radius:var(--radius-md, .5rem)}.doc-guides-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-lg, 1.5rem);align-items:stretch;width:100%}@media(max-width:768px){.doc-guides-grid{grid-template-columns:1fr}}.doc-guide-card{display:flex;flex-direction:column;height:100%;box-sizing:border-box;padding:var(--spacing-lg, 1.5rem);border-radius:var(--radius-xl, 16px);background:var(--bg-card, var(--bg-surface, color-mix(in srgb, var(--bg-elevated, #1c202c) 95%, transparent)));border:1px solid var(--border-light, var(--border-color, rgba(255, 255, 255, .08)));box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .08));transition:transform var(--motion-duration-normal, .25s) var(--motion-easing-decelerate, cubic-bezier(.16, 1, .3, 1)),box-shadow var(--motion-duration-normal, .25s) var(--motion-easing-decelerate, cubic-bezier(.16, 1, .3, 1)),border-color var(--motion-duration-normal, .25s) var(--motion-easing-standard, ease)}.doc-guide-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent-primary) 45%,var(--border-color, rgba(255, 255, 255, .1)));box-shadow:var(--shadow-lg, 0 16px 32px -8px rgba(0, 0, 0, .3))}.doc-guide-card__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1.25rem}.doc-guide-card__icon{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:.75rem;flex-shrink:0;background:color-mix(in srgb,var(--accent-primary) 16%,transparent);color:var(--accent-primary)}.doc-guide-card__title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;line-height:1.3;color:var(--text-primary)}.doc-guide-card__desc{margin:0;font-size:.95rem;line-height:1.6;color:var(--text-muted, var(--text-secondary));flex:1 1 auto}.doc-guide-card__foot{margin-top:var(--spacing-lg, 1.5rem);padding-top:var(--spacing-md, 1rem);border-top:1px dashed var(--border-color, rgba(127,127,127,.2));display:flex;align-items:center;justify-content:flex-start}.hero__preview .mini-card{background:color-mix(in srgb,var(--bg-elevated, var(--bg-card, rgba(28,32,44,.9))) 92%,transparent);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.65rem .7rem;display:flex;flex-direction:column;gap:.45rem;box-shadow:var(--shadow-sm);min-width:0;min-height:0;overflow:hidden}.hero__preview .mini-card h6{margin:0;font-size:.85rem;color:var(--text-primary);font-weight:600}.hero__preview .mini-card p{margin:0;font-size:.75rem;color:var(--text-tertiary)}.hero__preview .mini-card__head{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.hero__preview .mini-card__title{font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary)}.hero__preview .mini-card__tag{font-size:.72rem;font-weight:700;color:var(--role-success-bg, var(--accent-primary));background:color-mix(in srgb,var(--role-success-bg, var(--accent-primary)) 14%,transparent);padding:.1rem .45rem;border-radius:var(--radius-full, 999px)}.hero__preview .mini-card__muted{font-size:.72rem;color:var(--text-tertiary);margin-inline-start:auto}.hero__preview .mini-card__row{display:flex;align-items:center;gap:.4rem;margin-top:auto}.hero__preview .mini-card__row--wrap{flex-wrap:wrap;gap:.35rem .65rem}.hero__preview .mini-card__row--compact{gap:.25rem}.hero__preview .mini-card__row--confirm-actions{justify-content:flex-end;margin-top:.5rem}.hero__preview .mini-card__tag--info{color:var(--accent-info, var(--accent-primary));background:color-mix(in srgb,var(--accent-info, var(--accent-primary)) 14%,transparent)}.hero__preview .mini-card__tag--score{margin-inline-start:.4rem;margin-inline-end:auto;color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 14%,transparent)}.hero__preview .mini-card .mini-card__title code,.hero__preview .mini-card code.mini-card__title{font-family:var(--font-mono, monospace);font-size:.74rem;color:var(--text-secondary, #64748b);background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0;border:0!important;letter-spacing:0;text-transform:none;font-weight:600}.mini-card__shortcuts{display:flex;flex-direction:column;gap:.4rem}.mini-card__shortcut-row{display:flex;align-items:center;gap:.3rem;font-size:.78rem}.mini-card__shortcut-label{color:var(--text-tertiary);margin-inline-start:.35rem}.mini-card__kbd{font-family:var(--font-mono, monospace);font-size:.72rem;padding:.1rem .45rem;border-radius:var(--radius-sm, 6px);border:1px solid var(--border-color);background:color-mix(in srgb,var(--bg-elevated, var(--bg-card)) 70%,transparent);color:var(--text-secondary);display:inline-block}.mini-card__scroll-stage{height:130px;overflow:auto;background:color-mix(in srgb,var(--bg-card) 85%,transparent);border-radius:var(--radius-md, 10px);border:1px solid var(--border-light);padding:.4rem .5rem}.mini-card__scroll-row{padding:.3rem .4rem;font-size:.74rem;border-bottom:1px solid color-mix(in srgb,var(--border-color) 50%,transparent);color:var(--text-secondary)}.mini-card__scroll-row:last-child{border-bottom:0}.hero__preview .mini-card__layout-tile--filled{display:flex;align-items:center;justify-content:center;padding:.6rem;font-size:.78rem;color:var(--text-secondary);font-weight:600;min-height:56px;background:color-mix(in srgb,var(--accent-primary) 10%,transparent)}.hero__preview .mini-card__tags{display:flex;flex-wrap:wrap;gap:.3rem}.hero__preview .mini-card__tags .showcase2-tag{font-size:.68rem;padding:.12rem .5rem}.hero__preview .mini-card__temp{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-tertiary);font-weight:600}.hero__preview .mini-card__reactions{padding-top:.3rem;border-top:1px dashed color-mix(in srgb,var(--border-color) 60%,transparent);margin-top:auto}.hero__preview .mini-card__message{display:grid;grid-template-columns:auto 1fr;gap:.55rem}.hero__preview .mini-card__message-body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.hero__preview .mini-card__message-meta{display:flex;align-items:baseline;justify-content:space-between;gap:.4rem;font-size:.78rem}.hero__preview .mini-card__message-meta strong{color:var(--text-primary);font-weight:600}.hero__preview .mini-card__message-text{margin:0;color:var(--text-secondary);font-size:.78rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hero__preview .mini-card__task-title{margin:0;color:var(--text-primary);font-size:.9rem;font-weight:700;line-height:1.25}.hero__preview .mini-card__checklist{display:flex;flex-direction:column;gap:.25rem}.hero__preview .mini-card__swatches{display:flex;gap:.35rem}.hero__preview .swatch{width:18px;height:18px;border-radius:var(--radius-full, 999px);border:1px solid color-mix(in srgb,var(--text-primary) 20%,transparent);flex:0 0 auto}.hero__preview .swatch--primary{background:var(--accent-primary)}.hero__preview .swatch--info{background:var(--accent-info, var(--accent-primary))}.hero__preview .swatch--success{background:var(--role-success-bg, var(--accent-primary))}.hero__preview .swatch--warning{background:var(--role-warning-bg, var(--accent-primary))}.hero__preview .swatch--danger{background:var(--role-danger-bg, var(--accent-primary))}.hero__preview .mini-card__row--center{justify-content:center}.hero__preview .mini-card__qrcode{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:.5rem 0}.hero__preview .mini-card__qrcode xwui-qrcode{background:#fff;padding:8px;border-radius:8px;box-shadow:0 1px 3px #0000002e}.hero__preview .mini-card__qrcode-link{font-family:var(--xw-font-mono, ui-monospace);font-size:.85rem;font-weight:600;color:var(--accent-primary);text-decoration:none;padding:.25rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--accent-primary) 12%,transparent)}.hero__preview .mini-card__qrcode-link:hover{background:color-mix(in srgb,var(--accent-primary) 20%,transparent)}.hero__preview .mini-card__row--gap-lg{gap:1.25rem}.hero__preview .mini-card__row--gap-md{gap:.5rem}.hero__preview .mini-card__row--spread{justify-content:space-around;gap:.5rem}.hero__preview .mini-card__grid{display:grid;gap:.75rem;width:100%}.hero__preview .mini-card__grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.hero__preview .mini-card__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.hero__preview .mini-card__grid-cell{display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:0}.hero__preview .mini-card__grid-label{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.hero__preview .mini-card__icon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;justify-items:center;align-items:center;padding:4px 0}.hero__preview .mini-card__watermark-stage{position:relative;min-height:84px;padding:12px;background:var(--bg-card, transparent);border-radius:var(--radius-sm);border:1px solid var(--border-light);font-size:12px;color:var(--text-secondary)}.hero__preview .mini-card__watermark-stage p{margin:0}.hero__preview .mini-card__toast-mock{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.08));font-size:12px;color:var(--text-primary)}.hero__preview .mini-card__toast-mock--success{border-left:3px solid var(--accent-success, #16a34a)}.hero__preview .mini-card__toast-mock--info{border-left:3px solid var(--accent-info, #4a90e2)}.hero__preview .mini-card__toast-mock--danger{border-left:3px solid var(--accent-danger, #dc2626)}.hero__preview .mini-card__toast-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--bg-hover);font-weight:700;flex:0 0 auto}.hero__preview .mini-card__spinner{border-radius:50%;border:2px solid color-mix(in srgb,currentColor 15%,transparent);border-top-color:var(--accent-primary);animation:xwpc-spin .8s linear infinite;color:var(--accent-primary)}.hero__preview .mini-card__spinner--sm{width:18px;height:18px;border-width:2px}.hero__preview .mini-card__spinner--md{width:28px;height:28px;border-width:3px}.hero__preview .mini-card__spinner--lg{width:40px;height:40px;border-width:4px}@keyframes xwpc-spin{to{transform:rotate(360deg)}}.hero__preview .mini-card__empty-mock{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 12px;border-radius:var(--radius-sm);background:var(--bg-secondary, var(--bg-card));text-align:center}.hero__preview .mini-card__empty-icon{font-size:28px}.hero__preview .mini-card__tooltip-mock{position:relative}.hero__preview .mini-card__tooltip-bubble{position:absolute;background:var(--text-primary);color:var(--bg-card);padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--motion-duration-fast, .12s)}.hero__preview .mini-card__tooltip-bubble--top{bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.hero__preview .mini-card__tooltip-bubble--right{left:calc(100% + 6px);top:50%;transform:translateY(-50%)}.hero__preview .mini-card__tooltip-mock:hover .mini-card__tooltip-bubble{opacity:1}.hero__preview .mini-card__confirm-mock{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:var(--radius-sm);background:var(--bg-secondary, var(--bg-card));border:1px solid var(--border-light)}.hero__preview .mini-card__collapse{border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:8px 10px;background:var(--bg-card)}.hero__preview .mini-card__collapse summary{cursor:pointer;font-weight:600;font-size:12px;display:flex;justify-content:space-between;align-items:center}.hero__preview .mini-card__collapse[open]{padding-bottom:4px}.hero__preview .mini-card__nested-card{display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm)}.hero__preview .mini-card__nested-card-head{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:13px}.hero__preview .mini-card__nested-card-body{margin:0;font-size:12px;color:var(--text-secondary)}.hero__preview .mini-card__nested-card-foot{display:flex;justify-content:flex-end;gap:6px;margin-top:4px}.hero__preview .mini-card__divider-stack{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary)}.hero__preview .mini-card__divider{margin:4px 0;border:0;height:1px;background:var(--border-light)}.hero__preview .mini-card__divider--dashed{background:transparent;border-top:1px dashed var(--border-light);height:0}.hero__preview .mini-card__divider-with-label{display:flex;align-items:center;gap:8px}.hero__preview .mini-card__divider-with-label .mini-card__divider{flex:1}.hero__preview .mini-card__divider-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.hero__preview .mini-card__grid-demo{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.hero__preview .mini-card__grid-demo-tile{background:var(--bg-hover);color:var(--text-secondary);border-radius:var(--radius-sm);padding:8px;text-align:center;font-size:12px;font-weight:600}.hero__preview .mini-card__flex-demo{display:flex;gap:4px}.hero__preview .mini-card__flex-tile{flex:1;background:var(--bg-hover);color:var(--text-secondary);border-radius:var(--radius-sm);padding:10px 8px;text-align:center;font-size:11px;font-weight:600}.hero__preview .mini-card__flex-tile--accent{background:color-mix(in srgb,var(--accent-primary) 15%,var(--bg-hover));color:var(--accent-primary)}.hero__preview .mini-card__drawer-mock{display:grid;grid-template-columns:100px 1fr;gap:0;border:1px solid var(--border-light);border-radius:var(--radius-sm);overflow:hidden;min-height:110px}.hero__preview .mini-card__drawer-mock-side{display:flex;flex-direction:column;gap:6px;padding:10px;background:color-mix(in srgb,var(--accent-primary) 10%,var(--bg-card));font-size:11px;font-weight:600;color:var(--text-primary)}.hero__preview .mini-card__drawer-mock-main{padding:10px;display:flex;align-items:center;justify-content:center;background:var(--bg-card)}.hero__preview .mini-card__hover-card-mock{position:relative;display:inline-flex}.hero__preview .mini-card__hover-card-trigger{font-family:var(--xw-font-mono);color:var(--accent-primary);font-weight:600;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:4px;background:color-mix(in srgb,var(--accent-primary) 10%,transparent)}.hero__preview .mini-card__hover-card-pop{display:none;position:absolute;top:calc(100% + 8px);left:0;width:240px;padding:12px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-md, 0 4px 12px rgba(0,0,0,.15));z-index:10}.hero__preview .mini-card__hover-card-mock:hover .mini-card__hover-card-pop{display:block}.hero__preview .mini-card__hover-card-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.hero__preview .mini-card__popover-mock{position:relative;display:inline-flex}.hero__preview .mini-card__popover-pop{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:200px;padding:10px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-md, 0 4px 12px rgba(0,0,0,.15));z-index:10;display:flex;flex-direction:column;gap:8px}.hero__preview .mini-card__context-mock{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:6px;display:flex;flex-direction:column;font-size:12px;width:max-content;max-width:100%}.hero__preview .mini-card__context-row{display:grid;grid-template-columns:18px 1fr auto;gap:8px;padding:4px 8px;border-radius:3px;cursor:pointer}.hero__preview .mini-card__context-row:hover{background:var(--bg-hover)}.hero__preview .mini-card__kbd-inline{font-family:var(--xw-font-mono);font-size:10px;color:var(--text-tertiary);padding:1px 4px;border:1px solid var(--border-light);border-radius:3px}.hero__preview .mini-card__search-mock{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-card)}.hero__preview .mini-card__search-icon{font-size:14px}.hero__preview .mini-card__search-input{flex:1;background:transparent;border:0;outline:0;color:var(--text-primary);font:inherit;font-size:13px}.hero__preview .mini-card__search-results{list-style:none;padding:0;margin:6px 0 0;font-size:11px;color:var(--text-secondary)}.hero__preview .mini-card__search-results li{padding:4px 8px;border-radius:3px}.hero__preview .mini-card__search-results li:hover{background:var(--bg-hover)}.hero__preview .mini-card__step-progress{display:flex;flex-direction:column;gap:6px}.hero__preview .mini-card__step-progress-row{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:center;font-size:12px}.hero__preview .mini-card__step-progress-row--pending{opacity:.5}.hero__preview .mini-card__step-progress-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;background:var(--bg-hover);color:var(--text-tertiary);border:1px solid var(--border-light)}.hero__preview .mini-card__step-progress-dot--done{background:var(--accent-success, #16a34a);color:#fff;border-color:transparent}.hero__preview .mini-card__step-progress-dot--active{background:var(--accent-primary);color:var(--role-primary-fg, #fff);border-color:transparent}.hero__preview .mini-card__step-progress-time{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.hero__preview .mini-card__tag-input-mock{display:flex;flex-wrap:wrap;gap:4px;padding:6px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-card)}.hero__preview .mini-card__tag-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--accent-primary) 15%,transparent);color:var(--accent-primary);font-size:11px;font-weight:600}.hero__preview .mini-card__tag-chip-x{font-weight:400;cursor:pointer;opacity:.7}.hero__preview .mini-card__tag-input-field{flex:1;min-width:80px;background:transparent;border:0;outline:0;color:var(--text-primary);font:inherit;font-size:12px}.hero__preview .mini-card__rows{display:flex;flex-direction:column;gap:.5rem}.hero__preview .mini-card__rows--gap-sm{gap:.5rem}.hero__preview .mini-card__rows--gap-md{gap:.75rem}.hero__preview .mini-card__rows--gap-lg{gap:1rem}.hero__preview .mini-card__field-row{display:flex;flex-direction:column;gap:.25rem}.hero__preview .mini-card__field-row--tight{margin-bottom:.15rem}.hero__preview .mini-card__field-row--tightest{margin-bottom:.1rem}.hero__preview .mini-card__field-row--spaced-top{margin-top:.25rem}.hero__preview .mini-card__flex-fill{flex:1;min-width:0}.hero__preview .mini-card__text-sm{font-size:.8rem}.hero__preview .mini-card__feed-caption{font-size:.8rem;margin:0}.hero__preview .mini-card__chat-line{font-size:.75rem}.hero__preview .mini-card__muted-text--truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero__preview .mini-card__field-label{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.hero__preview .tier-explorer{display:flex;flex-direction:column;flex:1;min-height:0;gap:.25rem;height:100%}.hero__preview .tier-explorer__head{display:flex;align-items:flex-end;gap:.65rem;flex-shrink:0;min-width:0;width:100%;overflow:visible;position:relative;z-index:3;border-bottom:var(--border-tab-width, var(--border-width-regular, 1.5px)) solid var(--border-tab-color, var(--border-color, rgba(127, 127, 127, .22)));padding-bottom:.15rem}.hero__preview .tier-explorer__body{flex:1;min-height:0;min-width:0;width:100%;display:flex;flex-direction:column}.hero__preview .tier-explorer__body .xwui-tabs-content{flex:1;min-height:0;width:100%}.hero__preview .tier-explorer__body .xwui-tab-panel{padding-block:0}.hero__preview .tier-explorer__tabs .xwui-tabs-horizontal .xwui-tabs-list{border-bottom:none}.hero__preview .tier-explorer__tabs .xwui-tabs-strip{flex:1;min-width:0;width:100%}.hero__preview .tier-explorer__tabs .xwui-tabs-list{flex:1;min-width:0}.hero__preview .tier-explorer__style-tools{display:inline-flex;align-items:center;gap:.65rem;flex-shrink:0;margin-bottom:.2rem;min-width:0}.hero__preview .tier-explorer__match-app,.hero__preview .tier-explorer__match-app-box{flex-shrink:0;color:var(--text-secondary);font-size:.75rem;white-space:nowrap}.hero__preview .tier-explorer__match-app .xwui-checkbox,.hero__preview .tier-explorer__match-app-box.xwui-checkbox{gap:.35rem;align-items:center;font-size:.75rem}.hero__preview .tier-explorer__match-app .xwui-checkbox-label{font-size:.75rem;font-weight:500;line-height:1.2}.hero__preview .tier-explorer__style-toggle{flex-shrink:0;min-width:0}.hero__preview[data-xwui-scope-id]{font-family:var(--font-family, var(--font-family-base, sans-serif))}.hero__preview[data-xwui-scope-id]:not([data-style=glass]) .mini-card,.hero__preview[data-xwui-scope-id]:not([data-style=glass]) .demo-card,.hero__preview[data-xwui-scope-id]:not([data-style=glass]) .card{background:var(--bg-card, var(--bg-elevated, var(--bg-app, transparent)))!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid var(--border-color, var(--border-light, transparent))!important;box-shadow:var(--shadow-sm, none)!important}.hero__preview .tier-explorer__style-toggle .xwui-style-toggle__main{max-width:min(11.5rem,36vw)}.hero__preview .tier-explorer__style-toggle .xwui-style-toggle__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero__preview .tier-explorer__style-toggle .xwui-style-toggle__menu{z-index:50}.hero__preview .tier-explorer__tabs{flex:1;min-width:0;min-height:0}.hero__preview .tier-explorer__tabs .xwui-tabs{display:flex;flex-direction:column;min-height:0}.hero__preview .tier-explorer__tabs .xwui-tabs-content,.hero__preview .tier-explorer__tabs .xwui-tab-panel{display:none}.hero__preview .tier-explorer__tabs .xwui-tab-panel-active{display:block}.hero__preview xwui-display-sparkline,.hero__preview xwui-input-slider,.hero__preview xwui-input-select,.hero__preview xwui-input-date,.hero__preview xwui-input-segmented-control,.hero__preview xwui-nav-steps{display:block;width:100%;min-width:0}.hero__preview .mini-card>*{max-width:100%}.hero__sparkline svg{width:100%;height:auto;display:block}.hero__preview .tier-panel{display:flex;flex-direction:column;gap:.35rem}.tier-blurb{background:color-mix(in srgb,var(--accent-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent-primary) 30%,transparent);border-radius:var(--radius-md);padding:.55rem .75rem}.tier-blurb--tools-only{background:transparent;border:0;padding:0;display:flex;justify-content:flex-end}.tier-blurb__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.tier-blurb--tools-only .tier-blurb__head{justify-content:flex-end;width:100%}.tier-blurb__heading{margin:0;font-size:.85rem;font-weight:700;color:var(--accent-primary);letter-spacing:-.01em}.tier-blurb__pitch{margin:.2rem 0 0;font-size:.75rem;line-height:1.35;color:var(--text-secondary)}.tier-layout-toggle{display:inline-flex;border:1px solid color-mix(in srgb,var(--accent-primary) 35%,transparent);border-radius:var(--radius-sm, 6px);overflow:hidden;background:color-mix(in srgb,var(--bg-card) 70%,transparent)}.tier-layout-toggle__btn{appearance:none;background:transparent;border:0;color:var(--text-tertiary);cursor:pointer;padding:2px 8px;font-size:12px;line-height:1;font-weight:700;transition:background .12s,color .12s}.tier-layout-toggle__btn+.tier-layout-toggle__btn{border-left:1px solid color-mix(in srgb,var(--accent-primary) 25%,transparent)}.tier-layout-toggle__btn:hover{color:var(--text-primary);background:color-mix(in srgb,var(--accent-primary) 10%,transparent)}.tier-layout-toggle__btn.is-active{color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 18%,transparent)}.tier-panel[data-layout=v] .tier-group--vstack{columns:1}.tier-panel[data-layout=h] .tier-group--vstack{columns:unset;display:flex;gap:.6rem;overflow-x:auto;overflow-y:hidden}.tier-panel[data-layout=h] .tier-group--vstack>.mini-card{flex:0 0 clamp(220px,24vw,300px);margin-bottom:0}.tier-panel[data-layout=v] .tier-chart-grid{grid-template-columns:1fr;grid-template-areas:none}.tier-panel[data-layout=v] .tier-chart-grid>*{grid-column:1 / -1;grid-row:auto}.tier-panel[data-layout=h] .tier-chart-grid{grid-template-columns:none;grid-template-areas:none;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);overflow-x:auto;overflow-y:hidden}.tier-panel[data-layout=h] .tier-chart-grid>*{grid-column:auto;grid-row:auto}.tier-panel[data-layout=v] .tier-grid{grid-template-columns:1fr}.tier-panel[data-layout=h] .tier-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);overflow-x:auto;overflow-y:hidden}.tier-subgroups{display:block;width:100%;margin:0 0 .15rem}.tier-subgroups--tabs,.tier-subgroups--tabs .xwui-nav-tabs,.tier-subgroups--tabs .tier-family-tabs{width:100%;min-width:0}.tier-subgroups--tabs .xwui-nav-tabs-list,.tier-subgroups--tabs .xwui-tabs-list{gap:.15rem}.tier-subgroups--tabs .xwui-nav-tabs-tab,.tier-subgroups--tabs .xwui-tabs-tab{font-size:.78rem;font-weight:600;padding-block:.35rem}.tier-subgroups--btn-group{display:flex!important;flex-direction:row;flex-wrap:wrap;gap:.3rem!important;margin-top:.15rem;margin-bottom:.15rem}.tier-subgroups--btn-group .xwui-button-group{display:flex!important;flex-wrap:wrap;gap:.3rem!important;border-radius:0!important;overflow:visible!important;background:transparent!important}.tier-subgroups--btn-group .xwui-button-group-item{border-right:none!important;border-bottom:none!important;overflow:visible!important}.tier-subgroups--btn-group .xwui-button-group-item,.tier-subgroups--btn-group .xwui-button-group-item>div,.tier-subgroups--btn-group .xwui-button-group-item .xwui-button,.tier-subgroups--btn-group .xwui-button-group-item xwui-button{border-radius:50px!important}html body .tier-subgroups--btn-group .xwui-button{gap:.3rem!important;overflow:hidden!important;align-items:center!important;max-width:100%}html body .tier-subgroups--btn-group .xwui-icon,html body .tier-subgroups--btn-group .xwui-icon .material-icons,html body .tier-subgroups--btn-group .material-icons{width:12px!important;height:12px!important;font-size:12px!important;line-height:1!important;flex-shrink:0!important;overflow:hidden!important}.tier-subgroup{display:flex;align-items:center;gap:.35rem;padding:.35rem .55rem;border-radius:var(--radius-sm);background:var(--bg-hover);border:1px solid var(--border-light);font-size:.72rem;color:var(--text-secondary);min-width:0}.tier-subgroup:hover{border-color:color-mix(in srgb,var(--accent-primary) 50%,var(--border-light));color:var(--text-primary)}.tier-subgroup__icon{width:14px;height:14px;color:var(--accent-primary);flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1}.tier-subgroup__icon svg,.tier-subgroup__icon img,.tier-subgroup__icon i{width:14px!important;height:14px!important;display:block}.tier-subgroup__label{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tier-subgroup__count{font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent-primary)}.tier-grid{display:grid;gap:.55rem;grid-template-columns:repeat(2,minmax(0,1fr));flex:1;min-height:0}.tier-grid--basic,.tier-grid--game{grid-template-columns:repeat(2,minmax(0,1fr))}.tier-grid--super{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}@media(max-width:768px){.tier-grid,.tier-grid--super,.tier-grid--power{grid-template-columns:1fr}}.tier-group--vstack{min-height:0;min-width:0;columns:240px 4;column-gap:.6rem}.hero__preview .tier-group--vstack{column-gap:.6rem;columns:2}.hero__preview .tier-panel,.hero__preview .tier-panel .tier-group--vstack{width:100%;max-width:none}.tier-group--vstack>.mini-card{break-inside:avoid;margin-bottom:.6rem;width:100%}.tier-group[hidden]{display:none}.mini-card__layout-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;margin-top:.4rem}.mini-card__layout-tile{height:40px;border-radius:var(--radius-md);background:var(--bg-hover);border:1px solid var(--border-light)}.mini-card__layout-tile--accent{background:color-mix(in srgb,var(--accent-primary) 25%,var(--bg-hover));border-color:color-mix(in srgb,var(--accent-primary) 40%,var(--border-light))}.mini-card__muted-text{margin:0;font-size:.72rem;line-height:1.45;color:var(--text-tertiary)}.tier-chart-grid{display:grid;gap:.55rem;grid-template-columns:1fr 1fr;flex:1;min-height:0}.tier-chart-grid .mini-card--wide{grid-column:1 / -1}.tier-chart-grid--321{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:min-content}.tier-chart-grid--321>.mini-card--chart{grid-column:span 2}.tier-chart-grid--321>.mini-card--chart:nth-child(4),.tier-chart-grid--321>.mini-card--chart:nth-child(5){grid-column:span 3}.tier-chart-grid--321>.mini-card--chart.mini-card--wide{grid-column:1 / -1}@media(max-width:1100px){.tier-chart-grid--321{grid-template-columns:repeat(2,minmax(0,1fr))}.tier-chart-grid--321>.mini-card--chart{grid-column:span 1}.tier-chart-grid--321>.mini-card--chart.mini-card--wide{grid-column:1 / -1}}.tier-chart-demo{display:flex;align-items:flex-end;gap:3px;height:70px;padding:.25rem 0}.tier-chart-demo__bar{flex:1;min-width:0;border-radius:var(--radius-xs, 2px);background:linear-gradient(180deg,var(--accent-primary),var(--accent-info, var(--accent-primary)))}.tier-chart-family{display:flex;flex-wrap:wrap;gap:.3rem}.tier-chart-family--offset{margin-top:.75rem}.tier-chart-chip{font-size:.65rem;font-weight:700;padding:.15rem .45rem;border-radius:var(--radius-full, 999px);border:1px solid var(--border-light);color:var(--text-secondary);background:var(--bg-hover)}.tier-table{display:flex;flex-direction:column;gap:.15rem}.tier-table__row{display:grid;grid-template-columns:1fr auto auto;gap:.4rem;align-items:center;padding:.3rem .4rem;border-radius:var(--radius-sm);font-size:.75rem}.tier-table__row.is-head{color:var(--text-tertiary);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-light)}.tier-table__row:not(.is-head):nth-child(odd){background:var(--bg-hover)}.tier-hud__bars{display:flex;flex-direction:column;gap:.35rem}.tier-hud__bar{display:grid;grid-template-columns:auto 1fr auto;gap:.4rem;align-items:center}.tier-hud__label{font-size:.7rem;color:var(--text-secondary)}.tier-hud__value{font-size:.7rem;font-variant-numeric:tabular-nums;color:var(--text-tertiary);font-weight:600}.tier-hud__inputs{display:flex;gap:.25rem;margin-top:auto}.key-cap{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:.15rem .4rem;border-radius:var(--radius-sm);background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--xw-font-mono);font-size:.7rem;font-weight:700;box-shadow:inset 0 -2px color-mix(in srgb,var(--text-primary) 12%,transparent)}.key-cap--wide{min-width:48px}.tier-minimap{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:4px;border-radius:var(--radius-sm);background:var(--bg-hover);border:1px solid var(--border-light)}.tier-minimap__cell{aspect-ratio:1;border-radius:2px;background:color-mix(in srgb,var(--text-tertiary) 20%,transparent)}.tier-minimap__cell--floor{background:color-mix(in srgb,var(--text-tertiary) 12%,transparent)}.tier-minimap__cell--wall{background:color-mix(in srgb,var(--text-primary) 30%,transparent)}.tier-minimap__cell--player{background:var(--accent-primary);box-shadow:0 0 6px color-mix(in srgb,var(--accent-primary) 60%,transparent)}.tier-minimap__cell--enemy{background:var(--role-danger-bg, var(--accent-primary))}.tier-minimap__cell--chest{background:var(--role-warning-bg, var(--accent-primary))}.tier-minimap__cell--exit{background:var(--role-success-bg, var(--accent-primary))}.tier-workflow{position:relative;height:240px;width:100%;border-radius:var(--radius-md);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 6%,transparent),color-mix(in srgb,var(--accent-info, var(--accent-primary)) 4%,transparent)),var(--bg-hover);border:1px solid var(--border-light);overflow:hidden}.tier-workflow__svg{position:absolute;inset:0;width:100%;height:100%;color:color-mix(in srgb,var(--accent-primary) 60%,var(--text-tertiary));pointer-events:none}.tier-workflow__node{position:absolute;width:70px;padding:.4rem .55rem;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-medium);display:flex;flex-direction:column;gap:.1rem;box-shadow:var(--shadow-sm);font-size:.7rem}.tier-workflow__node--start{border-left:3px solid var(--role-success-bg)}.tier-workflow__node--branch{border-left:3px solid var(--role-warning-bg)}.tier-workflow__node--end{border-left:3px solid var(--accent-primary)}.tier-workflow__node-title{font-weight:700;color:var(--text-primary)}.tier-workflow__node-meta{color:var(--text-tertiary);font-size:.62rem}.tier-scene{position:relative;height:200px;width:100%;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-light)}.tier-scene__sky{position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-info, var(--accent-primary)) 35%,var(--bg-card)) 0%,color-mix(in srgb,var(--accent-primary) 18%,var(--bg-card)) 60%,var(--bg-card) 100%)}.tier-scene__sun{position:absolute;left:70%;top:18%;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--role-warning-bg) 80%,white) 0%,color-mix(in srgb,var(--role-warning-bg) 50%,transparent) 60%,transparent 100%);filter:blur(1px)}.tier-scene__hills{position:absolute;left:0;right:0;bottom:35%;height:50%;background:radial-gradient(120% 100% at 30% 100%,color-mix(in srgb,var(--accent-primary) 35%,var(--bg-app)) 0%,transparent 60%),radial-gradient(120% 100% at 75% 100%,color-mix(in srgb,var(--accent-info, var(--accent-primary)) 30%,var(--bg-app)) 0%,transparent 60%)}.tier-scene__ground{position:absolute;left:0;right:0;bottom:0;height:35%;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-primary) 18%,var(--bg-app)),var(--bg-app))}.tier-scene__char{position:absolute;left:50%;bottom:22%;width:24px;height:56px;transform:translate(-50%);border-radius:12px 12px 6px 6px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-primary) 70%,var(--text-primary)),color-mix(in srgb,var(--accent-primary) 40%,var(--text-primary)));box-shadow:0 8px 16px color-mix(in srgb,var(--accent-primary) 35%,transparent)}.tier-scene__hud{position:absolute;left:.6rem;bottom:.6rem;display:flex;gap:.25rem}.tier-shop{display:flex;flex-direction:column;gap:.4rem;margin:.4rem 0}.tier-shop__item{display:grid;grid-template-columns:36px 1fr auto;gap:.6rem;align-items:center;padding:.4rem .5rem;border-radius:var(--radius-md);background:var(--bg-hover);border:1px solid var(--border-light)}.tier-shop__thumb{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border-medium)}.tier-shop__thumb--a{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 50%,var(--bg-card)),color-mix(in srgb,var(--accent-info, var(--accent-primary)) 50%,var(--bg-card)))}.tier-shop__thumb--b{background:linear-gradient(135deg,color-mix(in srgb,var(--role-success-bg) 50%,var(--bg-card)),color-mix(in srgb,var(--role-warning-bg) 40%,var(--bg-card)))}.tier-shop__thumb--c{background:linear-gradient(135deg,color-mix(in srgb,var(--role-warning-bg) 45%,var(--bg-card)),color-mix(in srgb,var(--role-danger-bg) 35%,var(--bg-card)))}.tier-shop__body{display:flex;flex-direction:column;gap:.1rem;min-width:0}.tier-shop__body strong{font-size:.78rem;color:var(--text-primary)}.tier-shop__price{font-weight:700;font-size:.78rem;color:var(--text-primary);font-variant-numeric:tabular-nums}.tier-shop__total{display:flex;justify-content:space-between;align-items:center;padding:.45rem .5rem;border-top:1px dashed color-mix(in srgb,var(--border-color) 50%,transparent);font-size:.85rem}.tier-shop__total strong{color:var(--accent-primary)}.super-app--rail{padding:.4rem .5rem;border-radius:var(--radius-md);background:var(--bg-hover);border:1px solid var(--border-light);margin-bottom:.4rem}.super-app--rail:last-child{margin-bottom:0}.super-app{display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:center}.super-app__icon{width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent-primary) 18%,var(--bg-hover));color:var(--accent-primary)}.super-app__icon xwui-icon{width:18px;height:18px}.super-app__body{display:flex;flex-direction:column;gap:.1rem;min-width:0}.super-app__body strong{font-size:.85rem;color:var(--text-primary)}.super-app__body span{font-size:.7rem;color:var(--text-tertiary)}@media(max-width:960px){.hero__inner{grid-template-columns:1fr}.hero__preview{aspect-ratio:16/10}}.cta-banner-section,xwui-box.cta-banner-section,.cta-banner-section .xwui-box{width:100%;max-width:none;margin:0;padding:0!important;overflow:visible}.cta-banner-section xwui-mouse-glow{display:block;width:100vw;max-width:none;position:relative;left:50vw;transform:translate(-50%);box-sizing:border-box}.cta-banner-section .xwui-mouse-glow,.cta-banner-section .cta-banner{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.cta-banner{margin:0;min-height:clamp(12rem,22vh,16rem);padding:0;border-radius:var(--radius-xl, var(--radius-2xl));background:linear-gradient(145deg,color-mix(in srgb,var(--accent-primary) 12%,var(--bg-card)),color-mix(in srgb,var(--bg-elevated, var(--bg-card)) 85%,var(--accent-primary)));border:1px solid color-mix(in srgb,var(--accent-primary) 30%,var(--border-light));box-shadow:0 20px 40px -15px #00000059,0 0 35px color-mix(in srgb,var(--accent-primary) 15%,transparent);text-align:start;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;box-sizing:border-box}.cta-banner .xwui-mouse-glow__content{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;align-items:stretch;width:100%;min-height:inherit;padding:clamp(1.75rem,3.5vw,2.75rem) clamp(2rem,5vw,4rem);--cta-copy-x: min(58%, 46rem);padding-inline-start:var(--cta-copy-x);box-sizing:border-box;position:relative}.cta-banner__logo{position:absolute;inset-inline-start:0;top:0;bottom:0;width:100%;display:block;pointer-events:none;z-index:0;opacity:.5;filter:none;overflow:hidden;--cta-copy-x: min(58%, 46rem);mask-image:linear-gradient(90deg,#000 0%,#000 calc(var(--cta-copy-x) - 10rem),transparent var(--cta-copy-x));-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 calc(var(--cta-copy-x) - 10rem),transparent var(--cta-copy-x))}html[dir=rtl] .cta-banner__logo{mask-image:linear-gradient(270deg,#000 0%,#000 calc(var(--cta-copy-x) - 10rem),transparent var(--cta-copy-x));-webkit-mask-image:linear-gradient(270deg,#000 0%,#000 calc(var(--cta-copy-x) - 10rem),transparent var(--cta-copy-x))}.cta-banner__logo-grid,.cta-banner__logo xw-cta-logo-grid,.cta-banner__logo canvas{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;filter:none!important;pointer-events:none}.cta-banner .xwui-mouse-glow__content>:not(.cta-banner__logo),.cta-banner>:not(.cta-banner__logo):not(.xwui-mouse-glow__canvas){position:relative;z-index:1}.cta-banner h2,.cta-banner .xwui-mouse-glow__content h2{max-width:none;width:100%;margin:0}.cta-banner h2 xwui-typography,.cta-banner .xwui-typography-gradient{background:linear-gradient(135deg,var(--text-primary) 20%,var(--accent-primary) 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;font-weight:800;letter-spacing:-.02em}html[data-theme=dark] .cta-banner h2 xwui-typography,html[data-theme=dark] .cta-banner .xwui-typography-gradient,:root:not([data-theme=light]) .cta-banner h2 xwui-typography,:root:not([data-theme=light]) .cta-banner .xwui-typography-gradient{background:linear-gradient(135deg,#fff 40%,color-mix(in srgb,var(--accent-primary) 50%,#ffffff))!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}.cta-banner p,.cta-banner .xwui-mouse-glow__content p{max-width:42ch;margin:.75rem 0 0;color:var(--text-secondary)!important;font-size:1.1rem;line-height:1.6;opacity:.95}.cta-banner .actions{display:flex;gap:var(--spacing-md, 1rem);justify-content:flex-start;margin-top:var(--spacing-lg, 1.5rem);flex-wrap:wrap}@media(max-width:720px){.cta-banner{min-height:clamp(14rem,36vh,20rem);text-align:center}.cta-banner .xwui-mouse-glow__content{align-items:center;padding-inline:clamp(1.25rem,4vw,2rem)}.cta-banner__logo{width:100%;opacity:.32;mask-image:linear-gradient(180deg,#000 0%,#000 40%,transparent 85%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 40%,transparent 85%)}.cta-banner h2,.cta-banner .xwui-mouse-glow__content h2,.cta-banner p,.cta-banner .xwui-mouse-glow__content p{margin-inline:auto}.cta-banner .actions{justify-content:center}}.cta-banner .actions xwui-button[variant=primary],.cta-banner .actions .xwui-button-primary{background:var(--accent-primary)!important;border-color:var(--accent-primary)!important;box-shadow:0 6px 20px color-mix(in srgb,var(--accent-primary) 45%,transparent)!important}.cta-banner .actions xwui-button[variant=primary] *,.cta-banner .actions .xwui-button-primary,.cta-banner .actions .xwui-button-primary *{color:var(--role-primary-fg, #ffffff)!important;font-weight:600}.cta-banner .actions xwui-button[variant=secondary] .xwui-button,.cta-banner .actions .xwui-button-secondary{background:color-mix(in srgb,var(--bg-elevated, var(--bg-card)) 88%,var(--accent-primary))!important;border:1px solid color-mix(in srgb,var(--accent-primary) 35%,var(--border-light))!important;box-shadow:0 4px 12px #0000001f!important;transition:background var(--motion-duration-fast, .15s) var(--motion-easing-standard, ease),border-color var(--motion-duration-fast, .15s) var(--motion-easing-standard, ease)!important}.cta-banner .actions xwui-button[variant=secondary] *,.cta-banner .actions .xwui-button-secondary,.cta-banner .actions .xwui-button-secondary *{color:var(--text-primary)!important;font-weight:600}.cta-banner .actions xwui-button[variant=secondary]:hover .xwui-button,.cta-banner .actions .xwui-button-secondary:hover{background:color-mix(in srgb,var(--bg-elevated, var(--bg-card)) 76%,var(--accent-primary))!important;border-color:color-mix(in srgb,var(--accent-primary) 50%,var(--border-light))!important}.example-frame{border:1px solid var(--border-light);border-radius:var(--radius-xl);background:var(--bg-card);overflow:hidden;box-shadow:var(--shadow-md)}.example-frame__bar{display:flex;align-items:center;gap:.5rem;padding:.65rem .9rem;border-bottom:1px solid var(--border-light);background:var(--bg-secondary);font-size:.8rem;color:var(--text-tertiary)}.example-frame__bar .dots{display:flex;gap:.3rem}.example-frame__bar .dots span{width:10px;height:10px;border-radius:var(--radius-full, 50%);background:var(--border-color)}.example-frame__bar .url{margin-left:auto;padding:.15rem .55rem;border-radius:var(--radius-full, 999px);background:var(--bg-hover);font-family:var(--xw-font-mono);font-size:.72rem}.example-frame__body{padding:1.25rem}.example-frame__body>*+*{margin-top:1rem}.example-frame__body.u-no-pad{padding:0}.example-frame__body.u-no-pad>*+*{margin-top:0}.dashboard-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}.dashboard-stat{padding:1rem;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-light);display:flex;flex-direction:column;gap:.35rem}.dashboard-stat .label{font-size:.78rem;color:var(--text-tertiary)}.dashboard-stat .value{font-size:1.5rem;font-weight:700}.dashboard-stat .delta{font-size:.8rem;color:var(--role-success-bg)}@media(max-width:720px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}.crm-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:start}.crm-column{display:flex;flex-direction:column;gap:.6rem;padding:.6rem;border-radius:var(--radius-md);background:var(--bg-secondary)}.crm-column__head{display:flex;align-items:center;justify-content:space-between;padding:.15rem .35rem;font-size:.78rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em}.crm-column__count{min-width:1.4rem;padding:.05rem .4rem;border-radius:var(--radius-full, 999px);background:var(--bg-hover);font-size:.72rem;text-align:center}.crm-column__deals{display:flex;flex-direction:column;gap:.6rem}.crm-deal{display:flex;flex-direction:column;gap:.4rem;padding:.75rem;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-light)}.crm-deal__value{font-size:1.05rem;font-weight:700}.crm-deal__foot{display:flex;align-items:center;gap:.4rem;margin-top:.15rem}.crm-deal__owner{font-size:.78rem;color:var(--text-tertiary)}@media(max-width:900px){.crm-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.crm-board{grid-template-columns:1fr}}.analytics-split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1rem;align-items:start}.analytics-panel{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-radius:var(--radius-md);background:var(--bg-secondary)}.analytics-device-row{display:flex;flex-direction:column;gap:.35rem}.analytics-device-row__count{font-weight:700}@media(max-width:800px){.analytics-split{grid-template-columns:1fr}}.kanban-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:start}.kanban-column{display:flex;flex-direction:column;gap:.6rem;padding:.6rem;border-radius:var(--radius-md);background:var(--bg-secondary)}.kanban-column__head{display:flex;align-items:center;justify-content:space-between;padding:.15rem .35rem;font-size:.78rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em}.kanban-column__count{min-width:1.4rem;padding:.05rem .4rem;border-radius:var(--radius-full, 999px);background:var(--bg-hover);font-size:.72rem;text-align:center}.kanban-column__tasks{display:flex;flex-direction:column;gap:.6rem}.kanban-task{display:flex;flex-direction:column;gap:.4rem;padding:.75rem;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-light)}.kanban-task__title{display:block}.kanban-task__foot{display:flex;align-items:center;gap:.5rem;margin-top:.15rem}.kanban-task__subtasks{font-size:.78rem;color:var(--text-tertiary)}@media(max-width:900px){.kanban-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.kanban-board{grid-template-columns:1fr}}.theme-shuffle{display:flex;flex-direction:column;align-items:center;width:100%;max-width:28rem;margin-inline:auto;padding-block:.5rem .25rem}.theme-shuffle__deck{width:100%}.theme-shuffle__hint{margin-top:1rem;font-size:.875rem;text-align:center;max-width:36rem;margin-inline:auto}.theme-card{display:flex;flex-direction:column;justify-content:space-between;gap:.85rem;width:100%;min-height:104px;padding:.9rem .95rem;border:1px solid transparent;border-radius:var(--radius-lg, 12px);font:inherit;text-align:start;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.theme-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 6px 18px rgb(0 0 0 / .18))}.theme-card:focus-visible{outline:2px solid var(--theme-card-accent, var(--accent-primary));outline-offset:2px}.theme-card__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.theme-card__name{font-size:.875rem;font-weight:600}.theme-card__role{font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em;opacity:.6;white-space:nowrap}.theme-card__swatches{display:flex;gap:.4rem}.theme-card__swatch{width:22px;height:22px;border-radius:6px;box-shadow:inset 0 0 0 1px #80808040}.theme-card.is-active{border-color:var(--theme-card-accent, var(--accent-primary))}.theme-card.is-active .theme-card__head:after{content:"✓";font-size:.8rem;font-weight:700;color:var(--theme-card-accent, var(--accent-primary))}.theme-grid__hint{margin-top:.9rem;font-size:.875rem}@media(prefers-reduced-motion:reduce){.theme-card{transition:none}.theme-card:hover{transform:none}}.badge-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .55rem;border-radius:var(--radius-full, 999px);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary)}.badge-pill--stable{color:var(--role-success-bg);border-color:color-mix(in srgb,var(--role-success-bg) 40%,transparent);background:color-mix(in srgb,var(--role-success-bg) 10%,transparent)}.badge-pill--beta{color:var(--role-warning-bg);border-color:color-mix(in srgb,var(--role-warning-bg) 40%,transparent);background:color-mix(in srgb,var(--role-warning-bg) 10%,transparent)}.badge-pill--experimental{color:var(--accent-info, var(--accent-primary));border-color:color-mix(in srgb,var(--accent-info, var(--accent-primary)) 40%,transparent);background:color-mix(in srgb,var(--accent-info, var(--accent-primary)) 10%,transparent)}.xwui-dialog-overlay:has(>.xwui-web-auth-modal){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.xwui-web-auth-modal{border:1px solid var(--border-light, rgba(127, 127, 127, .16))}.xwui-web-auth-modal__content,.xwui-web-auth-modal__content xwui-auth-gateway{display:block;width:100%;box-sizing:border-box}.xwui-web-auth-modal .xwui-auth-field,.xwui-web-auth-modal .xwui-auth-field>*,.xwui-web-auth-modal .xwui-auth-form>*{width:100%;box-sizing:border-box}.xwui-web-auth-modal .xwui-auth-gateway-hint:empty{display:none}.xwui-web-auth-modal .xwui-auth-gateway-foot{margin-top:0}.xwui-web-auth-modal__lede{margin:0 0 var(--spacing-md, 1rem);color:var(--text-secondary);font-size:var(--font-size-sm, .9375rem);line-height:1.45}.xwui-web-auth-modal__fields,.xwui-web-auth-modal__actions{display:flex;flex-direction:column}.xwui-web-auth-modal__fields{gap:var(--spacing-sm, .75rem)}.xwui-web-auth-modal__actions{gap:var(--spacing-sm, .625rem);margin-top:var(--spacing-md, 1rem)}.xwui-web-auth-modal__switch{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--spacing-xs, .375rem);font-size:var(--font-size-sm, .875rem);color:var(--text-secondary)}.xwui-web-auth-modal__switch a{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-semibold, 600)}.xwui-web-auth-modal__switch a:hover{text-decoration:underline}.xwui-web-auth-modal__status{margin-top:var(--spacing-sm, .75rem)}.account-page--narrow{max-width:480px;margin-inline:auto;padding:var(--spacing-lg, 1.5rem) var(--spacing-md, 1rem) var(--spacing-2xl, 3rem)}.account-page__status{margin-bottom:var(--spacing-md, 1rem)}.account-auth-shell{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg, 1.25rem)}.account-auth-shell__logo-link{display:inline-flex;justify-content:center;text-decoration:none;flex-shrink:0}.account-auth-shell__logo .xwui-logo-img,.account-auth-shell__logo img{height:44px;width:auto;object-fit:contain}.account-auth-shell>xwui-box,.account-auth-shell>.xwui-box,.account-auth-shell__card{width:100%;box-shadow:var(--shadow, 0 8px 24px rgba(15, 23, 42, .08))}.account-auth-shell xwui-auth-gateway{display:block;width:100%}.account-page__buy-row,.account-page__fallback{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.account-page__license-row{display:flex;align-items:center;gap:.75rem;margin:0}.xwui-previewer-mode-tabs{display:flex!important;align-items:center!important;justify-content:space-between!important;background:var(--bg-card, #0f172a)!important;border-bottom:1px solid var(--border-light, rgba(255, 255, 255, .12))!important;padding:8px 14px!important;flex-shrink:0!important}.xwui-previewer-mode-tabs-list{display:flex!important;align-items:center!important;gap:6px!important}.xwui-previewer-mode-tab{padding:5px 14px!important;border:1px solid transparent!important;border-radius:var(--radius-md, 8px)!important;background:transparent!important;font-size:11px!important;font-weight:700!important;font-family:var(--xw-font-mono)!important;color:var(--text-tertiary, #94a3b8)!important;cursor:pointer!important;transition:all var(--motion-duration-fast, .18s) var(--motion-easing-standard, ease)!important;text-transform:uppercase!important;letter-spacing:.04em!important}.xwui-previewer-mode-tab:hover{color:var(--text-primary, #f8fafc)!important;background:#ffffff14!important}.xwui-previewer-mode-tab.active{color:var(--role-primary-fg, #ffffff)!important;background:var(--accent-primary, #6366f1)!important;border-color:var(--accent-primary, #6366f1)!important;box-shadow:0 4px 12px color-mix(in srgb,var(--accent-primary, #6366f1) 45%,transparent)!important}.xwui-previewer-mode-tabs-actions{display:flex!important;align-items:center!important;gap:var(--spacing-sm, 8px)!important}.xwui-previewer-copy-btn{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:5px 12px!important;border:1px solid var(--border-medium, rgba(255, 255, 255, .18))!important;border-radius:var(--radius-md, 8px)!important;background:#ffffff0f!important;font-size:11px!important;font-weight:600!important;font-family:var(--xw-font-mono)!important;color:var(--text-secondary, #cbd5e1)!important;cursor:pointer!important;transition:all var(--motion-duration-fast, .18s) var(--motion-easing-standard, ease)!important}.xwui-previewer-copy-btn:hover{background:#ffffff24!important;color:#fff!important;border-color:var(--accent-primary, #6366f1)!important}.xwui-previewer-copy-btn.is-copied{background:#22c55e33!important;color:#4ade80!important;border-color:#22c55e73!important}.xwui-previewer-style-tools{display:inline-flex;align-items:center;gap:.65rem;flex-shrink:0;min-width:0}.xwui-previewer-docs-match-app,.xwui-previewer-docs-match-app-box{flex-shrink:0;color:var(--text-secondary);font-size:.75rem;white-space:nowrap}.xwui-previewer-docs-match-app .xwui-checkbox,.xwui-previewer-docs-match-app-box.xwui-checkbox{gap:.35rem;align-items:center;font-size:.75rem}.xwui-previewer-docs-match-app .xwui-checkbox-label{font-size:.75rem;font-weight:500;line-height:1.2}.xwui-previewer-docs-style-toggle{flex-shrink:0;min-width:0}.not-found{max-width:680px;margin:0 auto;padding:clamp(3rem,10vw,7rem) 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg, 1.5rem)}.not-found__glyph{display:inline-flex;align-items:center;justify-content:center;gap:clamp(.4rem,2vw,1rem);line-height:1}.not-found__digit{font-size:clamp(4rem,14vw,9rem);font-weight:800;background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-hover, var(--accent-primary)));-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}.not-found__title{margin:0;font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:700}.not-found__lede{margin:0;max-width:46ch;color:var(--text-secondary);font-size:1rem;line-height:1.6}.not-found__path{font-family:var(--xw-font-mono, ui-monospace, monospace);padding:.12rem .45rem;border-radius:var(--radius-sm);background:var(--bg-hover);border:1px solid var(--border-light);color:var(--text-primary)}.not-found__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm, .75rem)}.not-found__links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .9rem;padding-top:var(--spacing-md, 1rem);border-top:1px solid var(--border-light);width:100%;max-width:32rem}.not-found__links-label{color:var(--text-tertiary);font-size:.85rem}.not-found__link{color:var(--accent-primary);font-weight:600;font-size:.9rem;text-decoration:none}.not-found__link:hover{text-decoration:none}.route-error{max-width:680px;margin:0 auto;padding:clamp(3rem,10vw,7rem) 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md, 1rem)}.route-error h1{margin:0;font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:700}.route-error p{margin:0;max-width:46ch;color:var(--text-secondary);font-size:1rem;line-height:1.6}.route-error__path code{font-family:var(--xw-font-mono, ui-monospace, monospace);padding:.12rem .45rem;border-radius:var(--radius-sm);background:var(--bg-hover);border:1px solid var(--border-light);color:var(--text-primary)}.route-error__retry{margin-top:var(--spacing-sm, .75rem);padding:.6rem 1.4rem;border-radius:var(--radius-md, 8px);border:1px solid var(--accent-primary);background:var(--accent-primary);color:var(--accent-on-primary, #fff);font:inherit;font-weight:600;cursor:pointer}.route-error__retry:hover{background:var(--accent-primary-hover, var(--accent-primary))}.route-error__retry:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.styles-showcase-design{display:block;width:100%;max-width:780px;margin:0 auto;padding:1.75rem;border-radius:var(--radius-2xl);background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-lg)}.styles-showcase-design__inner{display:flex;flex-direction:column;gap:1rem}.styles-showcase-design__dialog{padding:1.25rem 1.4rem;border-radius:var(--radius-dialog, var(--radius-lg));background:var(--bg-elevated, var(--bg-primary));border:1px solid var(--border-light);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.8rem}.styles-showcase-design__dialog-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.styles-showcase-design__dialog-title{margin:0;font-size:1.15rem;font-weight:700}.styles-showcase-design__dialog-close{background:transparent;border:0;color:var(--text-tertiary);cursor:pointer;font-size:1rem;padding:.25rem .5rem;border-radius:var(--radius-sm)}.styles-showcase-design__dialog-close:hover{background:var(--bg-hover);color:var(--text-primary)}.styles-showcase-design__dialog-body{margin:0;color:var(--text-secondary);line-height:1.55;font-size:.95rem}.styles-showcase-design__row{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap}.styles-showcase-design__row--end{justify-content:flex-end}.styles-showcase-design__row--between{justify-content:space-between}.styles-showcase-design__row--wrap{flex-wrap:wrap}.styles-showcase-design__grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.styles-showcase-design__grid-3{display:grid;grid-template-columns:1fr .7fr 1.3fr;gap:.75rem}@media(max-width:560px){.styles-showcase-design{padding:1.25rem}.styles-showcase-design__grid-2,.styles-showcase-design__grid-3{grid-template-columns:1fr}}.styles-showcase-design__controls xwui-input-radio-group{display:inline-flex;gap:.25rem}.styles-showcase-design__controls xwui-input-radio-group>*{display:inline-flex}.styles-showcase-design__row--between xwui-progress-bar{flex:1}.styles-showcase-design__percent{font-variant-numeric:tabular-nums;color:var(--text-tertiary);font-size:.9rem;min-width:3ch;text-align:right}.styles-showcase-design-material{display:block;width:100%;max-width:1100px;margin:0 auto}.styles-showcase-design-material__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.styles-showcase-design-material__col{display:flex;flex-direction:column;gap:1.25rem}@media(max-width:768px){.styles-showcase-design-material__grid{grid-template-columns:1fr}}.showcase2-brand-card{--showcase2-on-accent: var(--text-on-accent, var(--role-primary-fg, #fff));background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-primary-hover, var(--accent-primary)) 100%);color:var(--showcase2-on-accent);border-radius:var(--radius-xl);padding:1.5rem 1.5rem 1.25rem;display:flex;flex-direction:column;gap:.9rem;box-shadow:0 20px 40px -20px color-mix(in srgb,var(--accent-primary) 60%,transparent)}.showcase2-brand-card__pill{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;color:color-mix(in srgb,var(--showcase2-on-accent) 90%,transparent)}.showcase2-brand-card__kbd{font-family:var(--xw-font-mono);color:color-mix(in srgb,var(--showcase2-on-accent) 90%,transparent);font-weight:600;font-size:.95rem}.showcase2-brand-card__title{margin:0;font-size:1.25rem;line-height:1.3;font-weight:700;color:var(--showcase2-on-accent)}.showcase2-brand-card .xwui-typography,.showcase2-brand-card .xwui-typography-primary,.showcase2-brand-card .xwui-typography-secondary,.showcase2-brand-card .xwui-typography-tertiary,.showcase2-brand-card .xwui-typography-inherit{color:var(--showcase2-on-accent)}.showcase2-brand-card__assignee{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;background:color-mix(in srgb,var(--showcase2-on-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--showcase2-on-accent) 20%,transparent);border-radius:var(--radius-md)}.showcase2-brand-card__assignee-text{display:flex;flex-direction:column;color:var(--showcase2-on-accent)}.showcase2-brand-card__assignee-text span{font-size:.75rem;opacity:.8}.showcase2-brand-card__assignee-text strong{font-size:.95rem}.showcase2-brand-card__progress{display:flex;align-items:center;gap:.75rem}.showcase2-brand-card__progress xwui-progress-bar{flex:1}.showcase2-brand-card__progress .xwui-progress-track{background:color-mix(in srgb,var(--showcase2-on-accent) 28%,transparent)}.showcase2-brand-card__progress .xwui-progress-fill{background:var(--showcase2-on-accent)}.showcase2-brand-card__percent{font-weight:700;color:var(--showcase2-on-accent);font-variant-numeric:tabular-nums}.showcase2-tags{display:flex;gap:.5rem;flex-wrap:wrap}.showcase2-tag{padding:.35rem .85rem;border-radius:var(--radius-full, 999px);font-size:.82rem;font-weight:600;border:1px solid transparent}.showcase2-tag--blue{background:color-mix(in srgb,var(--role-info-bg) 15%,transparent);border-color:color-mix(in srgb,var(--role-info-bg) 40%,transparent);color:var(--role-info-bg)}.showcase2-tag--amber{background:color-mix(in srgb,var(--role-warning-bg) 15%,transparent);border-color:color-mix(in srgb,var(--role-warning-bg) 40%,transparent);color:var(--role-warning-bg)}.showcase2-tag--green{background:color-mix(in srgb,var(--role-success-bg) 15%,transparent);border-color:color-mix(in srgb,var(--role-success-bg) 40%,transparent);color:var(--role-success-bg)}.showcase2-tag--red{background:color-mix(in srgb,var(--role-danger-bg) 15%,transparent);border-color:color-mix(in srgb,var(--role-danger-bg) 40%,transparent);color:var(--role-danger-bg)}.showcase2-tag--slate{background:var(--bg-hover);border-color:var(--border-color);color:var(--text-primary)}.showcase2-panel{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.75rem}.showcase2-panel__actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:.25rem;border-top:1px solid var(--border-light)}.showcase2-panel--strong{background:var(--bg-elevated, var(--bg-secondary));border-color:var(--border-color);box-shadow:0 1px 2px color-mix(in srgb,var(--border-strong, var(--border-color)) 25%,transparent)}.showcase2-panel--strong .showcase2-panel__actions{border-top-color:var(--border-color)}.showcase2-panel--strong xwui-calendar{--calendar-border-color: var(--border-color);--calendar-day-hover-bg: var(--bg-hover);color:var(--text-primary)}.showcase2-calendar--compact,.showcase2-panel--calendar xwui-calendar{display:block;width:100%;max-width:18.5rem;margin-inline:auto;transform:scale(.875);transform-origin:top center;margin-bottom:-12.5%}.showcase2-calendar--compact .xwui-calendar,.showcase2-panel--calendar xwui-calendar .xwui-calendar{padding:.4rem}.showcase2-calendar--compact .xwui-calendar-navigation,.showcase2-panel--calendar .xwui-calendar-navigation{margin-bottom:.4rem;gap:.35rem}.showcase2-calendar--compact .xwui-calendar-title,.showcase2-panel--calendar .xwui-calendar-title{font-size:var(--font-size-sm, .875rem)}.showcase2-calendar--compact .xwui-calendar-nav-button,.showcase2-calendar--compact .xwui-calendar-today-button,.showcase2-panel--calendar .xwui-calendar-nav-button,.showcase2-panel--calendar .xwui-calendar-today-button{padding:.2rem .4rem;font-size:var(--font-size-xs, .75rem)}.showcase2-calendar--compact .xwui-calendar-weekday,.showcase2-panel--calendar .xwui-calendar-weekday{font-size:var(--font-size-xs, .7rem);padding-block:.15rem}.showcase2-calendar--compact .xwui-calendar-days,.showcase2-panel--calendar .xwui-calendar-days{gap:.15rem}.showcase2-calendar--compact .xwui-calendar-day,.showcase2-panel--calendar .xwui-calendar-day{min-height:1.65rem;padding:.15rem;aspect-ratio:auto;justify-content:center;align-items:center;font-size:var(--font-size-xs, .75rem)}.showcase2-message{display:grid;grid-template-columns:auto 1fr;gap:.85rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.showcase2-message__body{display:flex;flex-direction:column;gap:.25rem;min-width:0}.showcase2-message__row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.showcase2-message__name{color:var(--accent-primary);font-weight:600}.showcase2-message__time{color:var(--text-tertiary);font-size:.85rem}.showcase2-message__title{color:var(--text-primary);font-weight:600;font-size:.95rem}.showcase2-message__preview{margin:0;color:var(--text-tertiary);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.showcase2-step{display:grid;grid-template-columns:auto 1fr;gap:.85rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.showcase2-step__num{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--bg-app);color:var(--text-primary);font-weight:700;border:1px solid var(--border-color)}.showcase2-step__body{display:flex;flex-direction:column;gap:.75rem;min-width:0}.showcase2-step__text{margin:0;color:var(--text-secondary);line-height:1.55}.showcase2-step .xwui-steps-vertical .xwui-step-tail{top:var(--xwui-step-icon-size, 32px);left:calc(var(--xwui-step-icon-size, 32px) / 2 - 1px);bottom:calc(-1 * var(--spacing-md, 1rem));width:2px}.showcase2-temp__labels-top,.showcase2-temp__labels-bot{display:flex;justify-content:space-between;color:var(--text-primary);font-weight:600;font-size:.85rem}.showcase2-temp__labels-top{color:var(--accent-primary)}.showcase2-temp__labels-bot{color:var(--text-tertiary);font-weight:500}.showcase2-player{display:grid;grid-template-columns:120px 1fr;gap:1rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);align-items:center}.showcase2-player__cover{width:120px;height:120px;border-radius:var(--radius-md);background-size:cover;background-position:center;background-color:var(--bg-hover)}.showcase2-player__body h4{margin:0 0 .25rem;font-weight:700}.showcase2-player__body p{margin:0 0 .75rem}.showcase2-player__controls{display:flex;gap:.25rem;align-items:center}.showcase2-player__controls xwui-button{flex:0 0 auto}.showcase2-files{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.showcase2-files__head{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:.75rem 1rem;color:var(--text-tertiary);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--border-light)}.showcase2-files__row{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:.7rem 1rem;align-items:center}.showcase2-files__row+.showcase2-files__row{border-top:1px solid var(--border-light)}.showcase2-files__cell{display:inline-flex;align-items:center;gap:.6rem;color:var(--text-primary)}.showcase2-files__folder{filter:saturate(1.2)}.showcase2-files__size{font-variant-numeric:tabular-nums;color:var(--text-tertiary)}.showcase2-files__size--green{color:var(--role-success-bg);font-weight:600}.preview-w180{min-width:180px}.preview-w200{min-width:200px}.preview-w220{min-width:220px}.preview-w240{min-width:240px}.preview-w260{min-width:260px}.preview-stack{display:flex;flex-direction:column;gap:.5rem}.preview-frame{border:1px dashed var(--border-color);padding:1rem;border-radius:var(--radius-md);width:240px}.preview-grid-cell{background:var(--bg-hover);height:28px;border-radius:var(--radius-sm)}.preview-stack-cell{background:var(--bg-hover);height:18px;border-radius:var(--radius-xs, 4px)}.preview-grid-host{width:220px}.preview-stack-host{gap:4px;width:180px}.sidebar-toc h5{margin:0 0 .5rem;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary)}.sidebar-toc__list{display:flex;flex-direction:column;gap:.15rem}.sidebar-toc--surface{padding:1rem}.cat-head{justify-content:space-between;align-items:flex-end;margin-bottom:1.25rem}.cat-head__stack{display:flex;flex-direction:column;gap:.35rem}.cat-head__stack h2,.cat-head__stack p{margin:0}.catalog-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;align-items:stretch;width:100%;box-sizing:border-box}@media(max-width:1024px){.catalog-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.catalog-cards-grid{grid-template-columns:1fr}}.catalog-card-item{display:flex;flex-direction:column;justify-content:space-between;height:380px;min-height:380px;max-height:380px;width:100%;box-sizing:border-box;background:var(--bg-surface, rgba(127, 127, 127, .05));border:1px solid var(--border-color, rgba(127, 127, 127, .2));border-radius:12px;padding:1.25rem;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.catalog-card-item:hover{transform:translateY(-2px);border-color:var(--accent-primary, #6366f1);box-shadow:0 8px 24px #0000001f}.catalog-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.catalog-card-title{font-size:1.1rem;font-weight:700;margin:0 0 .35rem;color:var(--text-primary, inherit);display:flex;align-items:center;gap:.5rem}.catalog-card-icon{flex:0 0 20px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:var(--accent-primary, #6366f1)}.catalog-card-icon svg{width:18px!important;height:18px!important;display:block!important}.catalog-card-desc{font-size:.85rem;color:var(--text-secondary, #9aa0ac);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.8em}.catalog-preview-viewport{flex:1 1 auto;height:180px;min-height:180px;max-height:180px;width:100%;margin:.75rem 0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:var(--bg-secondary, rgba(127, 127, 127, .03));border:1px dashed var(--border-color, rgba(127, 127, 127, .18));padding:.75rem;box-sizing:border-box;position:relative}.catalog-preview-viewport>xwui-web-component-preview,.catalog-preview-viewport>.preview-box,.catalog-preview-viewport>*{max-width:100%!important;max-height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:transparent!important;border:none!important;padding:0!important;box-sizing:border-box!important;transform:scale(.8)!important;transform-origin:center center!important}.arch-ladder-wrapper{display:flex;flex-direction:column;gap:2.25rem;width:100%}.arch-ladder-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.arch-section-subtitle{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-primary)}.arch-chain-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .85rem;border-radius:999px;background:color-mix(in srgb,var(--accent-primary, #6366f1) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent-primary, #6366f1) 30%,transparent);font-size:.88rem}.arch-chain-label{color:var(--text-secondary)}.arch-chain-value{color:var(--accent-primary, #6366f1);font-weight:700}.arch-ladder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;position:relative}@media(max-width:1024px){.arch-ladder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.arch-ladder-grid{grid-template-columns:1fr}}.arch-card--ladder{position:relative;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.arch-card--ladder.is-active-chain{border-color:var(--accent-primary, #6366f1);background:color-mix(in srgb,var(--accent-primary, #6366f1) 8%,var(--bg-surface, rgba(127,127,127,.05)));box-shadow:0 6px 20px color-mix(in srgb,var(--accent-primary, #6366f1) 15%,transparent)}.arch-ladder-arrow{position:absolute;right:-.85rem;top:50%;transform:translateY(-50%);z-index:2;font-size:1.25rem;font-weight:700;color:var(--accent-primary, #6366f1);pointer-events:none}@media(max-width:1024px){.arch-ladder-arrow{display:none}}.arch-parallel-section{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;border-top:1px dashed var(--border-color, rgba(127,127,127,.2))}.arch-parallel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1.25rem}@media(max-width:600px){.arch-parallel-grid{grid-template-columns:1fr}}.plan-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;width:100%;box-sizing:border-box}@media(max-width:960px){.plan-group-grid{grid-template-columns:1fr}}.plan-group-card{display:flex;flex-direction:column;gap:.65rem;padding:1.5rem 1.35rem;border-radius:14px;border:1px solid var(--border-color, rgba(127, 127, 127, .22));background:var(--bg-surface, rgba(127, 127, 127, .04));text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;min-height:100%}.plan-group-card:hover{transform:translateY(-2px);border-color:var(--accent-primary, #6366f1);box-shadow:0 10px 28px #0000001a;text-decoration:none;color:inherit}.plan-group-card__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.plan-group-card__count{font-size:1.35rem;font-weight:700;color:var(--accent-primary, #6366f1);letter-spacing:-.02em}.plan-group-card__title{margin:0;font-size:1.55rem;font-weight:750;letter-spacing:-.02em}.plan-group-card__pitch{margin:0;flex:1 1 auto;font-size:.98rem;line-height:1.55;font-weight:450;color:var(--text-secondary)}.plan-group-card__includes{margin:0;font-size:.85rem;font-weight:500;color:var(--text-secondary)}.plan-group-card__cta{margin-top:.35rem;font-size:.9rem;font-weight:650;color:var(--accent-primary, #6366f1)}.plan-group-card-wrap{display:flex;flex-direction:column;gap:.5rem;align-self:start}.plan-group-card__showcase-link{display:block;text-align:center;padding:.5rem;border-radius:10px;border:1px dashed var(--border-color, rgba(127, 127, 127, .3));font-size:.85rem;font-weight:600;color:var(--accent-primary, #6366f1);text-decoration:none;transition:border-color .2s ease,background .2s ease}.plan-group-card__showcase-link:hover{border-color:var(--accent-primary, #6366f1);background:color-mix(in srgb,var(--accent-primary, #6366f1) 8%,transparent);text-decoration:none}.catalog-featured{width:100%;padding-bottom:clamp(1.5rem,3vw,2.25rem);border-bottom:1px solid var(--border-color, rgba(127, 127, 127, .16))}.catalog-featured xwui-grid{margin-top:1.5rem}.catalog-toolbar{display:flex;flex-direction:column;align-items:center;gap:.85rem;width:min(100%,52rem);margin:.35rem auto 0}.catalog-search{display:block;width:100%;max-width:38rem}.catalog-search__input{width:100%;box-sizing:border-box;padding:.65rem .85rem;font:inherit;font-size:.95rem;color:var(--text-primary, inherit);background:var(--bg-secondary, rgba(127, 127, 127, .06));border:1px solid var(--border-color, rgba(127, 127, 127, .22));border-radius:10px;outline:none}.catalog-search__input:focus{border-color:var(--accent-primary, #6366f1);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary, #6366f1) 22%,transparent)}.comp-filter-pills{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.45rem .55rem;width:100%;padding:.25rem 0;box-sizing:border-box}.comp-pill{display:inline-flex;align-items:center;white-space:nowrap;padding:.35rem .8rem;font:inherit;font-size:.82rem;font-weight:500;border-radius:999px;border:1px solid var(--border-color, rgba(127, 127, 127, .22));background:var(--bg-secondary, rgba(127, 127, 127, .06));color:var(--text-secondary, #9aa0ac);cursor:pointer;transition:transform .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.comp-pill:hover{background:var(--bg-hover, rgba(127, 127, 127, .12));color:var(--text-primary, inherit);border-color:var(--border-strong, rgba(127, 127, 127, .4));transform:translateY(-1px)}.comp-pill.is-active{background:var(--accent-primary, #6366f1)!important;color:#fff!important;border-color:var(--accent-primary, #6366f1)!important;font-weight:600;box-shadow:0 2px 8px color-mix(in srgb,var(--accent-primary, #6366f1) 30%,transparent)}.u-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.catalog-inv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;width:100%;box-sizing:border-box}.catalog-inv-grid--featured{margin-top:1.5rem}@media(max-width:1024px){.catalog-inv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.catalog-inv-grid{grid-template-columns:1fr}}.catalog-inv-card{display:flex;flex-direction:row;align-items:stretch;gap:.85rem;height:100%;min-height:148px;padding:.85rem 1rem;box-sizing:border-box;background:var(--bg-surface, rgba(127, 127, 127, .05));border:1px solid var(--border-color, rgba(127, 127, 127, .2));border-radius:12px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.catalog-inv-card:hover{transform:translateY(-2px);border-color:var(--accent-primary, #6366f1);box-shadow:0 8px 20px #0000001a}.catalog-inv-card__glimpse{flex:0 0 56px;width:56px;min-height:56px;align-self:flex-start;display:flex;align-items:center;justify-content:center;border-radius:10px;background:color-mix(in srgb,var(--accent-primary, #6366f1) 12%,transparent);color:var(--accent-primary, #6366f1)}.catalog-inv-card__icon,.catalog-inv-card__icon svg{width:28px;height:28px;display:block}.catalog-inv-card__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.catalog-inv-card .catalog-card-desc{flex:1 1 auto;height:auto;-webkit-line-clamp:3;margin-bottom:.75rem}.catalog-inv-card__footer{margin-top:auto;display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.catalog-card-footer{display:flex;justify-content:flex-end;align-items:center;margin-top:auto}.ex-frame-hero{padding:3rem 2rem;background:radial-gradient(600px 300px at 20% 0%,color-mix(in srgb,var(--accent-primary) 20%,transparent),transparent 60%),var(--bg-secondary);text-align:center}.ex-frame-hero__sub{max-width:48ch;margin:.75rem auto 1.25rem}.ex-features{padding:1.5rem 2rem;border-top:1px solid var(--border-light);display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.ex-settings-stack{margin-top:1.25rem}.ex-settings-section h4{margin:0 0 .5rem}.ex-settings-section p{margin-bottom:1rem}.ex-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.ex-form-grid__span{grid-column:span 2}.ex-form-actions{justify-content:flex-end;margin-top:1.25rem;gap:.5rem}.ex-table-head{justify-content:space-between;margin-bottom:1rem}.ex-table-head h3{margin:0}.ex-table-foot{justify-content:space-between;margin-top:1rem}.plugin-registry{margin-top:1rem}.plugin-row{justify-content:space-between;padding:.5rem 0;border-top:1px solid var(--border-light)}.plugin-stack{margin-top:.75rem;gap:.35rem}.example-head{justify-content:space-between;margin-bottom:.85rem}.example-head h2,.example-head p{margin:0}.example-head p{margin-top:.2rem}.examples-list{gap:2.5rem}.why-features-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;align-items:stretch;width:100%;box-sizing:border-box}@media(max-width:1200px){.why-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.why-features-grid{grid-template-columns:1fr}}.why-feature-card{display:flex;flex-direction:column;justify-content:flex-start;height:220px;min-height:220px;max-height:220px;width:100%;box-sizing:border-box;background:var(--bg-surface, rgba(127, 127, 127, .05));border:1px solid var(--border-color, rgba(127, 127, 127, .2));border-radius:12px;padding:1.25rem;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.why-feature-card:hover{transform:translateY(-2px);border-color:var(--accent-primary, #6366f1);box-shadow:0 8px 24px #0000001f}.why-feature-icon{width:40px;height:40px;border-radius:10px;background:var(--accent-soft, rgba(99, 102, 241, .12));color:var(--accent-primary, #6366f1);display:flex;align-items:center;justify-content:center;margin-bottom:.85rem;flex-shrink:0}.why-feature-icon svg{width:22px!important;height:22px!important;stroke:currentColor!important}.why-feature-title{font-size:1.05rem;font-weight:700;margin:0 0 .4rem;color:var(--text-primary, inherit)}.why-feature-desc{font-size:.85rem;color:var(--text-secondary, #9aa0ac);margin:0;line-height:1.45;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.home-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;align-items:stretch;width:100%;box-sizing:border-box}@media(max-width:1024px){.home-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.home-showcase-grid{grid-template-columns:1fr}}.home-showcase-card{display:flex;flex-direction:column;justify-content:space-between;height:260px;min-height:260px;max-height:260px;width:100%;box-sizing:border-box;background:var(--bg-surface, rgba(127, 127, 127, .05));border:1px solid var(--border-color, rgba(127, 127, 127, .2));border-radius:12px;padding:1.25rem;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.home-showcase-card:hover{transform:translateY(-2px);border-color:var(--accent-primary, #6366f1);box-shadow:0 8px 24px #0000001f}.home-showcase-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.home-showcase-card__head h4{margin:0!important;font-size:1.1rem!important;font-weight:700!important}.home-showcase-card__viewport{flex:1 1 auto;height:170px;min-height:170px;max-height:170px;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:var(--bg-secondary, rgba(127, 127, 127, .03));border:1px dashed var(--border-color, rgba(127, 127, 127, .18));padding:.5rem;box-sizing:border-box}.home-showcase-card__viewport>xwui-web-component-preview,.home-showcase-card__viewport>.preview-box,.home-showcase-card__viewport>*{max-width:100%!important;max-height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:transparent!important;border:none!important;padding:0!important;box-sizing:border-box!important;transform:scale(.85)!important;transform-origin:center center!important}.arch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;align-items:stretch;width:100%;box-sizing:border-box}@media(max-width:1200px){.arch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.arch-grid{grid-template-columns:1fr}}.arch-card{display:flex;flex-direction:column;justify-content:flex-start;min-height:11.5rem;width:100%;box-sizing:border-box;background:var(--bg-surface, rgba(127, 127, 127, .05));border:1px solid var(--border-color, rgba(127, 127, 127, .2));border-radius:12px;padding:1.25rem;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.arch-card:hover{transform:translateY(-2px);border-color:var(--accent-primary, #6366f1);box-shadow:0 8px 24px #0000001f}.arch-card-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.65rem}.arch-card-count{font-size:.8rem;font-weight:600;color:var(--text-secondary, #9aa0ac);font-variant-numeric:tabular-nums}.arch-card-title{font-size:1.05rem;font-weight:700;margin:0;color:var(--text-primary, inherit)}.arch-card-desc{font-size:.85rem;color:var(--text-secondary, #9aa0ac);margin:0;line-height:1.45;flex:1 1 auto}.arch-card-examples{font-size:.72rem;color:var(--text-tertiary, #7a8190);margin:.75rem 0 0;line-height:1.4;font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);word-break:break-word}.theme-sections{gap:3rem}.theme-sections [id]{scroll-margin-top:96px}.token-section-card{display:flex;flex-direction:column;gap:var(--spacing-lg, 1.75rem)}.token-section__header{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.5rem}.token-section__header h2{margin:0}.token-section__lede{margin:0;font-size:.95rem;line-height:1.5;color:var(--text-secondary)}.token-section__body{margin-top:.5rem}.spacing-row{gap:1rem}.spacing-row__name{min-width:120px}.spacing-row__bar{height:16px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-info, var(--accent-primary)));border-radius:var(--radius-xs, 4px)}.radius-chip{background:linear-gradient(135deg,var(--accent-primary),var(--accent-info, var(--accent-primary)))}.shadow-chip{height:60px;background:var(--bg-primary);border-radius:var(--radius-md);margin-bottom:.75rem}.type-row__head{justify-content:space-between;margin-bottom:.5rem}.type-row__note{font-size:.85rem}.type-row__spec{font-size:.8rem;margin-top:.5rem;font-family:var(--xw-font-mono)}.type-sample--display{font-size:clamp(2.5rem,5vw,4.75rem);font-weight:800;line-height:1.05;letter-spacing:-.02em}.type-sample--h1{font-size:3rem;font-weight:700;line-height:1.1}.type-sample--h2{font-size:2rem;font-weight:700}.type-sample--h3{font-size:1.35rem;font-weight:700}.type-sample--caption{font-size:.85rem;color:var(--text-tertiary)}.type-sample--mono{font-family:var(--xw-font-mono);font-size:.875rem}.type-sample--body{font-size:1rem;line-height:1.6;color:var(--text-secondary)}.preview-page{width:100%;padding-block:clamp(1rem,2.5vw,2rem) clamp(2rem,4vw,3rem)}.preview-page__center{max-width:var(--page-max-width);margin-inline:auto;width:100%;display:flex;justify-content:center}.preview-page__center>.hero__preview{width:100%;max-width:var(--page-max-width);min-height:0;max-height:none}.preview-page .tier-explorer__body .xwui-tabs-content{overflow:visible}.maps-page__intro h1{font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.15;margin-top:.5rem}.maps-page__intro p{margin-top:.75rem;max-width:70ch}.maps-page__section{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);padding:var(--spacing-xl, 1.5rem);display:grid;gap:var(--spacing-lg, 1rem)}.maps-page__head h2{font-size:1.25rem;margin:0 0 .4rem}.maps-page__head p{margin:0;max-width:78ch}.maps-page__badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs, .25rem);margin-top:var(--spacing-sm, .5rem)}.maps-page__badge{display:inline-flex;align-items:center;padding:.18rem .55rem;font-size:.72rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--accent-primary);background:color-mix(in oklab,var(--accent-primary) 12%,transparent);border:1px solid color-mix(in oklab,var(--accent-primary) 35%,transparent);border-radius:var(--radius-pill, 999px)}.maps-page__toolbar{display:flex;flex-wrap:wrap;gap:var(--spacing-sm, .5rem)}.maps-page__demo{display:block;height:clamp(360px,48vh,540px);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);background:var(--bg-elevated)}.maps-page__demo>xwui-map-leaflet,.maps-page__demo>xwui-chart-choropleth-map,.maps-page__demo>xwui-chart-geoshape-thematic-map{display:block;width:100%;height:100%}.frameworks-page__intro h1{font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.15;margin-top:.5rem}.frameworks-page__intro p{margin-top:.75rem;max-width:72ch}.frameworks-page__identity{display:flex;align-items:center;gap:var(--spacing-md, 1rem)}.frameworks-page__logo{flex:none;width:auto;height:auto;max-width:56px;max-height:56px;object-fit:contain}html.xwui-dark .frameworks-page__logo.is-invert-on-dark{filter:invert(1) brightness(1.6)}.frameworks-page__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs, .35rem);margin-top:var(--spacing-sm, .75rem)}.frameworks-page__section{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);padding:var(--spacing-xl, 1.5rem);display:grid;gap:var(--spacing-lg, 1rem)}.frameworks-page__head h2{font-size:1.25rem;margin:0 0 .4rem}.frameworks-page__head p{margin:0;max-width:78ch}.frameworks-page__section xwui-web-code-block{display:block;max-height:30rem;overflow:auto}.frameworks-page__preview,.frameworks-page__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm, .6rem);align-items:center}.frameworks-page__preview{padding:var(--spacing-lg, 1.25rem);border:1px dashed var(--border-color);border-radius:var(--radius-md);background:var(--bg-elevated)}.frameworks-page__neighbours{display:flex;flex-wrap:wrap;gap:var(--spacing-sm, .6rem);align-items:center;justify-content:space-between;padding-top:var(--spacing-md, 1rem);border-top:1px solid var(--border-light, var(--border-color))}.frameworks-page__card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs, .4rem);min-height:118px;padding:var(--spacing-md, 1rem);text-align:center;text-decoration:none;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-elevated);transition:border-color .15s ease,transform .15s ease,background .15s ease}.frameworks-page__card:hover{text-decoration:none;transform:translateY(-2px);border-color:var(--accent-primary);background:var(--bg-hover)}.frameworks-page__card .frameworks-page__logo{max-width:40px;max-height:40px}.frameworks-page__card-name{font-weight:600;font-size:.95rem}.frameworks-page__card-env{font-size:.75rem;color:var(--text-tertiary);line-height:1.3}@media(prefers-reduced-motion:reduce){.frameworks-page__card{transition:none}.frameworks-page__card:hover{transform:none}}.tier-area{height:80px;width:100%;color:var(--accent-primary)}.tier-area__svg{width:100%;height:100%;display:block}.tier-donut{display:grid;grid-template-columns:80px 1fr;gap:.65rem;align-items:center}.tier-donut__svg{width:80px;height:80px}.tier-donut__bg{stroke:var(--bg-hover)}.tier-donut__seg{transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke .18s}.tier-donut__seg--a{stroke:var(--accent-primary)}.tier-donut__seg--b{stroke:var(--accent-info, var(--accent-primary-hover, var(--accent-primary)))}.tier-donut__seg--c{stroke:var(--role-success-bg)}.tier-donut__seg--d{stroke:var(--role-warning-bg)}.tier-donut__legend{display:flex;flex-direction:column;gap:.2rem;font-size:.7rem;color:var(--text-secondary)}.tier-donut__row{display:flex;align-items:center;gap:.4rem}.tier-donut__dot{width:8px;height:8px;border-radius:50%}.tier-donut__dot--a{background:var(--accent-primary)}.tier-donut__dot--b{background:var(--accent-info, var(--accent-primary-hover, var(--accent-primary)))}.tier-donut__dot--c{background:var(--role-success-bg)}.tier-donut__dot--d{background:var(--role-warning-bg)}.tier-radar{width:100%;height:110px;color:var(--accent-primary);display:grid;place-items:center}.tier-radar__svg{width:110px;height:110px}.tier-radar__grid{fill:none;stroke:var(--border-medium);stroke-width:.6}.tier-radar__poly{fill:color-mix(in srgb,var(--accent-primary) 30%,transparent);stroke:var(--accent-primary);stroke-width:1.4}.tier-gauge{position:relative;width:100%;height:110px;color:var(--accent-primary);display:grid;place-items:center}.tier-gauge__svg{width:200px;height:110px}.tier-gauge__arc{transition:stroke-dashoffset .32s ease}.tier-gauge__value{position:absolute;left:50%;top:60%;transform:translate(-50%);text-align:center;font-variant-numeric:tabular-nums}.tier-gauge__value strong{font-size:1.6rem;color:var(--text-primary)}.tier-gauge__value span{font-size:.7rem;color:var(--text-tertiary);margin-left:.15rem}.tier-chart-chip--label{font-weight:600;color:var(--text-secondary);background:transparent;border:none;padding-left:0}.tier-grid--power{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.tier-rte-mock{border:1px solid var(--border-medium);border-radius:var(--radius-md);overflow:hidden;font-size:.78rem}.tier-rte-mock__toolbar{display:flex;gap:.4rem;align-items:center;padding:.3rem .5rem;background:var(--bg-hover);border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-size:.75rem}.tier-rte-mock__btn{cursor:pointer;padding:.1rem .25rem;border-radius:var(--radius-xs, 3px);transition:background .1s}.tier-rte-mock__btn:hover{background:var(--bg-card)}.tier-rte-mock__sep{color:var(--border-medium);user-select:none}.tier-rte-mock__body{padding:.5rem .6rem;color:var(--text-primary);line-height:1.5}.tier-dashboard-mock{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:.4rem;font-size:.78rem}.tier-dashboard-mock__widget{background:var(--bg-hover);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.4rem .5rem;display:flex;flex-direction:column;gap:.3rem}.tier-dashboard-mock__widget--wide{grid-column:1 / -1}.tier-shift-mock{display:grid;grid-template-columns:repeat(7,1fr);gap:.2rem;font-size:.68rem;text-align:center}.tier-shift-mock__col{display:flex;flex-direction:column;gap:.15rem}.tier-shift-mock__day{color:var(--text-tertiary);font-weight:600;padding:.1rem 0}.tier-shift-mock__slot{border-radius:var(--radius-xs, 3px);padding:.25rem .1rem;font-size:.62rem;white-space:nowrap;overflow:hidden}.tier-shift-mock__slot--am{background:color-mix(in srgb,var(--accent-primary) 18%,transparent);color:var(--accent-primary)}.tier-shift-mock__slot--pm{background:color-mix(in srgb,var(--role-warning-bg) 30%,transparent);color:var(--text-primary)}.tier-shift-mock__slot--off{background:var(--bg-hover);color:var(--text-tertiary)}.tier-orgchart-mock{display:flex;flex-direction:column;gap:.4rem;align-items:center;font-size:.72rem}.tier-orgchart-mock__node{padding:.2rem .55rem;border-radius:var(--radius-sm);background:var(--bg-hover);border:1px solid var(--border-medium);color:var(--text-primary);white-space:nowrap}.tier-orgchart-mock__node--root{background:color-mix(in srgb,var(--accent-primary) 20%,var(--bg-hover));border-color:var(--accent-primary);font-weight:700}.tier-orgchart-mock__node--leaf{font-size:.66rem}.tier-orgchart-mock__row{display:flex;gap:.5rem;justify-content:center}.tier-kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;font-size:.75rem}.tier-kanban__col{display:flex;flex-direction:column;gap:.3rem}.tier-kanban__head{margin-bottom:.2rem}.tier-kanban__card{padding:.3rem .45rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.72rem;line-height:1.3}.tier-gantt{display:flex;flex-direction:column;gap:.35rem}.tier-gantt__row{display:grid;grid-template-columns:60px 1fr;gap:.4rem;align-items:center;font-size:.68rem}.tier-gantt__label{color:var(--text-secondary);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tier-gantt__track{position:relative;height:14px;background:var(--bg-hover);border-radius:99px;overflow:hidden}.tier-gantt__bar{position:absolute;top:0;height:100%;border-radius:99px;opacity:.85}.tier-gantt__bar--primary{background:var(--accent-primary)}.tier-gantt__bar--accent{background:color-mix(in srgb,var(--accent-primary) 70%,var(--role-warning-bg))}.tier-gantt__bar--success{background:var(--role-success-bg)}.tier-gantt__bar--warning{background:var(--role-warning-bg)}.tier-gantt__bar--danger{background:var(--role-danger-bg)}.tier-inv-mock{display:grid;grid-template-columns:repeat(6,1fr);gap:.25rem}.tier-inv-mock__slot{aspect-ratio:1;border-radius:var(--radius-xs, 3px);border:1px solid var(--border-medium);background:color-mix(in srgb,var(--text-primary) 4%,var(--bg-card));display:grid;place-items:center;font-size:1rem;color:var(--text-tertiary)}.tier-inv-mock__slot--filled{background:color-mix(in srgb,var(--accent-primary) 12%,var(--bg-card));border-color:color-mix(in srgb,var(--accent-primary) 40%,var(--border-medium))}.tier-inv-mock__slot--rare{border-color:var(--role-success-bg, #22c55e);box-shadow:0 0 6px color-mix(in srgb,var(--role-success-bg) 50%,transparent)}.tier-inv-mock__slot--epic{border-color:var(--accent-primary);box-shadow:0 0 6px color-mix(in srgb,var(--accent-primary) 60%,transparent)}.tier-schedule-mock{font-size:.68rem;display:flex;flex-direction:column;gap:.3rem}.tier-schedule-mock__head{display:grid;grid-template-columns:44px repeat(5,1fr);gap:.2rem;color:var(--text-tertiary);padding-left:44px}.tier-schedule-mock__row{display:grid;grid-template-columns:44px 1fr;gap:.3rem;align-items:center}.tier-schedule-mock__crew{font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tier-schedule-mock__track{position:relative;height:22px;background:var(--bg-hover);border-radius:var(--radius-xs, 3px);overflow:hidden}.tier-schedule-mock__block{position:absolute;top:0;height:100%;border-radius:var(--radius-xs, 3px);display:flex;align-items:center;padding:0 .4rem;font-size:.64rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tier-schedule-mock__block--primary{background:color-mix(in srgb,var(--accent-primary) 30%,transparent);color:var(--accent-primary)}.tier-schedule-mock__block--accent{background:color-mix(in srgb,var(--role-warning-bg) 30%,transparent);color:var(--text-primary)}.tier-schedule-mock__block--success{background:color-mix(in srgb,var(--role-success-bg) 30%,transparent);color:var(--text-primary)}.tier-chat-bubble{padding:.4rem .65rem;border-radius:var(--radius-md);font-size:.78rem;line-height:1.4;max-width:85%}.tier-chat-bubble--in{background:var(--bg-hover);border:1px solid var(--border-light);color:var(--text-primary);align-self:flex-start;border-bottom-left-radius:var(--radius-xs, 3px)}.tier-chat-bubble--out{background:color-mix(in srgb,var(--accent-primary) 18%,var(--bg-card));border:1px solid color-mix(in srgb,var(--accent-primary) 30%,transparent);color:var(--text-primary);align-self:flex-end;margin-left:auto;border-bottom-right-radius:var(--radius-xs, 3px)}.tier-chat-input-mock{display:flex;flex-direction:column;gap:.3rem;border:1px solid var(--border-medium);border-radius:var(--radius-md);overflow:hidden;font-size:.78rem}.tier-chat-input-mock__toolbar{display:flex;gap:.5rem;align-items:center;padding:.25rem .5rem;background:var(--bg-hover);border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-size:.8rem;cursor:pointer}.tier-chat-input-mock__field{padding:.45rem .55rem;color:var(--text-tertiary);display:flex;align-items:center;gap:0}.tier-chat-input-mock__cursor{animation:blink 1s step-end infinite;color:var(--accent-primary)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.tier-story-ring{border-radius:50%;padding:2px;background:linear-gradient(135deg,var(--role-warning-bg),var(--role-danger-bg),var(--accent-primary))}.tier-story-ring xwui-display-avatar{display:block}.tier-story-ring:not(.tier-story-ring--unseen){background:var(--border-medium)}.tier-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem}.tier-video-grid__thumb{aspect-ratio:16/9;border-radius:var(--radius-xs, 3px);background:var(--bg-hover);border:1px solid var(--border-light);display:flex;align-items:flex-end;justify-content:flex-end;padding:.2rem;position:relative;overflow:hidden}.tier-video-grid__thumb--1{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 40%,var(--bg-hover)),var(--bg-hover))}.tier-video-grid__thumb--2{background:linear-gradient(135deg,color-mix(in srgb,var(--role-success-bg) 40%,var(--bg-hover)),var(--bg-hover))}.tier-video-grid__thumb--3{background:linear-gradient(135deg,color-mix(in srgb,var(--role-warning-bg) 40%,var(--bg-hover)),var(--bg-hover))}.tier-video-grid__thumb--4{background:linear-gradient(135deg,color-mix(in srgb,var(--role-danger-bg) 40%,var(--bg-hover)),var(--bg-hover))}.tier-video-grid__thumb--5{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-primary) 25%,var(--bg-hover)),var(--bg-hover))}.tier-video-grid__thumb--6{background:linear-gradient(135deg,color-mix(in srgb,var(--role-success-bg) 25%,var(--bg-hover)),var(--bg-hover))}.tier-video-grid__duration{font-size:.6rem;font-weight:700;background:#0000008c;color:#fff;padding:.05rem .25rem;border-radius:3px}.tier-table__row.is-total{border-top:2px solid var(--border-medium);font-weight:700;background:color-mix(in srgb,var(--accent-primary) 6%,transparent)}.about-page__hero{overflow:visible}.about-page__hero-inner{display:grid;grid-template-columns:1fr min(38vw,20rem);gap:clamp(1.5rem,5vw,3.5rem);align-items:center}.about-page__hero-copy{min-width:0}.about-page__hero-mark{display:flex;align-items:center;justify-content:center;overflow:visible;--xwui-logo-3d-optical-scale: 1.45}.about-page__hero-logo{filter:drop-shadow(0 12px 32px color-mix(in srgb,var(--accent-primary) 18%,transparent))}.about-page__title{max-width:20ch;text-wrap:balance}.about-page__tier-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:.25rem}.about-page__hero-panel{margin-block-start:.5rem;padding:clamp(1rem,2.5vw,1.35rem) clamp(1.15rem,3vw,1.5rem);border-radius:var(--radius-lg, .75rem);border:1px solid var(--border-light, color-mix(in srgb, var(--text-primary) 12%, transparent));background:color-mix(in srgb,var(--bg-elevated, var(--bg-card, var(--bg-app))) 88%,transparent);transition:border-color .22s ease,box-shadow .22s ease}@media(prefers-reduced-motion:no-preference){.about-page__hero-panel:hover{border-color:color-mix(in srgb,var(--accent-primary) 35%,var(--border-light, transparent));box-shadow:0 8px 28px color-mix(in srgb,var(--accent-primary) 10%,transparent)}}.about-page__hero-ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin-block-end:1.15rem}.about-page__stats{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:clamp(1.25rem,4vw,2.5rem);margin-block:0}.about-page__stat{display:flex;align-items:center;gap:.625rem;text-align:start}.about-page__stat-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2.25rem;height:2.25rem;border-radius:.625rem;border:1px solid color-mix(in srgb,var(--accent-primary) 35%,transparent);background:color-mix(in srgb,var(--accent-primary) 8%,transparent);color:var(--accent-primary)}.about-page__stat-text{display:flex;flex-direction:column;line-height:1.25;min-width:0}.about-page__stat-value{color:var(--text-primary);font-weight:700;font-size:1.05rem}.about-page__stat-label{color:var(--text-tertiary);font-size:.78rem;max-width:16ch}.about-page__values-grid xwui-card-feature{transition:transform .22s ease,box-shadow .22s ease}@media(prefers-reduced-motion:no-preference){.about-page__values-grid xwui-card-feature:hover{transform:translateY(-2px)}}@media(max-width:900px){.about-page__hero-inner{grid-template-columns:1fr;gap:1.75rem}.about-page__hero-mark{order:-1}.about-page__hero-logo{--xwui-logo-bound-h: clamp(9rem, 28vw, 12rem)}.about-page__stats{flex-direction:column;align-items:flex-start;gap:1rem}.about-page__stat{width:min(100%,18rem)}}.u-center{text-align:center}.u-narrow{max-width:56ch;margin-inline:auto}.u-narrower{max-width:44ch;margin-inline:auto}.u-readable{max-width:720px;margin-inline:auto}.u-bare{margin:0;padding:0}.u-no-pad{padding:0}.u-overflow-hide{overflow:hidden}.u-chip{display:inline-block;padding:.15em .5em;border-radius:var(--radius-code, var(--radius-sm));font-family:var(--xw-font-mono);font-size:.85em;background:var(--bg-hover);border:1px solid var(--border-light)}.u-split{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.u-row-center{justify-content:center}.u-row-end{justify-content:flex-end}.u-row-between{justify-content:space-between}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html[data-theme]{--text-secondary: color-mix( in srgb, var(--text-primary) 74%, var(--bg-elevated, var(--bg-card, var(--bg-app))) ) !important;--text-tertiary: color-mix( in srgb, var(--text-primary) 56%, var(--bg-elevated, var(--bg-card, var(--bg-app))) ) !important}.xw-eyebrow-label,xwui-typography.xw-eyebrow-label{letter-spacing:.06em!important;font-weight:650!important;opacity:1!important}.u-readable xwui-typography[color=secondary],.u-readable xwui-typography.xwui-typography-secondary,.u-readable .xwui-typography-secondary{font-size:clamp(1rem,.4vw + .92rem,1.125rem);line-height:1.65;font-weight:450}.catalog-card-desc,.catalog-inv-card .catalog-card-desc{color:var(--text-secondary)!important;font-weight:450}xwui-bar-site-footer{--text-secondary: color-mix( in srgb, var(--text-primary) 74%, var(--bg-elevated, var(--bg-card, var(--bg-app))) );--text-tertiary: color-mix( in srgb, var(--text-primary) 56%, var(--bg-elevated, var(--bg-card, var(--bg-app))) )}.xwui-bar-site-footer__inner.app-shell__footer-made{display:flex;flex-direction:column;align-items:center;justify-content:center;grid-template-columns:none;text-align:center;gap:.2rem;border-top:1px solid var(--border-light);padding-block:1.25rem .35rem;font-size:.85rem;line-height:1.5;color:var(--text-secondary)}.app-shell__footer-made-line,.app-shell__footer-made-by{margin:0;color:inherit}.app-shell__footer-made-by{font-weight:500;color:var(--text-secondary)}xwui-bar-site-footer:has([data-shell-footer-made]) .xwui-bar-site-footer__bottom{border-top:none;padding-top:.85rem}.xwui-bar-site-footer__bottom{align-items:center}.xwui-bar-site-footer__bottom-left{display:inline-flex;align-items:center;flex-wrap:wrap;line-height:1.2}.xwui-bar-site-footer__bottom-right{display:inline-flex;align-items:center}.app-shell__footer-brand-link{display:inline-flex;align-items:center;flex-shrink:0;margin-inline:.65em;color:inherit;text-decoration:none;vertical-align:middle}.app-shell__footer-brand-link:hover,.app-shell__footer-brand-link:focus-visible{opacity:.85}.app-shell__footer-brand-logo.xwui-logo,.app-shell__footer-brand-link xwui-logo{display:inline-flex;align-items:center;line-height:0}.app-shell__footer-brand-link .xwui-logo-container{gap:0;align-items:center}html[dir=rtl],html.xwui-rtl{font-family:"Segoe UI","Arabic UI Display","Tahoma","Noto Sans Arabic","Cairo",var(--xw-font-sans)}html[dir=rtl] .app-main,html[dir=rtl] .hero__text,html[dir=rtl] .hero__inner,html[dir=rtl] .tested-frameworks,html[dir=rtl] .u-readable,html[dir=rtl] .u-readable.u-center,html[dir=rtl] .plan-group-card,html[dir=rtl] .catalog-inv-card{text-align:start}html[dir=rtl] .hero__text{direction:rtl;align-items:flex-end;text-align:start}html[dir=rtl] .hero__text :is(xwui-typography,xwui-label,xwui-display-tag)[dir=ltr]{direction:rtl!important;text-align:start!important}html[dir=rtl] .hero__text .hero__ctas{justify-content:flex-start;width:100%}html[dir=rtl] .hero__text .hero__meta{direction:rtl;justify-content:flex-start;width:100%}html[dir=rtl] .hero__preview-island,html[dir=rtl] .hero__preview-island .mini-card{text-align:start}html[dir=rtl] .tier-gantt__label{text-align:end}html[dir=rtl] xwui-style-toggle .xwui-style-toggle__menu,html[dir=rtl] xwui-style-toggle .xwui-style-toggle__item,html[dir=rtl] xwui-style-toggle .xwui-style-toggle__menu-head{text-align:start}html[dir=rtl] xwui-style-toggle .xwui-style-toggle__menu{right:auto;inset-inline-end:0}.ask-xwui{width:100%;max-width:720px;margin:0 auto}.ask-xwui__query{width:100%;box-sizing:border-box;font:inherit;font-size:var(--font-size-lg, 1.05rem);padding:var(--spacing-md, .875rem) var(--spacing-lg, 1.25rem);border-radius:var(--radius-lg, 12px);border:1.5px solid var(--border-color, #d0d5dd);background:var(--bg-primary, #fff);color:var(--text-primary, #101828)}.ask-xwui__query:focus-visible{outline:2px solid var(--accent-primary, #6366f1);outline-offset:2px}.ask-xwui__hint{margin-top:var(--spacing-sm, .625rem);font-size:var(--font-size-sm, .875rem);color:var(--text-secondary, #667085)}.ask-xwui__results{margin-top:var(--spacing-xl, 1.75rem);display:grid;gap:var(--spacing-md, 1rem)}.ask-xwui__empty{text-align:center;color:var(--text-secondary, #667085);padding:var(--spacing-xl, 2rem) 0}.ask-xwui__result{display:grid;gap:var(--spacing-sm, .625rem)}.ask-xwui__result-meta{display:flex;align-items:center;gap:var(--spacing-sm, .5rem);flex-wrap:wrap}