.nav-inner{width:100%;max-width:1416px;padding:0 48px}body:has(.demo-top.is-wide) .nav-inner{max-width:none}.nav-search{margin-right:-11px}@media (width<=1024px){.nav-inner{padding:0 32px}}@media (width<=768px){.nav-inner{padding:0 20px}.nav-hamburger{margin-right:-11px}}@media (width<=600px){.nav-inner{padding:0 16px}}.demo-top{color:#e8e8f0;background:linear-gradient(90deg,#1e1e1e 0%,#0a0a0a 100%);padding:26px 48px 36px;position:relative;overflow:clip}.demo-top:before{content:"";pointer-events:none;background:radial-gradient(50% 70% at 0 0,#ff6b3524 0%,#0000 60%),radial-gradient(40% 60% at 100% 100%,#e8233a1a 0%,#0000 60%);position:absolute;inset:0}.demo-top-inner{max-width:1320px;margin:0 auto;position:relative}.demo-crumbs{color:#8888a8;font-size:.8125rem}.demo-crumbs a{color:#8888a8;text-decoration:none}.demo-crumbs a:hover{color:#fff;text-underline-offset:3px;text-decoration:underline}.demo-crumbs .sep{opacity:.6;margin:0 8px}.demo-crumbs-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 24px;display:flex}.demo-pager{gap:20px;font-size:.8125rem;display:flex}.demo-pager a{color:#8888a8;align-items:center;gap:5px;max-width:240px;text-decoration:none;display:inline-flex}.demo-pager a:hover{color:#fff}.demo-pager a:hover span{text-underline-offset:3px;text-decoration:underline}.demo-pager span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo-pager svg{flex:none;width:14px;height:14px}.demo-head{margin:10px 0 20px}.demo-head h1{letter-spacing:-.03em;color:#fff;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:900;line-height:1.08}.demo-lead{color:#ffffffad;margin-top:8px;font-size:1rem;line-height:1.6}.skip-link{z-index:300;color:#1a1a2e;background:#fff;padding:10px 16px;font-weight:600;position:absolute;top:0;left:-9999px}.skip-link:focus{top:8px;left:8px}.demo-stage{background:#1b1b24;border:1px solid #ffffff1a;border-radius:16px;grid-template-columns:minmax(0,1fr) 320px;scroll-margin-top:64px;display:grid;overflow:clip;box-shadow:0 32px 80px #00000080}.demo-canvas{background:#fff;flex-direction:column;min-width:0;transition:background .25s;display:flex;position:relative}#demo-host{flex:1;padding:12px}:root{--chart-h:clamp(380px, calc(100vh - 364px), 536px)}#demo-host>div:only-child{height:var(--chart-h)!important}.demo-toast{z-index:3;pointer-events:none;color:#fff;white-space:nowrap;background:#14141ee0;border-radius:999px;padding:8px 16px;font-size:.8125rem;font-weight:600;position:absolute;bottom:62px;left:50%;transform:translate(-50%)}.demo-toast[hidden]{display:none}.demo-bar{border-top:1px solid #00000012;align-items:center;gap:8px 16px;padding:6px 8px 6px 16px;display:flex}.demo-hints{color:#5a5a6e;flex-wrap:wrap;flex:1;gap:4px 18px;max-height:20px;font-size:.8125rem;line-height:20px;list-style:none;display:flex;overflow:hidden}.demo-hints.is-cut{visibility:hidden}.demo-hints li:before{content:"";vertical-align:2px;background:#0000004d;border-radius:50%;width:4px;height:4px;margin-right:8px;display:inline-block}.demo-hints b{color:#1a1a2e;margin-right:2px;font-weight:700}.demo-hints .demo-hints-label:before{display:none}.demo-tools{align-items:center;gap:2px;margin-left:auto;display:flex}.demo-renderer{background:#0000000d;border-radius:7px;margin-right:8px;padding:2px;display:flex}.demo-renderer[hidden]{display:none}.demo-renderer button{font-family:var(--font);color:#6a6a7e;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:6px 9px;font-size:.6875rem;font-weight:600;line-height:1;transition:background .15s,color .15s}.demo-renderer button:hover{color:#1a1a2e}.demo-renderer button[aria-pressed=true]{color:#1a1a2e;background:#fff;box-shadow:0 1px 2px #0000001f}.demo-renderer button:focus-visible{outline-offset:1px;outline:2px solid #00000073}.demo-stage.is-dark .demo-renderer{background:#ffffff12}.demo-stage.is-dark .demo-renderer button{color:#a8a8bc}.demo-stage.is-dark .demo-renderer button:hover{color:#fff}.demo-stage.is-dark .demo-renderer button[aria-pressed=true]{color:#fff;box-shadow:none;background:#ffffff24}.demo-tool{color:#5a5a6e;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .15s,color .15s;display:inline-flex;position:relative}.demo-tool svg{width:17px;height:17px}.demo-tool:hover{color:#1a1a2e;background:#0000000d}.demo-tool:focus-visible{outline-offset:1px;outline:2px solid #00000073}.demo-tool:disabled{opacity:.35;cursor:default;color:#5a5a6e;background:0 0}.demo-tool .i-exit,.demo-tool.is-on .i-enter{display:none}.demo-tool.is-on .i-exit{display:block}.demo-tool:hover:after,.demo-tool:focus-visible:after{content:attr(data-tip);z-index:5;white-space:nowrap;pointer-events:none;font-family:var(--font);color:#fff;background:#1a1a2e;border-radius:6px;padding:5px 9px;font-size:.75rem;font-weight:600;position:absolute;bottom:calc(100% + 6px);right:0}.demo-stage.is-dark .demo-bar{border-color:#ffffff17}.demo-stage.is-dark .demo-hints{color:#a8a8bc}.demo-stage.is-dark .demo-hints li:before{background:#ffffff4d}.demo-stage.is-dark .demo-hints b{color:#fff}.demo-stage.is-dark .demo-tool{color:#b0b0c0}.demo-stage.is-dark .demo-tool:hover{color:#fff;background:#ffffff14}.demo-stage.is-dark .demo-tool:disabled{color:#b0b0c0;background:0 0}.demo-stage.is-dark .demo-tool:focus-visible{outline-color:#fff9}.demo-stage.is-dark .demo-tool:hover:after{background:#000}.demo-stage:fullscreen{border:none;border-radius:0;grid-template-rows:minmax(0,1fr)}.demo-stage:fullscreen #demo-host{flex-direction:column;display:flex}.demo-stage:fullscreen #demo-host>div:only-child,.demo-stage:fullscreen #demo-host>#chartdiv{flex:1;min-height:0;height:auto!important}.demo-gonav{align-items:center;gap:16px;min-width:0;margin-left:auto;display:none}.demo-stage:fullscreen .demo-gonav,html.is-embed .demo-stage .demo-gonav{display:flex}.demo-stage:fullscreen .demo-tools,html.is-embed .demo-stage .demo-tools{margin-left:12px}.demo-go{color:#5a5a6e;align-items:center;gap:4px;min-width:0;max-width:220px;font-size:.75rem;text-decoration:none;display:inline-flex}.demo-go span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo-go svg{flex:none;width:14px;height:14px}.demo-go:hover{color:#1a1a2e}.demo-go:hover span{text-underline-offset:3px;text-decoration:underline}.demo-go:focus-visible{outline-offset:2px;border-radius:3px;outline:2px solid #00000073}.demo-stage.is-dark .demo-go{color:#b0b0c0}.demo-stage.is-dark .demo-go:hover{color:#fff}.demo-frame{z-index:30;background:#fff;border:0;width:100%;height:100%;position:absolute;inset:0}html.is-embed,html.is-embed body{height:100%;overflow:hidden}html.is-embed .demo-stage{z-index:1000;border:none;border-radius:0;grid-template-rows:minmax(0,1fr);position:fixed;inset:0}html.is-embed .demo-stage #demo-host{flex-direction:column;display:flex}html.is-embed .demo-stage #demo-host>div:only-child,html.is-embed .demo-stage #demo-host>#chartdiv{flex:1;min-height:0;height:auto!important}html.is-embed #amcharts-utils-consent{display:none!important}.demo-stage.no-rail{grid-template-columns:minmax(0,1fr)}.demo-stage.no-rail .demo-bar{z-index:4;flex-wrap:wrap;position:relative}.demo-look .rail-group{align-items:center;gap:16px;margin-right:16px;padding:0;display:flex}.demo-look .ctl{align-items:center;gap:8px;margin:0;display:flex}.demo-look .ctl label,.demo-look .ctl-label{color:#5a5a6e}.demo-look .theme-btn,.demo-look .theme-step{color:#1a1a2e;background:#fff;border-color:#0000001f}.demo-look .theme-btn:hover,.demo-look .theme-step:hover{color:#1a1a2e;border-color:#0000004d}.demo-look .theme-chev{color:#6a6a7e}.demo-look .theme-btn:focus-visible,.demo-look .theme-step:focus-visible{outline-color:#00000073}.demo-look .switch i{background:#0000001f}.demo-look .switch input:focus-visible+i{outline-color:#00000073}.demo-look .theme-list{background:#22222c;border:1px solid #ffffff1f;width:340px;max-width:calc(100% - 16px);margin:0;position:absolute;bottom:calc(100% + 6px);right:8px;box-shadow:0 16px 40px #00000073}.demo-stage.is-dark .demo-look .ctl label,.demo-stage.is-dark .demo-look .ctl-label{color:#a8a8bc}.demo-stage.is-dark .demo-look .theme-btn,.demo-stage.is-dark .demo-look .theme-step{color:#fff;background:#ffffff12;border-color:#ffffff24}.demo-stage.is-dark .demo-look .theme-btn:hover,.demo-stage.is-dark .demo-look .theme-step:hover{color:#fff;border-color:#ffffff4d}.demo-stage.is-dark .demo-look .theme-chev{color:#9a9db0}.demo-stage.is-dark .demo-look .theme-btn:focus-visible,.demo-stage.is-dark .demo-look .theme-step:focus-visible{outline-color:#fff9}.demo-stage.is-dark .demo-look .switch i{background:#ffffff1f}.demo-stage.is-dark .demo-look .switch input:checked+i{background:#ffffff6b}.demo-stage.is-dark .demo-look .switch input:focus-visible+i{outline-color:#fff9}.demo-rail{color:#e8e8f0;background:#1b1b24;border-left:1px solid #ffffff14;flex-direction:column;min-height:0;display:flex}.rail-body{flex:1 1 0;min-height:0;padding:4px 18px 14px;overflow-y:auto}.rail-body.has-more{-webkit-mask-image:linear-gradient(#000 calc(100% - 36px),#0000);mask-image:linear-gradient(#000 calc(100% - 36px),#0000)}.rail-group{padding:14px 0 4px}.rail-group+.rail-group{padding-top:10px}.theme-strip{border-radius:3px;flex:none;width:32px;height:12px;display:inline-flex;overflow:hidden}.theme-strip i{flex:1}.theme-strip i:first-child{background:var(--a)}.theme-strip i:nth-child(2){background:var(--b)}.theme-strip i:nth-child(3){background:var(--c)}.theme-strip i:nth-child(4){background:var(--d)}.theme-btn{cursor:pointer;font-family:var(--font);color:#fff;background:#2a2a36;border:1px solid #ffffff24;border-radius:6px;align-items:center;gap:8px;padding:5px 8px;font-size:.8125rem;display:inline-flex}.theme-btn:hover{border-color:#ffffff47}.theme-chev{color:#9a9db0;transition:transform .15s}.theme-pick{align-items:stretch;gap:4px;display:flex}.theme-step{cursor:pointer;color:#c4c7d0;background:#2a2a36;border:1px solid #ffffff24;border-radius:6px;justify-content:center;align-items:center;width:28px;padding:0;display:inline-flex}.theme-step:hover{color:#fff;border-color:#ffffff47}.theme-step:focus-visible{outline-offset:1px;outline:2px solid #fff9}.theme-step svg{width:14px;height:14px}.theme-btn[aria-expanded=true] .theme-chev{transform:rotate(180deg)}.theme-list{background:#ffffff0a;border-radius:8px;grid-template-columns:1fr 1fr;gap:2px;margin:-4px 0 12px;padding:4px;display:grid}.theme-list[hidden],.theme-opt[hidden]{display:none}.theme-opt{cursor:pointer;text-align:left;min-width:0;font-family:var(--font);color:#c4c7d0;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:7px 8px;font-size:.8125rem;display:flex}.theme-opt:hover{color:#fff;background:#ffffff0f}.theme-opt[aria-pressed=true]{color:#fff;background:#ffffff1a;border-color:#ffffff2e}.theme-btn:focus-visible,.theme-opt:focus-visible{outline-offset:1px;outline:2px solid #fff9}.ctl{grid-template-columns:1fr auto;align-items:center;gap:4px 10px;margin-bottom:12px;display:grid}.ctl label,.ctl-label{color:#d6d7e0;font-size:.8125rem}.ctl-pair .pair{align-items:center;gap:18px;display:flex}.ctl-pair .pair .ctl{align-items:center;gap:8px;margin:0;display:flex}.ctl-seg{grid-template-columns:1fr}.ctl[hidden]{display:none}.seg{background:#ffffff0f;border:1px solid #ffffff14;border-radius:7px;padding:2px;display:flex}.seg button{min-width:0;font:inherit;color:#a8aab8;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:1;padding:4px 6px;font-size:.75rem}.seg button:hover{color:#fff}.seg button[aria-pressed=true]{color:#fff;background:#ffffff29}.seg button:focus-visible{outline:2px solid var(--orange);outline-offset:1px}.ctl output{font-family:var(--mono);color:#9a9db0;font-size:.75rem}.ctl-value{align-items:center;gap:6px;display:inline-flex}.ctl-play{color:#d6d7e0;cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;place-items:center;width:20px;height:20px;padding:0;display:inline-grid}.ctl-play:hover{color:#fff;background:#ffffff38}.ctl-play:focus-visible{outline:2px solid var(--orange);outline-offset:1px}.ctl-play svg{fill:currentColor;width:10px;height:10px}.ctl-play .i-pause,.ctl-play.is-on .i-play{display:none}.ctl-play.is-on .i-pause{display:inline}.ctl-wide{grid-template-columns:1fr}.ctl-steps{align-items:center;gap:4px;min-width:0;display:flex}.ctl .ctl-steps select{flex:1;min-width:0;max-width:none}.ctl input[type=datetime-local]{box-sizing:border-box;color:#d6d7e0;width:100%;font:inherit;color-scheme:dark;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;padding:5px 8px;font-size:.75rem}.ctl input[type=datetime-local]:focus-visible{outline:2px solid var(--orange);outline-offset:1px}.ctl input[type=range]{cursor:pointer;-webkit-appearance:none;appearance:none;background:0 0;grid-column:1/-1;width:100%;height:18px;margin:0}.ctl input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(#ffffff73, #ffffff73) 0 0 / calc(7px + var(--f,.5) * (100% - 14px)) 100% no-repeat, #ffffff1f;border-radius:2px;height:4px}.ctl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#d6d7e0;border:none;border-radius:50%;width:14px;height:14px;margin-top:-5px;transition:box-shadow .15s}.ctl input[type=range]::-moz-range-track{background:#ffffff1f;border-radius:2px;height:4px}.ctl input[type=range]::-moz-range-progress{background:#ffffff73;border-radius:2px;height:4px}.ctl input[type=range]::-moz-range-thumb{background:#d6d7e0;border:none;border-radius:50%;width:14px;height:14px;transition:box-shadow .15s}.ctl input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px #ffffff14}.ctl input[type=range]:hover::-moz-range-thumb{box-shadow:0 0 0 5px #ffffff14}.ctl input[type=range]:focus-visible{outline:none}.ctl input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #ffffff73}.ctl input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #ffffff73}.ctl select{font-family:var(--font);color:#fff;background:#2a2a36;border:1px solid #ffffff24;border-radius:6px;max-width:170px;padding:5px 8px;font-size:.8125rem}.ctl input[type=color]{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;border:none;border-radius:4px;width:24px;height:24px;padding:0;overflow:hidden}.ctl input[type=color]::-webkit-color-swatch-wrapper{padding:0}.ctl input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.ctl input[type=color]::-moz-color-swatch{border:none;border-radius:4px}.ctl input[type=color]:focus-visible{outline-offset:2px;outline:2px solid #fff9}.theme-colors[hidden],.theme-color-pick input[hidden]{display:none}.theme-color-pick{gap:6px;display:flex}.switch{width:36px;height:20px;display:inline-block;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch i{pointer-events:none;background:#ffffff1f;border-radius:999px;height:100%;transition:background .15s;display:block}.switch i:after{content:"";background:#8b8ea3;border-radius:50%;width:14px;height:14px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.switch input:checked+i{background:#ffffff6b}.switch input:checked+i:after{background:#fff;transform:translate(16px)}.switch input:focus-visible+i{outline-offset:2px;outline:2px solid #fff9}.rail-cta{background:#16161e;border-top:1px solid #ffffff14;padding:16px 18px 18px}.rail-cta .btn-primary{justify-content:center;width:100%;padding:13px 16px}.demo-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.demo-actions-label{letter-spacing:.08em;text-transform:uppercase;color:#8888a8;margin-right:4px;font-size:.75rem;font-weight:600}.demo-chip{font-family:var(--font);color:#d6d7e0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:.8125rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.demo-chip:hover{color:#fff;background:#ffffff1a;border-color:#ffffff47}.demo-chip.copied{color:#27c93f;border-color:#27c93f66}.about-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:56px;display:grid}.about-grid .section-h2{font-size:clamp(1.5rem,3vw,2rem)}.about-text p{color:var(--text);font-size:1rem;line-height:1.75}.about-text p+p{margin-top:14px}.demo-lead code,.demo-hints code,.about-grid code{font-family:var(--mono);background:#7f7f7f29;border-radius:4px;padding:1px 5px;font-size:.875em}.about-cards{gap:14px;display:grid}.about-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px 22px}.about-card h3{letter-spacing:.1em;text-transform:uppercase;color:var(--heading);margin-bottom:10px;font-size:.75rem;font-weight:700}.about-card ul{list-style:none}.about-card li{color:var(--text);padding:4px 0 4px 24px;font-size:.9rem;line-height:1.55;position:relative}.about-card li:before{content:"";transform-origin:0 100%;border-bottom:2px solid #1a8a3a;border-left:2px solid #1a8a3a;width:12px;height:6px;position:absolute;top:11px;left:2px;transform:rotate(-45deg)}.about-card.think li:before{border-bottom:2px solid #b0b0c0;border-left:none;height:0;top:13px;transform:none}.code-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 48px;margin-bottom:24px;display:flex}.code-head .section-h2{margin-bottom:10px;font-size:clamp(1.5rem,3vw,2rem)}.code-head .section-lead{max-width:620px;font-size:.9375rem;line-height:1.65}.doc-chips{flex-wrap:wrap;align-items:center;gap:6px;max-width:420px;display:flex}.doc-chips span{color:var(--muted);margin-right:4px;font-size:.75rem;font-weight:600}.doc-chips a{color:var(--text);background:var(--bg2);border:1px solid var(--border);border-radius:999px;padding:4px 11px;font-size:.75rem;font-weight:600;text-decoration:none}.doc-chips a:hover{color:var(--heading);border-color:#00000040}.demo-code{background:#0c0c12;border-radius:14px;scroll-margin-top:72px;overflow:hidden}.code-bar{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px 0 8px;display:flex}.code-tabs{display:flex}.code-tab{font-family:var(--font);color:#9a9db0;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 14px;font-size:.8125rem;font-weight:600}.code-tab:hover{color:#fff}.code-tab[aria-selected=true]{color:#fff;border-bottom-color:#ff6b35}.code-actions{flex-wrap:wrap;gap:6px;padding-bottom:8px;display:flex}.code-btn{font-family:var(--font);color:#d6d7e0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;padding:6px 11px;font-size:.75rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.code-btn:hover{color:#fff;background:#ffffff1f}.code-btn.copied{color:#27c93f;border-color:#27c93f66}.code-note{color:#a8a8bc;padding:12px 18px 0;font-size:.8125rem;line-height:1.55}.code-note a{color:#ff8a5c;text-underline-offset:3px}.code-note code{font-family:var(--mono);color:#e8e8f0;background:#ffffff14;border-radius:4px;padding:1px 6px;font-size:.75rem}.code-note [hidden]{display:none}.code-view{max-height:480px;font-family:var(--mono);color:#e8e8f0;white-space:pre;tab-size:2;font-variant-ligatures:none;margin:0;padding:14px 18px 18px;font-size:.8125rem;line-height:1.65;position:relative;overflow:auto}.code-view code{font:inherit;display:block}.code-view .c{color:#7c7f95}.code-view .s{color:#a9dc76}.code-view .w{color:#ff8a5c}.code-view .n,.code-view .k{color:#67b7dc}.rel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;margin-bottom:24px;display:flex}.rel-head .section-h2{margin-bottom:0;font-size:clamp(1.5rem,3vw,2rem)}.rel-links{flex-wrap:wrap;gap:6px 20px;font-size:.875rem;font-weight:600;display:flex}.rel-links a{color:var(--orange-text);text-underline-offset:3px;text-decoration:underline #ff6b3559}.rel-links a:hover{text-decoration-color:var(--orange)}.rel-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.rel-card{background:var(--surface);border:1px solid var(--border);color:inherit;border-radius:12px;flex-direction:column;text-decoration:none;transition:box-shadow .3s,border-color .3s;display:flex;overflow:hidden}.rel-card:hover,.rel-card:focus-visible{border-color:#0000002e;box-shadow:0 10px 30px #00000014}.rel-card img{aspect-ratio:3/2;object-fit:cover;object-position:center;border-bottom:1px solid var(--border);background:#fff;width:100%;display:block}.rel-card span{color:var(--heading);padding:11px 14px 13px;font-size:.875rem;font-weight:600}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:28px;display:grid}.tool-tile{background:var(--surface);border:1px solid var(--border);color:inherit;border-radius:14px;flex-direction:column;text-decoration:none;transition:box-shadow .3s,border-color .3s;display:flex;overflow:hidden}.tool-tile:hover,.tool-tile:focus-visible{border-color:#0000002e;box-shadow:0 12px 36px #0000001a}.tool-tile img{aspect-ratio:16/9;object-fit:cover;object-position:top left;background:#16161f;width:100%;display:block}.tool-tile-body{padding:16px 18px 18px}.tool-tile-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--orange-text);font-size:.6875rem;font-weight:700}.tool-tile-title{color:var(--heading);margin-top:6px;font-size:1.0625rem;font-weight:700}.tool-tile-desc{color:var(--muted);margin-top:4px;font-size:.8125rem;line-height:1.55}.dojo-lead{color:var(--muted);margin:-12px 0 0;font-size:.9375rem}.dojo-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr));gap:16px;margin-top:20px;display:grid}.dojo-tile{background:var(--surface);border:1px solid var(--border);color:inherit;border-radius:14px;align-items:center;gap:18px;padding:12px;text-decoration:none;transition:box-shadow .3s,border-color .3s;display:flex}.dojo-tile:hover,.dojo-tile:focus-visible{border-color:#0000002e;box-shadow:0 12px 36px #0000001a}.dojo-tile img{aspect-ratio:4/3;object-fit:cover;background:#16161f;border-radius:8px;flex:none;width:168px;height:auto}.dojo-tile-body{min-width:0;padding-right:6px}.dojo-tile .tool-tile-title{margin-top:4px}@media (width<=600px){.dojo-tile{gap:14px;padding:10px}.dojo-tile img{width:112px}}.demo-top.is-wide .demo-top-inner{max-width:none}@media (width<=1024px){.demo-top{padding:22px 32px 32px}.demo-stage{grid-template-columns:1fr}.demo-rail{border-top:1px solid #ffffff14;border-left:none}.rail-body{flex:none;overflow:visible}.rail-panel{grid-template-columns:1fr 1fr;gap:0 32px;display:grid}.rail-group+.rail-group{padding-top:14px}.about-grid{grid-template-columns:1fr;gap:36px}.rel-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.demo-top{padding:18px 20px 28px}}@media (width<=600px){.demo-top{padding:16px 12px 24px}.demo-crumbs-row,.demo-head,.demo-actions{padding:0 4px}.demo-crumbs-row{flex-wrap:nowrap}.demo-pager{gap:4px}.demo-pager span{display:none}.gallery-top .demo-pager span{display:inline}.demo-pager a{margin:-6px 0;padding:6px}.demo-canvas{z-index:5;position:sticky;top:51px}#demo-host{padding:6px 8px 4px}#demo-host>div:only-child{height:300px!important}.demo-hints{display:none}.demo-bar{padding:4px 4px 4px 8px}.demo-look #demo-theme-label,.demo-look #demo-theme-name,.demo-look .theme-step{display:none}.demo-look .rail-group{gap:12px;margin-right:8px}.rail-panel{display:block}.rail-group+.rail-group{padding-top:10px}.code-tabs{max-width:100%;overflow-x:auto}.code-tab{white-space:nowrap}.code-view{padding:12px 14px 16px;font-size:.75rem}}.gallery-top{padding-bottom:0;display:flow-root}.gallery-top .demo-lead{max-width:720px}.gallery-top:before{background:radial-gradient(50% 70% at 0 0,#ff6b3524 0%,#0000 60%)}.gallery-bar{z-index:50;background:linear-gradient(90deg,#1e1e1e 0%,#0a0a0a 100%);padding:12px 48px;transition:box-shadow .2s;position:sticky;top:51px}.gallery-bar.is-stuck{box-shadow:0 8px 24px #0000002e}#gallery:before{content:"";background:linear-gradient(90deg,#1e1e1e 0%,#0a0a0a 100%);height:18px;display:block}.gallery-bar-inner{justify-content:space-between;align-items:flex-start;gap:14px 24px;max-width:1320px;margin:0 auto;display:flex}.gallery-chips{flex-wrap:wrap;flex:600px;gap:8px;min-width:0;display:flex;position:relative}.gallery-chip{color:#d8d8e4;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:.8125rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.gallery-chip:hover{color:#fff;background:#ffffff1f;border-color:#ffffff38}.gallery-chip span{color:#8888a8;font-weight:500}.gallery-chip.is-active{color:#fff;background:#ff6b3529;border-color:#ff6b358c}.gallery-chip.is-active span{color:#ffb08f}.gallery-search input{width:240px;max-width:100%;font:inherit;color:#fff;background:#ffffff0f;border:1px solid #ffffff29;border-radius:8px;padding:8px 12px;font-size:.875rem}.gallery-search input::placeholder{color:#8888a8}.gallery-search input:focus{outline:2px solid var(--orange);outline-offset:1px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.gallery-section{scroll-margin-top:calc(51px + var(--gallery-bar-h,92px))}.gallery-h2{margin-bottom:24px;font-size:clamp(1.5rem,3vw,2rem)}.gallery-count{color:#6b6b80;vertical-align:middle;font-size:.55em;font-weight:600}.gallery-section[hidden],.gallery-grid .rel-card[hidden]{display:none}.gallery-none{max-width:1136px;color:var(--text-muted,#8888a8);margin:48px auto 64px;padding:0 24px}@media (width<=1024px){.gallery-bar{padding:10px 32px}.gallery-bar-inner{align-items:center;gap:12px}.gallery-chips{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.gallery-chips::-webkit-scrollbar{display:none}.gallery-chips.at-end{-webkit-mask-image:none;mask-image:none}.gallery-chip{flex:none}.gallery-search input{width:200px}.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.gallery-bar{padding:10px 20px}.gallery-search input{width:150px}.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.gallery-bar{padding:10px 16px}.gallery-search input{width:116px}}