*{box-sizing:border-box}html,body,#app{color:#e8edf4;background:#07090e;width:100%;height:100%;margin:0;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}.site-root{flex-direction:column;width:100%;height:100%;display:flex}.site-nav{background:linear-gradient(#0a0e14 0%,#080b10 100%);border-bottom:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:20px;min-height:52px;padding:0 20px;display:flex}.site-nav__brand{align-items:center;gap:10px;display:flex}.site-nav__logo{font:inherit;letter-spacing:-.03em;color:#f0f4fa;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-size:1rem;font-weight:650;transition:color .15s}.site-nav__logo:hover{color:#fff}.site-nav__badge{text-transform:uppercase;letter-spacing:.08em;color:#7eb8fff2;background:#7eb8ff14;border:1px solid #7eb8ff59;border-radius:999px;padding:3px 8px;font-size:.65rem;font-weight:600}.site-nav__links{flex:1;align-items:center;gap:4px;display:flex}.site-nav__link{color:#e8edf4b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 14px;font-size:.875rem;font-weight:500;transition:background .15s,color .15s,border-color .15s}.site-nav__link:hover{color:#e8edf4;background:#ffffff0f}.site-nav__link--active{color:#fff;background:#7eb8ff1f;border-color:#7eb8ff47}.demo-shell{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.demo-viewport-host{position:absolute;inset:0}.demo-viewport-host .canvas{outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.demo-hint{pointer-events:none;color:#c8d4e6;z-index:2;background:#060a128c;border:1px solid #ffffff14;border-radius:10px;max-width:min(420px,92vw);padding:12px 14px;font-size:.82rem;line-height:1.45;position:absolute;bottom:18px;left:18px}.demo-hint__header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:6px;display:flex}.demo-hint strong{color:#eef4fc;font-size:.95rem;display:block}.demo-hint__close{pointer-events:auto;color:#eef4fcbf;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;margin:-4px -6px 0 0;padding:2px 8px;font-size:1.25rem;line-height:1}.demo-hint__close:hover{color:#eef4fc;background:#ffffff14}.demo-hint__close:focus-visible{outline-offset:2px;outline:2px solid #7eb8ff99}.demo-hint__keys{margin:10px 0 0;padding-left:18px}.demo-hint__keys li{margin:4px 0}.demo-hint kbd{background:#ffffff14;border:1px solid #ffffff1f;border-radius:4px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:.72rem;display:inline-block}.demo-status{text-align:center;color:#b8c4d8;z-index:3;background:#060a12b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;font-size:.88rem;display:flex;position:absolute;inset:0}.demo-status strong{color:#eef4fc;font-size:1rem}.site-nav__meta{align-items:center;gap:12px;margin-left:auto;padding:6px 6px 6px 18px;display:flex}.site-main{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.landing{background:radial-gradient(120% 80% at 50% -20%,#7eb8ff1f,#0000 55%),linear-gradient(#07090e 0%,#05060a 100%);flex:1;min-height:0;overflow:hidden auto}.landing__inner{max-width:720px;margin:0 auto;padding:48px 24px 64px}.landing__eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#7eb8ffd9;margin:0 0 12px;font-size:.75rem;font-weight:600}.landing__title{letter-spacing:-.035em;color:#f4f7fc;margin:0 0 20px;font-size:clamp(2rem,5vw,2.65rem);font-weight:650;line-height:1.12}.landing__title-accent{background:linear-gradient(120deg,#9ec8ff 0%,#7eb8ff 45%,#c4b8ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.landing__lead{color:#e8edf4d1;margin:0 0 32px;font-size:1.05rem;line-height:1.65}.landing__hero-media{margin:0 0 40px}.landing__hero-video-shell{background:#ffffff06;border:1px solid #ffffff14;border-radius:18px;overflow:hidden;box-shadow:0 20px 48px #00000038}.landing__hero-video{aspect-ratio:16/9;object-fit:cover;background:#05070c;width:100%;max-height:460px;display:block}.landing__hero-caption{color:#e8edf4b3;margin:12px 0 0;font-size:.9rem;line-height:1.55}.landing__actions{flex-wrap:wrap;align-items:center;gap:16px 20px;margin-bottom:48px;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:12px 22px;font-family:inherit;font-size:.95rem;font-weight:600;transition:background .15s,border-color .15s,transform .12s;display:inline-flex}.btn--primary{color:#0a0e14;background:linear-gradient(#8ebfff 0%,#5a9ae8 100%);border-color:#fff3;box-shadow:inset 0 1px #ffffff26}.btn--primary:hover{background:linear-gradient(#9ec8ff 0%,#6aa6f0 100%);transform:translateY(-1px)}.btn--primary:active{transform:translateY(0)}.btn--accent{color:#08110f;background:linear-gradient(#8de0d0 0%,#55bfae 100%);border-color:#fff3;box-shadow:inset 0 1px #ffffff26}.btn--accent:hover{background:linear-gradient(#9ce7d8 0%,#63c8b7 100%);transform:translateY(-1px)}.btn--accent:active{transform:translateY(0)}.btn.btn--primary.site-nav__cta{border:1px solid #ffffff6b;border-radius:10px;padding:9px 20px;font-size:.85rem;box-shadow:inset 0 1px #ffffff47,0 0 0 1px #0c28588c,0 2px 8px #00143259}.btn.btn--primary.site-nav__cta:hover{border-color:#ffffff8c;box-shadow:inset 0 1px #ffffff59,0 0 0 1px #143c78a6,0 3px 10px #00193c66}.btn.btn--accent.site-nav__cta{border:1px solid #ffffff5c;border-radius:10px;padding:9px 20px;font-size:.85rem;box-shadow:inset 0 1px #ffffff3d,0 0 0 1px #08484480,0 2px 8px #001c1c4d}.btn.btn--accent.site-nav__cta:hover{border-color:#ffffff80;box-shadow:inset 0 1px #ffffff52,0 0 0 1px #10645c99,0 3px 10px #00242261}.btn--secondary{color:#e8edf4;background:#ffffff0a;border-color:#ffffff24}.btn--secondary:hover{background:#ffffff14;transform:translateY(-1px)}.btn--secondary:active{transform:translateY(0)}.landing__hint{color:#e8edf473;font-size:.82rem}.landing__section-title{letter-spacing:-.025em;color:#f0f4fa;margin:48px 0 16px;font-size:1.25rem;font-weight:650}.landing__family-proof{margin:0 0 48px}.landing__family-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.landing__family-card{background:#ffffff06;border:1px solid #ffffff14;border-radius:14px;padding:16px 16px 14px}.landing__family-title{color:#f0f4fa;margin-bottom:8px;font-size:.92rem;font-weight:650;display:block}.landing__family-description{color:#e8edf4b3;margin:0;font-size:.84rem;line-height:1.55}.landing__compare{grid-template-columns:1fr 1fr;gap:16px;margin:0 0 48px;display:grid}.landing__compare-col{background:#ffffff06;border:1px solid #ffffff14;border-radius:14px;padding:18px 20px 20px}.landing__compare-label{text-transform:uppercase;letter-spacing:.1em;margin:0 0 14px;font-size:.72rem;font-weight:700}.landing__compare-label--bad{color:#ff8c78cc}.landing__compare-label--good{color:#7edca0e6}.landing__compare-list{color:#e8edf4b8;flex-direction:column;gap:8px;margin:0;padding:0 0 0 16px;font-size:.84rem;line-height:1.5;display:flex}.landing__code-block{background:#0a0e16b3;border:1px solid #7eb8ff26;border-radius:12px;margin:0 0 24px;overflow:hidden}.landing__code-label{color:#7eb8ffcc;background:#7eb8ff0d;border-bottom:1px solid #7eb8ff1a;margin:0;padding:10px 16px;font-size:.75rem;font-weight:600}.landing__pre{color:#c8d6e8;white-space:pre;margin:0;padding:16px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.8rem;line-height:1.6;overflow-x:auto}.landing__code-inline{color:#7eb8ffe6;background:#7eb8ff1a;border-radius:4px;padding:1px 5px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.88em}.landing__demo-media{margin:0 0 24px}.landing__demo-video-shell{background:#ffffff06;border:1px solid #ffffff14;border-radius:16px;overflow:hidden}.landing__demo-video{aspect-ratio:16/9;object-fit:cover;background:#05070c;width:100%;max-height:420px;display:block}.landing__demo-caption{color:#e8edf4ad;margin:12px 0 0;font-size:.88rem;line-height:1.55}.landing__state-showcase{flex-direction:column;gap:16px;margin:0 0 48px;display:flex}.landing__state-hero{background:#ffffff06;border:1px solid #ffffff14;border-radius:16px;margin:0;overflow:hidden}.landing__state-hero-image{aspect-ratio:16/9;object-fit:cover;background:#05070c;width:100%;display:block}.landing__state-hero-copy{flex-direction:column;gap:6px;padding:16px 18px 18px;display:flex}.landing__state-kicker{text-transform:uppercase;letter-spacing:.1em;color:#7eb8ffd1;font-size:.72rem;font-weight:700}.landing__state-title{color:#f0f4fa;font-size:1.05rem;font-weight:650}.landing__state-description{color:#e8edf4b8;font-size:.9rem;line-height:1.55}.landing__state-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.landing__state-card{text-align:left;width:100%;color:inherit;cursor:pointer;background:#ffffff06;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:12px;margin:0;padding:12px;transition:border-color .15s,background .15s,transform .12s;display:flex}.landing__state-card:hover{background:#7eb8ff0f;border-color:#7eb8ff47;transform:translateY(-1px)}.landing__state-card--active{background:#7eb8ff1a;border-color:#7eb8ff61;box-shadow:inset 0 1px #ffffff0f}.landing__state-card-image{aspect-ratio:16/9;object-fit:cover;background:#05070c;border-radius:10px;width:100%;display:block}.landing__state-card-copy{flex-direction:column;gap:6px;display:flex}.landing__state-card-label{color:#f0f4fa;font-size:.82rem;font-weight:600}.landing__state-card-description{color:#e8edf4a8;font-size:.82rem;line-height:1.5}.landing__features{border-top:1px solid #ffffff14;flex-direction:column;gap:22px;margin:48px 0 0;padding:36px 0 0;list-style:none;display:flex}.landing__features li{flex-direction:column;gap:6px;display:flex}.landing__features strong{color:#c8d6e8;font-size:.92rem;font-weight:600}.landing__features span{color:#e8edf4ad;font-size:.86rem;line-height:1.55}.landing__features code{color:#7eb8ffd9;background:#7eb8ff14;border-radius:3px;padding:1px 4px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.85em}@media (width<=560px){.landing__family-grid,.landing__compare,.landing__state-grid{grid-template-columns:1fr}}.app-shell{flex:1;width:100%;min-height:0;display:flex}.sidebar{background:linear-gradient(#0c1018 0%,#080b10 100%);border-right:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;gap:0;width:min(360px,40vw);transition:width .22s;display:flex;overflow:hidden}.sidebar--collapsed{justify-content:center;width:44px;min-width:44px}.sidebar-header{border-bottom:1px solid #ffffff14;padding:18px 18px 14px}.sidebar-header__row{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.sidebar-header__row h1{letter-spacing:-.02em;flex:1;min-width:0;margin:0;font-size:1.28rem;font-weight:600}.sidebar-header h1{letter-spacing:-.02em;margin:0 0 4px;font-size:1.28rem;font-weight:600}.sidebar-collapse,.sidebar-expand{color:#e8edf4;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:1.05rem;line-height:1;transition:background .15s,border-color .15s;display:inline-flex}.sidebar-collapse:hover,.sidebar-expand:hover{background:#ffffff1a;border-color:#ffffff2e}.sidebar-expand{border-radius:0 10px 10px 0;width:34px;height:40px}.tagline{opacity:.55;margin:0;font-size:.78rem;line-height:1.35}.sample-nav{border-bottom:1px solid #ffffff0f;flex-direction:column;gap:6px;padding:14px 14px 12px;display:flex}.sample-nav__btn{text-align:left;color:#e8edf4;cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:8px;padding:10px 12px;font-size:.88rem;font-weight:500;transition:background .15s,border-color .15s}.sample-nav__btn:hover{background:#ffffff14}.sample-nav__btn--active{color:#fff;background:#7eb8ff24;border-color:#7eb8ff59}.sample-detail{scrollbar-width:thin;scrollbar-color:#7eb8ff38 transparent;flex:1;padding:16px 18px 24px;overflow-y:auto}.sample-detail::-webkit-scrollbar{width:5px}.sample-detail::-webkit-scrollbar-track{background:0 0}.sample-detail::-webkit-scrollbar-thumb{background:#7eb8ff38;border-radius:999px}.sample-detail::-webkit-scrollbar-thumb:hover{background:#7eb8ff66}.sample-detail__title{color:#b8c9dc;margin:0 0 10px;font-size:.95rem;font-weight:600}.sample-detail__desc{opacity:.86;margin:0 0 18px;font-size:.82rem;line-height:1.5}.sample-detail__hint{color:#e8edf4d1;background:#7eb8ff14;border:1px solid #7eb8ff2e;border-radius:10px;margin:0 0 16px;padding:10px 12px;font-size:.77rem;line-height:1.55}.sample-controls{flex-direction:column;gap:12px;display:flex}.control-section{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;overflow:hidden}.control-section[open]{box-shadow:0 12px 28px #0000001f}.control-section__summary{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;gap:4px;padding:14px 14px 12px;list-style:none;display:flex}.control-section__summary::-webkit-details-marker{display:none}.control-section__summary span{color:#ecf3fb;font-size:.88rem;font-weight:600}.control-section__summary small{color:#e8edf485;font-size:.75rem}.control-section__body{flex-direction:column;gap:2px;padding:0 14px 14px;display:flex}.control{flex-direction:column;gap:6px;margin-bottom:12px;font-size:.8rem;display:flex}.control--toggle{background:#ffffff09;border:1px solid #ffffff1a;border-radius:10px;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;min-height:36px;padding:10px 12px}.control--toggle span{color:#e8edf4e6}.control--toggle input[type=checkbox]{appearance:none;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;flex:none;width:42px;height:24px;margin:0;transition:background-color .15s,border-color .15s,box-shadow .15s;position:relative}.control--toggle input[type=checkbox]:after{content:"";background:#eef4fc;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000047}.control--toggle input[type=checkbox]:hover{background:#7eb8ff1f;border-color:#7eb8ff5c}.control--toggle input[type=checkbox]:checked{background:linear-gradient(#8ebfff 0%,#5a9ae8 100%);border-color:#7eb8ff8c;box-shadow:0 0 0 2px #7eb8ff1f}.control--toggle input[type=checkbox]:checked:after{transform:translate(18px)}.control--toggle input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 3px #7eb8ff33}.control input[type=range]{accent-color:#7eb8ff;width:100%}.control select{appearance:none;color:#e8edf4;width:100%;font:inherit;cursor:pointer;background-color:#ffffff0f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(180,200,230,0.6)'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid #ffffff24;border-radius:8px;padding:7px 30px 7px 10px;font-size:.82rem;transition:border-color .15s,background-color .15s}.control select:hover{background-color:#7eb8ff14;border-color:#7eb8ff61}.control select:focus{background-color:#7eb8ff1a;border-color:#7eb8ff99;outline:none;box-shadow:0 0 0 2px #7eb8ff26}.control select option{color:#e8edf4;background:#0e1420}.control-cycle{background:#ffffff0a;border:1px solid #ffffff24;border-radius:8px;align-items:stretch;min-height:34px;display:flex;overflow:hidden}.control-cycle__btn{color:#e8edf4b8;cursor:pointer;background:#ffffff0f;border:none;flex:0 0 36px;justify-content:center;align-items:center;padding:0;font-size:1.1rem;line-height:1;transition:background .15s,color .15s;display:inline-flex}.control-cycle__btn:first-child{border-right:1px solid #ffffff1a}.control-cycle__btn:last-child{border-left:1px solid #ffffff1a}.control-cycle__btn:hover{color:#e8edf4;background:#7eb8ff1f}.control-cycle__btn:focus-visible{z-index:1;background:#7eb8ff14;outline:none;box-shadow:inset 0 0 0 2px #7eb8ff73}.control-cycle__value{color:#e8edf4;text-align:center;flex:1;justify-content:center;align-items:center;padding:0 8px;font-size:.82rem;font-weight:500;line-height:1.25;display:flex}.control-actions{flex-wrap:wrap;gap:10px;padding-top:4px;display:flex}.viewport{background:#07090e;flex:1;min-width:0;position:relative}.viewport-host{position:absolute;inset:0}.canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.viewport-status{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c12d1;border:1px solid #7eb8ff38;border-radius:12px;flex-direction:column;gap:6px;max-width:460px;padding:12px 14px;display:flex;position:absolute;bottom:20px;left:20px;right:20px;box-shadow:0 16px 40px #00000047}.viewport-status strong{color:#f3f7fd;font-size:.9rem}.viewport-status span{color:#e8edf4c2;font-size:.82rem;line-height:1.5}.viewport-hint{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e8edf4c2;pointer-events:none;background:#080c12b3;border:1px solid #ffffff1f;border-radius:999px;max-width:360px;padding:10px 12px;font-size:.78rem;line-height:1.4;position:absolute;top:20px;left:50%;transform:translate(-50%)}.perf-hud{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-variant-numeric:tabular-nums;color:#c8e6ffeb;pointer-events:auto;background:#080c12c7;border:1px solid #7eb8ff47;border-radius:8px;flex-direction:column;gap:2px;min-width:220px;padding:8px 10px;font-size:.75rem;line-height:1.45;display:flex;position:absolute;top:12px;left:12px}.perf-hud--minimized{min-width:0;padding:6px}.perf-hud__toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.perf-hud__toggle{color:#dceefff5;width:fit-content;font:inherit;cursor:pointer;background:#131f2eeb;border:1px solid #7eb8ff47;border-radius:999px;justify-content:center;align-items:center;padding:6px 10px;line-height:1.2;display:inline-flex}.perf-hud__toggle:hover{background:#1e3046f5}.perf-hud__toggle:focus-visible{outline-offset:2px;outline:2px solid #7eb8ffe6}.perf-hud__copy{color:#c8f5dcf2;width:fit-content;font:inherit;cursor:pointer;background:#102820e0;border:1px solid #7edcb459;border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:.72rem;line-height:1.2;display:inline-flex}.perf-hud__copy:hover{background:#16342af2}.perf-hud__copy:focus-visible{outline-offset:2px;outline:2px solid #7edcb4d9}.control-hint{color:#c8d2e0b8;margin:0;font-size:.78rem;line-height:1.45}.control-hint code{background:#00000059;border-radius:4px;padding:1px 5px;font-size:.85em}.docs{background:radial-gradient(120% 80% at 50% -20%,#7eb8ff1f,#0000 55%),linear-gradient(#07090e 0%,#05060a 100%);flex:1;min-height:0;overflow:hidden auto}.docs__inner{max-width:980px;margin:0 auto;padding:48px 24px 72px}.docs__eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#7eb8ffd9;margin:0 0 12px;font-size:.75rem;font-weight:600}.docs__title{letter-spacing:-.035em;color:#f4f7fc;margin:0 0 18px;font-size:clamp(2rem,5vw,2.65rem);font-weight:650;line-height:1.12}.docs__lead,.docs__text{color:#e8edf4d1;font-size:1rem;line-height:1.65}.docs__lead{max-width:760px;margin:0 0 28px}.docs__text{margin:0 0 20px}.docs__actions{flex-wrap:wrap;gap:12px;margin:0 0 28px;display:flex}.docs__actions--final-cta{flex-direction:column;justify-content:center;align-items:center;margin-top:40px;margin-bottom:0}.docs__text--final-cta{text-align:center;margin:0}.docs__final-cta-btn{min-width:320px;padding:16px 32px;font-size:1rem}.docs__toc{background:#ffffff06;border:1px solid #ffffff14;border-radius:14px;flex-wrap:wrap;gap:10px;margin:0 0 38px;padding:16px;display:flex}.docs__toc-link{color:#7eb8ffeb;background:#7eb8ff14;border-radius:999px;padding:8px 12px;font-size:.85rem;font-weight:600;text-decoration:none}.docs__toc-link:hover{background:#7eb8ff24}.docs__section{margin:0 0 52px}.docs__section-title{letter-spacing:-.025em;color:#f0f4fa;margin:0 0 16px;font-size:1.3rem;font-weight:650}.docs__code-inline{color:#7eb8ffe6;background:#7eb8ff1a;border-radius:4px;padding:1px 5px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.88em}.docs__code-block{background:#0a0e16b3;border:1px solid #7eb8ff26;border-radius:12px;margin:0 0 24px;overflow:hidden}.docs__code-label{color:#7eb8ffcc;background:#7eb8ff0d;border-bottom:1px solid #7eb8ff1a;margin:0;padding:10px 16px;font-size:.75rem;font-weight:600}.docs__pre{color:#c8d6e8;white-space:pre;margin:0;padding:16px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.8rem;line-height:1.6;overflow-x:auto}.docs__concept-grid,.docs__preset-grid,.docs__api-grid{gap:16px;display:grid}.docs__concept-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 18px}.docs__preset-grid,.docs__api-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.docs__concept-card,.docs__preset-card,.docs__api-card,.docs__callout{background:#ffffff06;border:1px solid #ffffff14;border-radius:14px;padding:18px 20px}.docs__callout--agent{margin-bottom:24px}.docs__card-title,.docs__callout-title{color:#f0f4fa;margin:0 0 10px;font-size:.98rem;font-weight:650}.docs__card-text,.docs__callout-text,.docs__meta,.docs__api-list{color:#e8edf4b8;font-size:.9rem;line-height:1.6}.docs__card-text,.docs__meta,.docs__callout-text{margin:0 0 10px}.docs__meta:last-child,.docs__callout-text:last-child{margin-bottom:0}.docs__api-list{margin:0;padding-left:18px}.docs__examples{flex-direction:column;gap:18px;display:flex}@media (width<=860px){.docs__concept-grid,.docs__preset-grid,.docs__api-grid{grid-template-columns:1fr}}@media (width<=560px){.docs__inner{padding:38px 18px 56px}}@media (width<=720px){.app-shell{flex-direction:column}.sidebar{border-bottom:1px solid #ffffff1a;border-right:none;width:100%;max-height:42vh}.sidebar--collapsed{flex-direction:row;justify-content:flex-start;width:100%;min-width:0;min-height:52px;max-height:52px;padding:0 10px;transition:max-height .22s,min-height .22s}.sidebar-expand{border-radius:10px;width:40px;height:36px}.viewport{flex:1;min-height:50vh}}