:root{--bg:#08111f;--bg-deep:#040914;--panel:#101e31db;--panel-solid:#101e31;--panel-hover:#14263d;--text:#ecf5ff;--muted:#9bb0c7;--faint:#6f86a0;--border:#94b2d32e;--border-strong:#94b2d357;--cyan:#22d3ee;--cyan-dark:#0e7490;--violet:#a78bfa;--violet-dark:#6d28d9;--amber:#f59e0b;--green:#34d399;--pink:#f472b6;--red:#fb7185;--focus:#67e8f9;--danger:#fecaca;--shadow:0 1.5rem 4rem #0000004d;--radius-large:1.25rem;--radius-medium:.875rem;--radius-small:.625rem;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;text-rendering:optimizelegibility;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-inline-size:20rem}body{min-block-size:100dvb;color:var(--text);background:radial-gradient(circle at 88% 4%, #6d28d933, transparent 30rem), radial-gradient(circle at 8% 2%, #0891b22e, transparent 28rem), var(--bg);margin:0}a{color:var(--cyan);text-underline-offset:.2em}a:hover,a:focus-visible{color:#a5f3fc}button,input,select{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}:focus-visible{outline:.1875rem solid var(--focus);outline-offset:.1875rem}[hidden]{display:none}.icon{font-family:Symbols Nerd Font Mono,Cascadia Mono,Segoe UI Symbol,sans-serif;font-weight:700}.skip-link{z-index:100;color:#03111f;background:var(--cyan);border-radius:var(--radius-small);padding:.625rem .875rem;font-weight:700;transition:transform .15s;position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}@media screen and (prefers-reduced-motion:reduce){.skip-link{z-index:100;color:#03111f;background:var(--cyan);border-radius:var(--radius-small);padding:.625rem .875rem;font-weight:700;transition:none;position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}}.hero{border-block-end:.0625rem solid var(--border);position:relative;overflow:clip}.hero:before{z-index:-1;content:"";background-image:linear-gradient(#94b2d309 .0625rem,#0000 .0625rem),linear-gradient(90deg,#94b2d309 .0625rem,#0000 .0625rem);background-size:3rem 3rem;position:absolute;inset:0}.topbar,.hero-layout,.page-shell,footer{inline-size:min(92%,88rem);margin-inline:auto}.topbar{border-block-end:.0625rem solid var(--border);justify-content:space-between;align-items:center;min-block-size:4.5rem;display:flex}.brand{color:var(--text);align-items:center;gap:.75rem;font-size:1rem;font-weight:800;text-decoration:none;display:inline-flex}.brand:hover,.brand:focus-visible{color:#fff}.brand-mark{filter:drop-shadow(0 .5rem 1.5rem #22d3ee38);block-size:2.5rem;inline-size:2.5rem;overflow:visible}.brand-mark rect{fill:url(#brand-gradient);stroke:#67e8f98c}.brand-mark path{fill:#08111fe6;stroke:var(--cyan)}.brand-mark circle{fill:var(--amber)}.nav-links{align-items:center;gap:.5rem;display:flex}.nav-links a{color:var(--muted);border-radius:var(--radius-small);align-items:center;gap:.375rem;padding:.625rem .75rem;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.nav-links a:hover,.nav-links a:focus-visible{color:var(--text);background:#ffffff0d}.nav-links .npm-link{color:#fff7ed;background:linear-gradient(135deg,#cb383738,#f43f5e1f);border:.0625rem solid #f871714d}.nav-links .npm-link:hover,.nav-links .npm-link:focus-visible{color:#fff;background:linear-gradient(135deg,#cb383761,#f43f5e33);border-color:#fb718599}.hero-layout{grid-template-columns:[copy-start]minmax(0,1.1fr)[copy-end art-start]minmax(18rem,.9fr)[art-end];grid-template-areas:"intro art""actions art""stats art";align-items:center;gap:0 4rem;min-block-size:42rem;padding-block:5rem 6rem;display:grid}.hero-copy{display:contents}.hero-intro{grid-area:intro}.eyebrow,.section-kicker,.category-tag,.preview-label{color:var(--cyan);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.75rem;font-weight:800}.eyebrow{align-items:center;gap:.625rem;display:flex}.pulse{background:var(--cyan);border-radius:50%;block-size:.625rem;inline-size:.625rem;animation:2.5s ease-in-out infinite pulse-ring;box-shadow:0 0 0 .375rem #22d3ee17}@media screen and (prefers-reduced-motion:reduce){.pulse{background:var(--cyan);border-radius:50%;block-size:.625rem;inline-size:.625rem;animation:none;box-shadow:0 0 0 .375rem #22d3ee17}}@keyframes pulse-ring{50%{transform:scale(.9);box-shadow:0 0 0 .75rem #22d3ee05}}h1,h2,p{overflow-wrap:anywhere}h1{letter-spacing:-.055em;max-inline-size:13ch;margin-block:1.25rem;font-size:clamp(3rem,6vi,6rem);line-height:1}h1 span{color:#0000;background:linear-gradient(90deg, var(--cyan), #60a5fa 48%, var(--violet));-webkit-background-clip:text;background-clip:text;display:block}.lede{max-inline-size:42rem;color:var(--muted);margin-block:0 2rem;font-size:1.125rem;line-height:1.75}.hero-actions{flex-wrap:wrap;grid-area:actions;align-items:center;gap:.75rem;display:flex}.hero-actions code{color:#cbd5e1;white-space:nowrap;border:.0625rem solid var(--border);border-radius:var(--radius-small);background:#02081299;padding:.75rem .875rem;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.75rem;overflow:auto}.primary-link,.copy-button{color:#03111f;background:linear-gradient(135deg, var(--cyan), #67e8f9);border-radius:var(--radius-small);border:0;justify-content:center;align-items:center;gap:.5rem;min-block-size:2.75rem;padding-inline:1rem;font-weight:800;text-decoration:none;transition:box-shadow .16s,transform .16s;display:inline-flex;box-shadow:0 .75rem 2rem #22d3ee29}:is(.primary-link,.copy-button):hover,:is(.primary-link,.copy-button):focus-visible{color:#020817;transform:translateY(-.125rem);box-shadow:0 1rem 2.5rem #22d3ee47}@media screen and (prefers-reduced-motion:reduce){.primary-link,.copy-button{color:#03111f;background:linear-gradient(135deg, var(--cyan), #67e8f9);border-radius:var(--radius-small);border:0;justify-content:center;align-items:center;gap:.5rem;min-block-size:2.75rem;padding-inline:1rem;font-weight:800;text-decoration:none;transition:none;display:inline-flex;box-shadow:0 .75rem 2rem #22d3ee29}:is(.primary-link,.copy-button):hover,:is(.primary-link,.copy-button):focus-visible{color:#020817;transform:translateY(-.125rem);box-shadow:0 1rem 2.5rem #22d3ee47}}.hero-stats{flex-wrap:wrap;grid-area:stats;gap:2.5rem;margin-block:2.5rem 0;padding:0;display:flex}.hero-stats div{gap:.125rem;display:grid}.hero-stats dt{font-size:1.75rem;font-weight:900}.hero-stats dd{color:var(--faint);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.75rem;font-weight:700}.hero-visual{perspective:60rem;grid-area:art;align-self:start;min-block-size:28rem;margin-block-start:2rem;position:relative}.orbit{border:.0625rem solid #22d3ee2e;border-radius:50%;animation:22s linear infinite orbit-spin;position:absolute}.orbit:after{content:"";background:var(--cyan);block-size:.5rem;inline-size:.5rem;box-shadow:0 0 1rem var(--cyan);border-radius:50%;position:absolute;inset-block-start:-.25rem;inset-inline-start:50%}@media screen and (prefers-reduced-motion:reduce){.orbit{border:.0625rem solid #22d3ee2e;border-radius:50%;animation:none;position:absolute}.orbit:after{content:"";background:var(--cyan);block-size:.5rem;inline-size:.5rem;box-shadow:0 0 1rem var(--cyan);border-radius:50%;position:absolute;inset-block-start:-.25rem;inset-inline-start:50%}}.orbit-one{inset-block:2rem;inset-inline:1rem}.orbit-two{border-color:#a78bfa33;animation-duration:17s;animation-direction:reverse;inset-block:5rem;inset-inline:4rem}@keyframes orbit-spin{to{transform:rotate(360deg)}}.demo-card{border:.0625rem solid var(--border-strong);border-radius:var(--radius-large);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:linear-gradient(145deg,#14263df5,#08111ff0);align-items:center;gap:.5rem;padding:1.25rem;animation:6s ease-in-out infinite card-float;display:flex;position:absolute;transform:rotateY(-10deg)rotateX(5deg)}.demo-card span{color:#03111f;white-space:nowrap;background:linear-gradient(90deg, var(--cyan-dark), var(--cyan));border-radius:999px;justify-content:center;align-items:center;block-size:1.25rem;inline-size:auto;min-inline-size:4.5rem;padding-inline:.625rem;font-size:.625rem;font-weight:800;display:inline-flex}.demo-card span:nth-child(2n){background:linear-gradient(90deg, var(--violet-dark), var(--violet))}.demo-card span:last-child{background:linear-gradient(90deg, #b45309, var(--amber));min-inline-size:3rem}@media screen and (prefers-reduced-motion:reduce){.demo-card{border:.0625rem solid var(--border-strong);border-radius:var(--radius-large);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:linear-gradient(145deg,#14263df5,#08111ff0);align-items:center;gap:.5rem;padding:1.25rem;animation:none;display:flex;position:absolute;transform:rotateY(-10deg)rotateX(5deg)}.demo-card span{color:#03111f;white-space:nowrap;background:linear-gradient(90deg, var(--cyan-dark), var(--cyan));border-radius:999px;justify-content:center;align-items:center;block-size:1.25rem;inline-size:auto;min-inline-size:4.5rem;padding-inline:.625rem;font-size:.625rem;font-weight:800;display:inline-flex}.demo-card span:nth-child(2n){background:linear-gradient(90deg, var(--violet-dark), var(--violet))}.demo-card span:last-child{background:linear-gradient(90deg, #b45309, var(--amber));min-inline-size:3rem}}.demo-card-one{inset-block-start:4rem;inset-inline-end:0}.demo-card-two{animation-delay:-2s;inset-block-start:12rem;inset-inline-start:0}.demo-card-three{animation-delay:-4s;inset-block-end:3rem;inset-inline-end:2rem}@keyframes card-float{50%{transform:translateY(-.75rem)rotateY(-7deg)rotateX(3deg)}}.page-shell{padding-block:3rem 6rem}.panel,.layout-card{border:.0625rem solid var(--border);border-radius:var(--radius-large);background:linear-gradient(145deg,#14263df0,#0c192af0);box-shadow:0 .75rem 2rem #00000021}.personalizer{margin-block-end:1.25rem;padding:1.5rem}.section-heading{justify-content:space-between;align-items:start;gap:2rem;margin-block-end:1.5rem;display:flex}.section-heading h2{margin-block:.375rem;font-size:1.5rem}.section-heading .section-description{max-inline-size:48rem;color:var(--muted);margin:0;line-height:1.625}.context-grid,.toolbar{grid-template-columns:[start]repeat(4,[column-start]minmax(0,1fr)[column-end])[end];gap:1rem;display:grid}.field{gap:.5rem;min-inline-size:0;display:grid}.field label,.field legend{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:800}.field input,.field select{min-block-size:2.75rem;inline-size:100%;color:var(--text);border:.0625rem solid var(--border-strong);border-radius:var(--radius-small);background:#02081285;padding-inline:.75rem;transition:border-color .14s}:is(.field input,.field select):hover,:is(.field input,.field select):focus-visible{background:#08111feb;border-color:#22d3ee80}:is(.field input,.field select)[aria-invalid=true]{border-color:#ef4444}@media screen and (prefers-reduced-motion:reduce){.field input,.field select{min-block-size:2.75rem;inline-size:100%;color:var(--text);border:.0625rem solid var(--border-strong);border-radius:var(--radius-small);background:#02081285;padding-inline:.75rem;transition:none}:is(.field input,.field select):hover,:is(.field input,.field select):focus-visible{background:#08111feb;border-color:#22d3ee80}:is(.field input,.field select)[aria-invalid=true]{border-color:#ef4444}}.style-field{border:0;margin:0;padding:0}.segmented-control{border:.0625rem solid var(--border-strong);border-radius:var(--radius-small);background:#02081285;grid-template-columns:[flat-start]minmax(0,1fr)[flat-end classic-start]minmax(0,1fr)[classic-end];min-block-size:2.75rem;padding:.25rem;display:grid}.segmented-control input{opacity:0;block-size:.0625rem;inline-size:.0625rem;position:absolute}.segmented-control label{cursor:pointer;border-radius:.5rem;grid-auto-flow:column;place-items:center;gap:.375rem;transition:color .14s;display:grid}@media screen and (prefers-reduced-motion:reduce){.segmented-control label{cursor:pointer;border-radius:.5rem;place-items:center;transition:none;display:grid}}.segmented-control input:checked+label{color:#03111f;background:linear-gradient(135deg, var(--cyan), #67e8f9)}.segmented-control input:focus-visible+label{outline:.1875rem solid var(--focus);outline-offset:.1875rem}.context-summary{color:var(--faint);margin-block:1rem 0;font-family:Cascadia Code,Consolas,monospace;font-size:.75rem}.toolbar{z-index:20;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:linear-gradient(145deg,#14263dfa,#0c192afa);grid-template-columns:[search-start]minmax(15rem,1.35fr)[search-end category-start]minmax(8rem,.65fr)[category-end language-start]minmax(7rem,.55fr)[language-end service-start]minmax(7rem,.55fr)[service-end sort-start]minmax(9rem,.72fr)[sort-end view-start]minmax(8rem,.55fr)[view-end size-start]minmax(7rem,.42fr)[size-end reset-start]auto[reset-end];align-items:end;padding:1rem;position:sticky;inset-block-start:.75rem;box-shadow:0 1rem 2.5rem #00000038}.input-shell{position:relative}.input-shell input{padding-inline-end:3rem}.input-shell kbd{color:var(--faint);border:.0625rem solid var(--border);background:#ffffff0a;border-radius:.375rem;padding:.125rem .375rem;font-family:Cascadia Code,monospace;font-size:.75rem;position:absolute;inset-block-start:50%;inset-inline-end:.75rem;transform:translateY(-50%)}.secondary-button,.pagination button,.reset-fields{min-block-size:2.75rem;color:var(--text);background:var(--panel-solid);border:.0625rem solid var(--border-strong);border-radius:var(--radius-small);justify-content:center;align-items:center;gap:.375rem;padding-inline:.875rem;font-weight:750;transition:border-color .14s,transform .14s;display:inline-flex}:is(.secondary-button,.pagination button,.reset-fields):hover,:is(.secondary-button,.pagination button,.reset-fields):focus-visible{background:var(--panel-hover);border-color:#22d3ee80;transform:translateY(-.0625rem)}@media screen and (prefers-reduced-motion:reduce){.secondary-button,.pagination button,.reset-fields{min-block-size:2.75rem;color:var(--text);background:var(--panel-solid);border:.0625rem solid var(--border-strong);border-radius:var(--radius-small);justify-content:center;align-items:center;gap:.375rem;padding-inline:.875rem;font-weight:750;transition:none;display:inline-flex}:is(.secondary-button,.pagination button,.reset-fields):hover,:is(.secondary-button,.pagination button,.reset-fields):focus-visible{background:var(--panel-hover);border-color:#22d3ee80;transform:translateY(-.0625rem)}}.result-bar{min-block-size:4rem;color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;padding-inline:.25rem;font-size:.875rem;display:flex}.result-count{margin:0}.preview-note span{color:var(--cyan)}.layout-grid{grid-template-columns:[left-start]repeat(2,[card-start]minmax(0,1fr)[card-end])[right-end];gap:1.25rem;display:grid}.layout-grid[data-view=list]{grid-template-columns:[start]minmax(0,1fr)[end];gap:.75rem}.layout-grid[data-view=list] .layout-card{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"header actions""description actions""preview actions";gap:.5rem 1.5rem;padding:1rem 1.25rem;display:grid}.layout-grid[data-view=list] .card-header{grid-area:header}.layout-grid[data-view=list] .description{grid-area:description;margin:0}.layout-grid[data-view=list] .preview-header,.layout-grid[data-view=list] .customizer,.layout-grid[data-view=list] .markdown-wrap{display:none}.layout-grid[data-view=list] .badge-preview{background:0 0;border:0;grid-area:preview;min-block-size:auto;margin:0;padding:.375rem 0 0}.layout-grid[data-view=list] .card-actions{flex-direction:column;grid-area:actions;justify-content:center;align-items:end;margin:0;padding:0}.layout-grid[data-view=list] .action-buttons{flex-wrap:nowrap}.layout-card{border-inline-start:.1875rem solid var(--cyan);flex-direction:column;min-inline-size:0;padding:1.5rem;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.layout-card:hover,.layout-card:focus-within{box-shadow:var(--shadow);border-color:#22d3ee57;transform:translateY(-.125rem)}@media screen and (prefers-reduced-motion:reduce){.layout-card{flex-direction:column;min-inline-size:0;padding:1.5rem;transition:none;display:flex}.layout-card:hover,.layout-card:focus-within{box-shadow:var(--shadow);border-color:#22d3ee57;transform:translateY(-.125rem)}}.layout-card[data-primary-service=shields]{border-inline-start-color:var(--green)}.layout-card[data-primary-service=shieldcn],.layout-card[data-primary-service=playbadges]{border-inline-start-color:var(--violet)}.layout-card[data-primary-service=badge-fury],.layout-card[data-primary-service=nodeico]{border-inline-start-color:var(--amber)}.layout-card[data-primary-service=codecov],.layout-card[data-primary-service=snyk]{border-inline-start-color:var(--pink)}.card-header,.preview-header,.card-actions{justify-content:space-between;align-items:start;gap:1rem;display:flex}.card-header h2{margin-block:.375rem 0;font-size:1.25rem;line-height:1.375}.language-tags{color:var(--faint);margin-block:.375rem 0;font-size:.75rem}.service-tags{flex-wrap:wrap;gap:.35rem;margin-block-start:.625rem;display:flex}.service-tags span{color:#a5f3fc;background:#0e74902e;border:.0625rem solid #22d3ee40;border-radius:999px;padding:.2rem .5rem;font-size:.675rem;font-weight:800}.service-tags [data-service=shields]{color:#a7f3d0;background:#05966926;border-color:#34d39947}.service-tags [data-service=codecov],.service-tags [data-service=snyk]{color:#fbcfe8;background:#be185d26;border-color:#f472b647}.service-tags [data-service=badge-fury],.service-tags [data-service=badge-size],.service-tags [data-service=nodeico]{color:#fde68a;background:#b4530926;border-color:#f59e0b4d}.service-tags [data-service=shieldcn],.service-tags [data-service=playbadges],.service-tags [data-service=dependents-info]{color:#ddd6fe;background:#6d28d926;border-color:#a78bfa47}.source-link{color:var(--muted);flex:none;font-size:.75rem;font-weight:800;text-decoration:none}.source-link:hover,.source-link:focus-visible{color:var(--cyan)}.description{color:var(--muted);margin-block:1rem 0;line-height:1.625}.preview-header{align-items:center;margin-block-start:1.25rem}.style-pill,.badge-count{color:var(--muted);border:.0625rem solid var(--border);background:#02081273;border-radius:999px;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.badge-preview{border:.0625rem solid var(--border);border-radius:var(--radius-small);background:linear-gradient(45deg,#ffffff06 25%,#0000 25%) 0 0/.75rem .75rem,linear-gradient(-45deg,#ffffff06 25%,#0000 25%) 0 .375rem/.75rem .75rem,#0208128c;flex-wrap:wrap;align-items:center;gap:.375rem;min-block-size:4.5rem;margin-block-start:.5rem;padding:.875rem;display:flex}.badge-preview a{max-inline-size:100%;display:inline-flex}.badge-preview img{block-size:auto;max-inline-size:100%}.badge-error{text-overflow:ellipsis;max-inline-size:12rem;color:var(--danger);white-space:nowrap;background:#b91c1c38;border:.0625rem solid #f8717152;border-radius:.375rem;padding:.25rem .5rem;font-size:.625rem;overflow:hidden}.customizer{border-block:.0625rem solid var(--border);margin-block-start:1rem}.customizer summary{color:var(--muted);cursor:pointer;padding-block:.75rem;font-size:.875rem;font-weight:800}.customizer summary:hover,.customizer summary:focus-visible{color:var(--text)}.placeholder-grid{grid-template-columns:[left-start]repeat(2,[field-start]minmax(0,1fr)[field-end])[right-end];gap:.75rem;padding-block-end:.75rem;display:grid}.placeholder-field{gap:.375rem;min-inline-size:0;display:grid}.placeholder-field .placeholder-label{text-overflow:ellipsis;color:var(--faint);white-space:nowrap;font-family:Cascadia Code,monospace;font-size:.625rem;overflow:hidden}.placeholder-field input{min-block-size:2.5rem;inline-size:100%;color:var(--text);border:.0625rem solid var(--border-strong);background:#02081280;border-radius:.5rem;padding-inline:.625rem;font-family:Cascadia Code,monospace;font-size:.75rem}.reset-fields{margin-block-end:.75rem}.markdown-wrap{margin-block-start:1rem}.markdown-wrap pre{color:#c9d9ea;overflow-wrap:anywhere;white-space:pre-wrap;border:.0625rem solid var(--border);border-radius:var(--radius-small);background:#020812b8;max-block-size:10rem;margin:0;padding:.875rem;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:.75rem;line-height:1.625;overflow:auto}.card-actions{align-items:center;margin-block-start:auto;padding-block-start:1rem}.action-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.compact-button,.copy-button{min-block-size:2.5rem;font-size:.75rem}.empty-state{text-align:center;padding:4rem 1rem}.empty-state h2{margin-block:.75rem .25rem}.empty-state p:not(.empty-icon){color:var(--muted);margin-block:0 1.5rem}.empty-icon{color:var(--cyan);margin:0;font-size:3rem}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-block-start:1.25rem;padding:1rem;display:flex}.pagination[hidden]{display:none}.pagination button{min-inline-size:2.75rem;padding-inline:.625rem}.pagination .current-page{color:#03111f;background:var(--cyan);border-color:var(--cyan)}.page-list{align-items:center;gap:.375rem;display:flex}.page-ellipsis,.page-summary{color:var(--faint);font-size:.75rem}.page-summary{margin-inline-start:.5rem}footer{color:var(--muted);border-block-start:.0625rem solid var(--border);justify-content:space-between;align-items:start;gap:2rem;padding-block:2.5rem 3rem;font-size:.875rem;display:flex}footer .footer-copy{max-inline-size:48rem;margin-block:.75rem 0;line-height:1.625}.footer-links{flex-wrap:wrap;gap:1rem;display:flex}.toast{z-index:50;max-inline-size:min(24rem,100% - 2.5rem);color:var(--text);pointer-events:none;border-radius:var(--radius-small);opacity:0;background:#15314a;border:.0625rem solid #22d3ee73;padding:.875rem 1rem;font-size:.875rem;transition:opacity .16s,transform .16s;position:fixed;inset-block-end:1.25rem;inset-inline-end:1.25rem;transform:translateY(1rem)}.toast.visible{opacity:1;transform:translateY(0)}@media screen and (prefers-reduced-motion:reduce){.toast{z-index:50;max-inline-size:min(24rem,100% - 2.5rem);color:var(--text);pointer-events:none;border-radius:var(--radius-small);box-shadow:var(--shadow);opacity:0;background:#15314a;border:.0625rem solid #22d3ee73;padding:.875rem 1rem;font-size:.875rem;transition:none;position:fixed;inset-block-end:1.25rem;inset-inline-end:1.25rem;transform:translateY(1rem)}.toast.visible{opacity:1;transform:translateY(0)}}.noscript{color:#fecaca;text-align:center;background:#7f1d1d;margin:0;padding:1rem}@media (width<=68rem){.hero-layout{grid-template-columns:[start]minmax(0,1fr)[end];grid-template-areas:"intro""art""actions""stats";gap:1.5rem;min-block-size:auto;padding-block:4rem}.hero-intro .lede{margin-block-end:0}.hero-visual{min-block-size:20rem;margin-block-start:0}.context-grid{grid-template-columns:[start]repeat(2,[column-start]minmax(0,1fr)[column-end])[end]}.toolbar{grid-template-columns:[start]repeat(2,[column-start]minmax(0,1fr)[column-end])[end];position:static}}@media (width<=50rem){.layout-grid{grid-template-columns:[start]minmax(0,1fr)[end]}.topbar,footer,.section-heading{flex-direction:column;align-items:stretch}.topbar{gap:.75rem;padding-block:.75rem}.nav-links{justify-content:space-between}.section-heading .secondary-button{align-self:start}}@media (width<=36rem){.topbar,.hero-layout,.page-shell,footer{inline-size:min(94%,88rem)}.hero-layout{gap:1rem;padding-block:3rem}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2rem;display:grid}.hero-visual{min-block-size:13rem}.orbit-one{inset-block:.5rem;inset-inline:.25rem}.orbit-two{inset-block:2rem;inset-inline:2rem}.demo-card{padding:.75rem}.demo-card span{min-inline-size:3rem;padding-inline:.4rem;font-size:.5rem}.demo-card-one{inset-block-start:1rem}.demo-card-two{inset-block-start:6rem}.demo-card-three{inset-block-end:.5rem}.context-grid,.toolbar,.placeholder-grid{grid-template-columns:[start]minmax(0,1fr)[end]}.personalizer,.layout-card{padding:1rem}.nav-links .icon{display:none}.result-bar,.card-actions{flex-direction:column;align-items:stretch}.layout-grid[data-view=list] .layout-card{grid-template-columns:minmax(0,1fr);grid-template-areas:"header""description""preview""actions"}.layout-grid[data-view=list] .card-actions{align-items:stretch}.layout-grid[data-view=list] .action-buttons{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pagination{overflow-inline:auto;justify-content:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pulse,.orbit,.demo-card{animation:none}.primary-link,.copy-button,.secondary-button,.pagination button,.reset-fields,.layout-card,.toast,.skip-link{transition-duration:.12s}}