:root{font-family:var( --shield-ui-font, "Avenir Next", "SF Pro Display", "Segoe UI", "Inter", "Helvetica Neue", sans-serif );line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.ui-h1,.ui-h2,.ui-h3,.ui-title{margin:0;font-family:var(--shield-ui-typography-heading-font, var(--shield-ui-font, inherit));letter-spacing:var(--shield-ui-typography-heading-letter-spacing, -.02em);color:var(--shield-ui-text)}.ui-h1{font-size:var(--shield-ui-typography-h1-size, 2.2rem);font-weight:var(--shield-ui-typography-h1-weight, 700);line-height:1.06}.ui-h2{font-size:var(--shield-ui-typography-h2-size, 1.75rem);font-weight:var(--shield-ui-typography-h2-weight, 650);line-height:1.12}.ui-h3{font-size:var(--shield-ui-typography-h3-size, 1.35rem);font-weight:var(--shield-ui-typography-h3-weight, 620);line-height:1.2}.ui-body{margin:0;font-family:var(--shield-ui-typography-body-font, var(--shield-ui-font, inherit));font-size:var(--shield-ui-typography-body-size, 1rem);font-weight:var(--shield-ui-typography-body-weight, 450);line-height:1.55;color:var(--shield-ui-text)}.ui-caption{margin:0;font-family:var(--shield-ui-typography-body-font, var(--shield-ui-font, inherit));font-size:var(--shield-ui-typography-caption-size, .8rem);font-weight:600;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:var(--shield-ui-text-muted)}.card{background-color:var(--shield-ui-surface);border:1px solid var(--shield-ui-border);border-radius:12px;box-shadow:0 10px 20px -18px color-mix(in srgb,var(--shield-ui-text) 35%,transparent)}.ui-title{font-size:clamp(var(--shield-ui-typography-h2-size, 1.75rem),2.1vw,var(--shield-ui-typography-h1-size, 2.2rem));line-height:1.1}.ui-kicker{margin:0;font-size:var(--shield-ui-typography-caption-size, .8rem);font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--shield-ui-text-muted)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1 0%}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.gap-0{gap:var(--shield-ui-space-0, var(--shield-space-0))}.gap-1{gap:var(--shield-ui-space-1, var(--shield-space-1))}.gap-2{gap:var(--shield-ui-space-2, var(--shield-space-2))}.gap-3{gap:var(--shield-ui-space-3, var(--shield-space-3))}.gap-4{gap:var(--shield-ui-space-4, var(--shield-space-4))}.gap-6{gap:var(--shield-ui-space-6, var(--shield-space-6))}.gap-8{gap:var(--shield-ui-space-8, var(--shield-space-8))}.rounded-none{border-radius:0}.rounded-sm{border-radius:8px}.rounded-md{border-radius:10px}.rounded-lg{border-radius:12px}.rounded-full{border-radius:9999px}.m-0{margin:var(--shield-ui-space-0, var(--shield-space-0))}.m-1{margin:var(--shield-ui-space-1, var(--shield-space-1))}.m-2{margin:var(--shield-ui-space-2, var(--shield-space-2))}.m-3{margin:var(--shield-ui-space-3, var(--shield-space-3))}.m-4{margin:var(--shield-ui-space-4, var(--shield-space-4))}.m-6{margin:var(--shield-ui-space-6, var(--shield-space-6))}.m-8{margin:var(--shield-ui-space-8, var(--shield-space-8))}.mx-0{margin-left:var(--shield-ui-space-0, var(--shield-space-0));margin-right:var(--shield-ui-space-0, var(--shield-space-0))}.mx-1{margin-left:var(--shield-ui-space-1, var(--shield-space-1));margin-right:var(--shield-ui-space-1, var(--shield-space-1))}.mx-2{margin-left:var(--shield-ui-space-2, var(--shield-space-2));margin-right:var(--shield-ui-space-2, var(--shield-space-2))}.mx-3{margin-left:var(--shield-ui-space-3, var(--shield-space-3));margin-right:var(--shield-ui-space-3, var(--shield-space-3))}.mx-4{margin-left:var(--shield-ui-space-4, var(--shield-space-4));margin-right:var(--shield-ui-space-4, var(--shield-space-4))}.mx-6{margin-left:var(--shield-ui-space-6, var(--shield-space-6));margin-right:var(--shield-ui-space-6, var(--shield-space-6))}.mx-8{margin-left:var(--shield-ui-space-8, var(--shield-space-8));margin-right:var(--shield-ui-space-8, var(--shield-space-8))}.my-0{margin-top:var(--shield-ui-space-0, var(--shield-space-0));margin-bottom:var(--shield-ui-space-0, var(--shield-space-0))}.my-1{margin-top:var(--shield-ui-space-1, var(--shield-space-1));margin-bottom:var(--shield-ui-space-1, var(--shield-space-1))}.my-2{margin-top:var(--shield-ui-space-2, var(--shield-space-2));margin-bottom:var(--shield-ui-space-2, var(--shield-space-2))}.my-3{margin-top:var(--shield-ui-space-3, var(--shield-space-3));margin-bottom:var(--shield-ui-space-3, var(--shield-space-3))}.my-4{margin-top:var(--shield-ui-space-4, var(--shield-space-4));margin-bottom:var(--shield-ui-space-4, var(--shield-space-4))}.my-6{margin-top:var(--shield-ui-space-6, var(--shield-space-6));margin-bottom:var(--shield-ui-space-6, var(--shield-space-6))}.my-8{margin-top:var(--shield-ui-space-8, var(--shield-space-8));margin-bottom:var(--shield-ui-space-8, var(--shield-space-8))}.p-0{padding:var(--shield-ui-space-0, var(--shield-space-0))}.p-1{padding:var(--shield-ui-space-1, var(--shield-space-1))}.p-2{padding:var(--shield-ui-space-2, var(--shield-space-2))}.p-3{padding:var(--shield-ui-space-3, var(--shield-space-3))}.p-4{padding:var(--shield-ui-space-4, var(--shield-space-4))}.p-6{padding:var(--shield-ui-space-6, var(--shield-space-6))}.p-8{padding:var(--shield-ui-space-8, var(--shield-space-8))}.px-0{padding-left:var(--shield-ui-space-0, var(--shield-space-0));padding-right:var(--shield-ui-space-0, var(--shield-space-0))}.px-1{padding-left:var(--shield-ui-space-1, var(--shield-space-1));padding-right:var(--shield-ui-space-1, var(--shield-space-1))}.px-2{padding-left:var(--shield-ui-space-2, var(--shield-space-2));padding-right:var(--shield-ui-space-2, var(--shield-space-2))}.px-3{padding-left:var(--shield-ui-space-3, var(--shield-space-3));padding-right:var(--shield-ui-space-3, var(--shield-space-3))}.px-4{padding-left:var(--shield-ui-space-4, var(--shield-space-4));padding-right:var(--shield-ui-space-4, var(--shield-space-4))}.px-6{padding-left:var(--shield-ui-space-6, var(--shield-space-6));padding-right:var(--shield-ui-space-6, var(--shield-space-6))}.px-8{padding-left:var(--shield-ui-space-8, var(--shield-space-8));padding-right:var(--shield-ui-space-8, var(--shield-space-8))}.py-0{padding-top:var(--shield-ui-space-0, var(--shield-space-0));padding-bottom:var(--shield-ui-space-0, var(--shield-space-0))}.py-1{padding-top:var(--shield-ui-space-1, var(--shield-space-1));padding-bottom:var(--shield-ui-space-1, var(--shield-space-1))}.py-2{padding-top:var(--shield-ui-space-2, var(--shield-space-2));padding-bottom:var(--shield-ui-space-2, var(--shield-space-2))}.py-3{padding-top:var(--shield-ui-space-3, var(--shield-space-3));padding-bottom:var(--shield-ui-space-3, var(--shield-space-3))}.py-4{padding-top:var(--shield-ui-space-4, var(--shield-space-4));padding-bottom:var(--shield-ui-space-4, var(--shield-space-4))}.py-6{padding-top:var(--shield-ui-space-6, var(--shield-space-6));padding-bottom:var(--shield-ui-space-6, var(--shield-space-6))}.py-8{padding-top:var(--shield-ui-space-8, var(--shield-space-8));padding-bottom:var(--shield-ui-space-8, var(--shield-space-8))}.text-secondary{color:var(--shield-ui-text-muted)}.text-neutral{color:var(--shield-ui-text)}.text-primary{color:var(--shield-ui-brand)}.text-ui{color:var(--shield-ui-text)}.text-muted{color:var(--shield-ui-text-muted)}.bg-primary{background-color:var(--shield-ui-brand)}.bg-secondary{background-color:var(--shield-ui-brand-soft)}.bg-neutral{background-color:var(--shield-ui-bg)}.bg-surface{background-color:var(--shield-ui-surface)}.bg-ui{background-color:var(--shield-ui-bg)}.bg-brand{background-color:var(--shield-ui-brand)}.bg-brand-soft{background-color:var(--shield-ui-brand-soft)}.border-ui{border:1px solid var(--shield-ui-border)}:root{color-scheme:light;--docs-header-height: 76px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 0% 0%,rgba(30,100,220,.1),transparent 42%),radial-gradient(circle at 100% 100%,rgba(30,100,220,.07),transparent 40%),var(--shield-ui-bg)}.docs-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.docs-sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--shield-ui-border);padding:.95rem;overflow:auto}.docs-sidebar-toggle{display:none;border:1px solid var(--shield-ui-border);background:var(--shield-ui-surface);color:var(--shield-ui-text);border-radius:.55rem;min-width:2.2rem;min-height:2.2rem;padding:0;place-items:center;cursor:pointer}.docs-sidebar-backdrop{display:none}.docs-nav{display:flex;flex-direction:column;gap:.22rem}.docs-nav__group{margin:.32rem 0}.docs-nav__group summary{list-style:none;cursor:pointer;font-weight:600;padding:.35rem .4rem;border-radius:.45rem}.docs-nav__group summary::-webkit-details-marker{display:none}.docs-nav__group summary:before{content:"▸";margin-right:.45rem;display:inline-block;transition:transform .12s ease}.docs-nav__group[open] summary:before{transform:rotate(90deg)}.docs-nav__link{display:block;text-decoration:none;color:var(--shield-ui-text);padding:.35rem .4rem;border-radius:.45rem}.docs-nav__link:hover{background:color-mix(in srgb,var(--shield-ui-brand-soft) 65%,transparent 35%)}.docs-nav__link.is-active{background:var(--shield-ui-brand-soft);font-weight:600}.docs-main{min-width:0}.docs-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--shield-space-3);padding:.85rem 1rem;border-bottom:1px solid var(--shield-ui-border);backdrop-filter:blur(10px)}.docs-header__brand{display:flex;align-items:center;gap:.75rem}.docs-header-tools{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:var(--shield-space-3);align-items:center}.docs-logo{width:2.2rem;height:2.2rem;border-radius:.65rem;display:grid;place-items:center;background:var(--shield-ui-brand-soft);border:1px solid var(--shield-ui-border);font-weight:700}.docs-brand-title{margin:0;font-weight:700;line-height:1.1}.docs-brand-subtitle{margin:0;font-size:.8rem;color:var(--shield-ui-text-muted)}.docs-search input{width:100%;height:2.35rem;border-radius:999px;border:1px solid var(--shield-ui-border);padding:0 .9rem;background:var(--shield-ui-surface);color:var(--shield-ui-text)}.docs-search input:focus-visible{outline:2px solid var(--shield-ui-brand);outline-offset:2px}.docs-controls{display:flex;gap:var(--shield-space-2)}.docs-tools-toggle,.docs-search-toggle{display:none;margin-left:auto;border:1px solid var(--shield-ui-border);background:var(--shield-ui-surface);color:var(--shield-ui-text);border-radius:.55rem;min-width:2.2rem;min-height:2.2rem;padding:0;place-items:center;cursor:pointer}.field{min-width:120px}.field label{display:block;font-size:.72rem;margin-bottom:.2rem;color:var(--shield-ui-text-muted)}.field select{width:100%}.docs-content{padding:var(--shield-space-3);max-width:1100px}.docs-section{border:1px solid var(--shield-ui-border);border-radius:.95rem;padding:clamp(1rem,2.2vw,1.6rem);box-shadow:0 10px 24px #12203812}.docs-section+.docs-section{margin-top:var(--shield-space-3)}.docs-kicker{margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.06em;font-size:.74rem;color:var(--shield-ui-text-muted)}.docs-section h1,.docs-section h2,.docs-section h3,.docs-section h4{margin-top:0}.docs-section pre{overflow-x:auto;border:1px solid var(--shield-ui-border);border-radius:.65rem;padding:.7rem .8rem;background:color-mix(in srgb,var(--shield-ui-bg) 78%,black 22%)}.docs-section code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.docs-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.docs-chip{display:inline-flex;align-items:center;border:1px solid var(--shield-ui-border);border-radius:999px;padding:.2rem .6rem;font-size:.82rem}.docs-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.docs-example{border:1px solid var(--shield-ui-border);border-radius:.65rem;padding:.8rem}.docs-component-preview{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@media(max-width:1080px){.docs-shell{grid-template-columns:1fr}.docs-sidebar{position:fixed;top:0;left:0;height:100vh;width:min(84vw,320px);z-index:60;border-right:1px solid var(--shield-ui-border);border-bottom:0;transform:translate(-105%);transition:transform .18s ease;box-shadow:0 16px 34px #0f172a47}.docs-shell.is-nav-open .docs-sidebar{transform:translate(0)}.docs-sidebar-backdrop{display:block;position:fixed;inset:0;z-index:50;border:0;background:#0f172a73;opacity:0;pointer-events:none;transition:opacity .16s ease}.docs-shell.is-nav-open .docs-sidebar-backdrop{opacity:1;pointer-events:auto}.docs-sidebar-toggle{display:inline-grid}.docs-header{grid-template-columns:1fr;gap:.65rem}.docs-header__brand{justify-content:space-between}.docs-search-toggle{display:inline-grid}.docs-tools-toggle{display:inline-grid;margin-left:0}.docs-header-tools{display:none;grid-template-columns:1fr;gap:.65rem}.docs-shell.is-tools-open .docs-header-tools,.docs-shell.is-search-open .docs-header-tools{display:grid}.docs-header-search,.docs-controls{display:none}.docs-shell.is-search-open .docs-header-search{display:block}.docs-shell.is-tools-open .docs-controls{display:flex}.docs-controls{flex-wrap:wrap}:root.docs-nav-lock{overflow:hidden}}@media(max-width:720px){.docs-content{padding:var(--shield-space-2)}.docs-example-grid{grid-template-columns:1fr}}.docs-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:var(--shield-space-3);align-items:start}.docs-anchor-target{scroll-margin-top:calc(var(--docs-header-height, 76px) + .8rem)}.docs-toc{min-width:0;position:sticky;top:calc(var(--docs-header-height, 76px) + .8rem);align-self:start}.docs-toc-desktop{border:1px solid var(--shield-ui-border);border-radius:.8rem;padding:.8rem}.docs-toc__title{margin:0 0 .5rem;font-weight:700;font-size:.9rem}.docs-toc__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem}.docs-toc__link{display:block;text-decoration:none;color:var(--shield-ui-text);border-radius:.45rem;padding:.3rem .4rem}.docs-toc__link:hover{background:color-mix(in srgb,var(--shield-ui-brand-soft) 65%,transparent 35%)}.docs-toc__link.is-active{background:var(--shield-ui-brand-soft);font-weight:600}.docs-toc-mobile{display:none;border:1px solid var(--shield-ui-border);border-radius:.8rem;padding:.7rem}.docs-toc-mobile label{display:block;font-size:.75rem;color:var(--shield-ui-text-muted);margin-bottom:.25rem}.docs-toc-mobile select{width:100%;border:1px solid var(--shield-ui-border);border-radius:.5rem;background:var(--shield-ui-surface);color:var(--shield-ui-text);min-height:2.2rem;padding:0 .55rem}.docs-table{width:100%;border-collapse:collapse;border:1px solid var(--shield-ui-border);border-radius:.65rem;overflow:hidden}.docs-table th,.docs-table td{text-align:left;padding:.55rem .65rem;border-bottom:1px solid var(--shield-ui-border);vertical-align:top}.docs-table thead th{background:color-mix(in srgb,var(--shield-ui-brand-soft) 40%,transparent 60%)}.docs-table tbody tr:last-child td{border-bottom:0}@media(max-width:1120px){.docs-page-grid{grid-template-columns:1fr}.docs-toc{position:sticky;top:calc(var(--docs-header-height, 76px) + .55rem);z-index:15}.docs-toc-desktop{display:none}.docs-toc-mobile{display:block;margin-bottom:.8rem}.docs-page-grid>.docs-toc{order:-1}}.docs-story-embed{border:1px solid var(--shield-ui-border);border-radius:.65rem;overflow:hidden;background:var(--shield-ui-surface)}.docs-story-embed iframe{display:block;width:100%;height:180px;border:0;background:transparent}.docs-code-toggle{border:1px solid var(--shield-ui-border);border-radius:.6rem;padding:.5rem .65rem;background:var(--shield-ui-surface)}.docs-code-toggle summary{cursor:pointer;font-weight:600}.docs-code-toggle pre{margin:.6rem 0 0}.docs-story-code-embed{border:1px solid var(--shield-ui-border);border-radius:.65rem;overflow:hidden;background:var(--shield-ui-surface)}.docs-story-code-embed iframe{display:block;width:100%;height:320px;border:0;background:transparent}.docs-playground-embed{border:1px solid var(--shield-ui-border);border-radius:.65rem;overflow:hidden;background:var(--shield-ui-surface)}.docs-playground-embed iframe{display:block;width:100%;height:520px;border:0;background:transparent}.docs-story-tabs{margin-top:.25rem}.docs-story-tab-input{position:absolute;opacity:0;pointer-events:none}.docs-story-tab-labels{display:inline-flex;gap:.3rem;margin-bottom:.5rem}.docs-story-tab-labels label{display:inline-flex;align-items:center;border:1px solid var(--shield-ui-border);border-radius:999px;padding:.2rem .7rem;cursor:pointer;font-size:.82rem;background:var(--shield-ui-surface)}.docs-story-tab-panels .docs-story-tab-panel{display:none}.docs-story-tab-input:nth-of-type(1):checked~.docs-story-tab-labels label:nth-of-type(1),.docs-story-tab-input:nth-of-type(2):checked~.docs-story-tab-labels label:nth-of-type(2){background:var(--shield-ui-brand-soft);font-weight:600}.docs-story-tab-input:nth-of-type(1):checked~.docs-story-tab-panels .docs-story-tab-panel--preview{display:block}.docs-story-tab-input:nth-of-type(2):checked~.docs-story-tab-panels .docs-story-tab-panel--docs{display:block}.docs-custom-story__preview{border:1px solid var(--shield-ui-border);border-radius:.65rem;padding:.9rem;min-height:5rem}.docs-custom-variant-grid{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.docs-action-row{display:flex;justify-content:flex-end;gap:.7rem;flex-wrap:wrap}.docs-custom-story__preview-shell{position:relative}.docs-custom-story__code summary{list-style:none;position:absolute;right:.6rem;bottom:.6rem;z-index:3;border:1px solid var(--shield-ui-border);background:var(--shield-ui-surface);border-radius:999px;padding:.16rem .6rem;font-size:.72rem;cursor:pointer}.docs-custom-story__code summary::-webkit-details-marker{display:none}.docs-custom-story__code[open] summary{background:var(--shield-ui-brand-soft);font-weight:600}.docs-inline-code{margin-top:.7rem;border:1px solid var(--shield-ui-border);border-radius:.65rem;overflow:auto}.docs-inline-code :where(pre,code){font-size:.9rem}.docs-tech-tabs{margin-top:.25rem}.docs-tech-tab-input{position:absolute;opacity:0;pointer-events:none}.docs-tech-tab-labels{display:inline-flex;gap:.3rem;margin-bottom:.65rem}.docs-tech-tab-labels label{display:inline-flex;align-items:center;border:1px solid var(--shield-ui-border);border-radius:999px;padding:.2rem .7rem;cursor:pointer;font-size:.82rem;background:var(--shield-ui-surface)}.docs-tech-tab-panels .docs-tech-tab-panel{display:none}.docs-tech-tab-input:nth-of-type(1):checked~.docs-tech-tab-labels label:nth-of-type(1),.docs-tech-tab-input:nth-of-type(2):checked~.docs-tech-tab-labels label:nth-of-type(2){background:var(--shield-ui-brand-soft);font-weight:600}.docs-tech-tab-input:nth-of-type(1):checked~.docs-tech-tab-panels .docs-tech-tab-panel--html{display:block}.docs-tech-tab-input:nth-of-type(2):checked~.docs-tech-tab-panels .docs-tech-tab-panel--angular{display:block}