:root{--sample-font: "Segoe UI", sans-serif;--sample-code-font: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;--sample-navy: #1f4e79;--sample-navy-hover: #173d60;--sample-blue: #2879ba;--sample-ink: #202a35;--sample-muted: #617184;--sample-line: #dce6f0;--sample-soft: #f4f8fc;--sample-tint: #eaf2f9;--sample-code-bg: #202d3b;--sample-code-line: #3a4b5e}body{margin:0;background:#fff;font:14px/1.5 var(--sample-font);-webkit-text-size-adjust:100%}.sample-app{min-height:100vh;display:flex;flex-direction:column}.sample-header,.sample-nav,.sample-footer,.home-main{color:var(--sample-ink)}.sample-header{border-bottom:1px solid var(--sample-line);background:#fff}.sample-header-inner,.sample-nav,.sample-main,.sample-footer{box-sizing:border-box;width:calc(100% - 48px);max-width:1600px;margin:0 auto}.sample-header-inner{display:flex;align-items:center;justify-content:space-between;min-height:92px;gap:24px}.sample-brand{display:flex;gap:12px;align-items:center;color:var(--sample-ink);text-decoration:none}.sample-brand img{display:block;flex-shrink:0}.sample-brand-copy{display:flex;flex-direction:column;gap:1px}.sample-brand-copy strong{font-size:24px;line-height:1.4}.sample-brand-copy>span{color:var(--sample-blue)}.sample-header-links{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.sample-header-links a{color:var(--sample-muted);text-decoration:none}.sample-header-links a:hover{color:var(--sample-blue)}.sample-header-links .sample-download{padding:9px 16px;border:1px solid var(--sample-line);border-radius:4px;color:var(--sample-navy)}.sample-header-links .sample-download:hover{border-color:#83accf;background:var(--sample-soft)}.sample-nav{padding:24px 0}.nav-menu{display:grid;grid-template-columns:minmax(90px,.4fr) repeat(4,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0}.nav-menu li{min-width:0}.nav-menu a{display:flex;align-items:center;gap:6px;height:100%;min-height:46px;box-sizing:border-box;padding:10px 14px;border:1px solid var(--sample-line);border-radius:5px;color:var(--sample-muted);font:14px/1.5 var(--sample-font);text-decoration:none;word-break:keep-all;overflow-wrap:anywhere}.nav-menu a:hover{border-color:#83accf;background:var(--sample-soft)}.nav-menu .nav-item-active{color:#fff;background:var(--sample-navy);border-color:var(--sample-navy)}.nav-menu .nav-item-active:hover{background:var(--sample-navy-hover)}.sample-menu-number{flex-shrink:0;font-family:var(--sample-code-font)}.sample-main{flex:1;min-width:0;padding:12px 0 48px;outline:none}.sample-footer{display:flex;justify-content:space-between;gap:16px;padding:22px 0;border-top:1px solid var(--sample-line);color:var(--sample-muted)}.sample-app :is(a,button,select):not(:where([class^=aui-],[class^=aui-] *)):focus-visible{outline:2px solid var(--sample-blue);outline-offset:3px}.sample-skip-link{clip-path:inset(50%);position:fixed;top:12px;left:24px;z-index:10000;padding:10px 16px;color:var(--sample-navy);background:#fff;border:1px solid var(--sample-blue)}.sample-skip-link:focus{clip-path:none}.home-main{text-align:left}.home-main :is(h1,h2,h3),.sample-main>.desc>h2{font-family:var(--sample-font);font-weight:700;line-height:1.6;letter-spacing:normal}.home-title,.sample-main>.desc>h2{font-size:28px;margin:8px 0 16px;color:var(--sample-ink)}.home-main h2{font-size:21px;margin:0 0 14px}.home-main h3{overflow-wrap:anywhere;font-size:18px;margin:16px 0 12px}.home-main p,.sample-main>.desc>p{font:14px/1.5 var(--sample-font);color:var(--sample-muted);margin:10px 0}.home-main>p{max-width:100ch}.home-main>p code{padding:2px 5px;color:var(--sample-navy);background:var(--sample-tint);border-radius:3px;font-family:var(--sample-code-font);overflow-wrap:anywhere}.link-is-link{color:var(--sample-blue);text-decoration:underline;text-underline-offset:3px}.home-dependencies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0 36px}.dependency-card{min-width:0;padding:24px;border:1px solid var(--sample-line);border-radius:12px;background:var(--sample-soft)}.dependency-card ul{margin:0;padding:0;list-style:none}.dependency-card li{font-size:14px;line-height:2;overflow-wrap:anywhere}.dependency-card strong{font-weight:600}.home-main .headline{padding-top:28px;border-top:1px solid var(--sample-line);margin:0 0 12px}.codeblock-wrap{max-width:none;margin:20px 0}.sample-code-frame{min-width:0;margin:16px 0;border:1px solid var(--sample-code-line);border-radius:8px;overflow:hidden;background:var(--sample-code-bg)}.sample-code-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;color:#b6d9f5;border-bottom:1px solid var(--sample-code-line);font:14px/1.5 var(--sample-font)}.sample-code-toolbar button{padding:3px 10px;border:1px solid #667e94;border-radius:3px;background:transparent;color:#b6d9f5;font:inherit;cursor:pointer}.sample-code-toolbar button:hover{background:#30465c}.sample-app .sample-code-frame pre{box-sizing:border-box;margin:0;padding:20px;max-height:460px;overflow:auto;color:#e2e7ed;background:transparent;font:14px/1.5 var(--sample-code-font);text-align:left;white-space:pre;tab-size:4}.sample-app .sample-code-frame code{font:inherit;text-shadow:none}.sample-code-frame pre:focus-visible{outline:2px solid #b6d9f5;outline-offset:-3px}.sample-main .desc button:not(:where([class^=aui-],[class^=aui-] *)){padding:10px 17px;margin:6px 8px 12px 0;border:1px solid #337ab7;border-radius:4px;background:#337ab7;color:#fff;font:600 14px/1.5 var(--sample-font);cursor:pointer}.sample-main .desc button:not(:where([class^=aui-],[class^=aui-] *)):hover{background:#286090}.sample-main .desc button:disabled{opacity:.5;cursor:default}.sample-main .wrapper-controls{padding:12px 16px;border:1px solid var(--sample-line);border-radius:6px;background:var(--sample-soft)}.sample-main .wrapper-controls button{margin:0!important}.sample-main .wrapper-controls label{color:var(--sample-muted)}.sample-main .wrapper-controls select{padding:6px 8px;border:1px solid var(--sample-line);border-radius:4px;background:#fff;color:var(--sample-ink);font:14px/1.5 var(--sample-font)}.sample-main .wrapper-events{border-color:var(--sample-line);border-radius:8px;background:var(--sample-soft)}.sample-main .wrapper-event-heading h3{font:700 18px/1.6 var(--sample-font)}.sample-main .wrapper-events p,.sample-main .wrapper-events time{font:14px/1.5 var(--sample-font)}.sample-main .wrapper-event-list code{color:var(--sample-navy);font:14px/1.5 var(--sample-code-font)}.sample-main .wrapper-event-heading button{margin:0!important;padding:5px 10px!important;font-size:14px!important}.sample-app .sample-main .wrapper-slicer{height:auto}@media (max-width:1050px){.nav-menu{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.sample-header-inner,.sample-nav,.sample-main,.sample-footer{width:calc(100% - 32px)}.sample-header-inner{flex-wrap:wrap;gap:12px;padding:16px 0;min-height:0}.sample-brand-copy strong{font-size:21px}.sample-header-links{gap:16px;width:100%}.sample-nav{padding:18px 0}.nav-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-menu li:first-child{grid-column:1/-1}.nav-menu a{padding:10px 12px}.sample-main{padding-top:4px}.home-dependencies{grid-template-columns:1fr;gap:12px;margin:24px 0}.dependency-card{padding:20px}.sample-app .sample-code-frame pre{padding:16px}.sample-footer{flex-wrap:wrap}}