.eui-action-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;border:1px solid rgba(15,23,42,.1);border-radius:1.35rem;background:radial-gradient(circle at 100% 0%,rgba(56,189,248,.16),transparent 32%),#0f172a;color:#f8fafc;padding:1.2rem}.eui-action-panel span{color:#7dd3fc;font-size:.72rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.eui-action-panel h2{margin:.5rem 0 0;font-size:1.35rem}.eui-action-panel p{max-width:46rem;margin:.55rem 0 0;color:#cbd5e1;line-height:1.65}.eui-action-row{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:flex-end}.eui-action-row button{border:1px solid rgba(255,255,255,.15);border-radius:999px;background:#38bdf8;color:#06111f;cursor:pointer;font-weight:950;padding:.72rem .95rem}.eui-action-row button:last-child{background:#ffffff14;color:#f8fafc}@media (max-width: 720px){.eui-action-panel{grid-template-columns:1fr}.eui-action-row{justify-content:flex-start}}.eui-empty-state{display:grid;max-width:32rem;place-items:center;border:1px dashed rgba(15,23,42,.18);border-radius:1.5rem;background:radial-gradient(circle at 50% 0%,rgba(56,189,248,.16),transparent 32%),#ffffffc7;padding:2rem;text-align:center}.eui-empty-icon{display:grid;width:4rem;height:4rem;place-items:center;border-radius:1.25rem;background:#0f172a;color:#7dd3fc;font-size:1.8rem;font-weight:950}.eui-empty-state h2{margin:1rem 0 0;color:#0f172a;font-size:1.6rem;line-height:1.1}.eui-empty-state p{margin:.7rem 0 0;color:#64748b;line-height:1.65}.eui-empty-state button{border:0;border-radius:999px;background:#2563eb;color:#fff;cursor:pointer;font-weight:950;margin-top:1.1rem;padding:.78rem 1rem}.eui-metric-card{border:1px solid rgba(15,23,42,.1);border-radius:1.25rem;background:radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--eui-metric-accent) 18%,transparent),transparent 34%),#ffffffc7;box-shadow:0 20px 60px #0f172a14;padding:1rem}.eui-metric-topline,.eui-metric-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.eui-metric-topline span:first-child{color:#64748b;font-size:.72rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.eui-metric-icon{display:grid;width:2rem;height:2rem;place-items:center;border-radius:.75rem;background:color-mix(in srgb,var(--eui-metric-accent) 18%,transparent);color:#0f172a}.eui-metric-card strong{display:block;margin-top:1.4rem;color:#0f172a;font-size:2.25rem;line-height:1}.eui-metric-footer{align-items:flex-start;margin-top:.8rem}.eui-metric-change{flex:0 0 auto;border-radius:999px;background:color-mix(in srgb,var(--eui-metric-accent) 20%,transparent);color:#0f172a;font-size:.72rem;font-weight:950;padding:.32rem .55rem}.eui-metric-footer p{margin:0;color:#64748b;font-size:.82rem;line-height:1.45}.eui-progress-steps{display:grid;width:min(100%,38rem);gap:.85rem;list-style:none;margin:0;padding:0}.eui-progress-steps li{display:flex;gap:.85rem;align-items:flex-start;border:1px solid rgba(15,23,42,.1);border-radius:1.1rem;background:#ffffffc7;padding:.9rem}.eui-progress-steps li>span{display:grid;flex:0 0 2.15rem;width:2.15rem;height:2.15rem;place-items:center;border-radius:999px;background:#e2e8f0;color:#475569;font-size:.85rem;font-weight:950}.eui-progress-steps li.is-complete>span{background:#10b981;color:#fff}.eui-progress-steps li.is-current{border-color:#2563eb42;background:#eff6ffe0}.eui-progress-steps li.is-current>span{background:#2563eb;color:#fff}.eui-progress-steps strong{display:block;color:#0f172a;font-size:1rem}.eui-progress-steps p{color:#64748b;line-height:1.5;margin:.25rem 0 0}.eui-sidebar{--eui-width: 18rem;position:relative;z-index:20;display:flex;flex:0 0 var(--eui-width);width:var(--eui-width);min-height:100vh;flex-direction:column;border-right:1px solid var(--eui-border);background:radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--eui-accent) 20%,transparent),transparent 32%),var(--eui-background);color:var(--eui-foreground);padding:1rem;transition:width .22s ease,flex-basis .22s ease,transform .22s ease}.eui-sidebar.is-icon{--eui-width: 5.25rem}.eui-brand{display:flex;min-height:4rem;align-items:center;gap:.8rem;border-bottom:1px solid var(--eui-border);padding-bottom:1rem}.eui-logo{display:grid;flex:0 0 2.65rem;width:2.65rem;height:2.65rem;place-items:center;border:1px solid color-mix(in srgb,var(--eui-accent) 45%,transparent);border-radius:.95rem;background:linear-gradient(135deg,var(--eui-accent),color-mix(in srgb,var(--eui-accent) 30%,#ffffff));color:#06111f;font-size:.86rem;font-weight:900;letter-spacing:-.05em;text-transform:uppercase}.eui-brand strong,.eui-brand span{display:block}.eui-brand strong{font-size:.98rem;line-height:1}.eui-brand span{margin-top:.25rem;color:var(--eui-muted);font-size:.76rem;font-weight:700}.eui-nav{display:grid;gap:.45rem;margin-top:1.2rem}.eui-nav-item{display:flex;width:100%;align-items:center;gap:.78rem;border:1px solid transparent;border-radius:1rem;background:transparent;color:var(--eui-muted);cursor:pointer;padding:.78rem;text-align:left;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.eui-nav-item:hover,.eui-nav-item:focus-visible{border-color:color-mix(in srgb,var(--eui-accent) 34%,transparent);background:#ffffff0f;color:var(--eui-foreground);outline:none;transform:translate(3px)}.eui-nav-item.is-active{border-color:color-mix(in srgb,var(--eui-accent) 40%,transparent);background:var(--eui-active-bg);color:var(--eui-foreground)}.eui-nav-icon{display:grid;flex:0 0 2.15rem;width:2.15rem;height:2.15rem;place-items:center;border-radius:.8rem;background:#ffffff14;color:var(--eui-accent);font-weight:900}.eui-nav-copy{min-width:0}.eui-nav-copy strong,.eui-nav-copy small{display:block}.eui-nav-copy strong{font-size:.92rem}.eui-nav-copy small{margin-top:.18rem;color:var(--eui-muted);font-size:.72rem;line-height:1.35}.eui-sidebar-footer{display:flex;align-items:center;justify-content:space-between;gap:.8rem;border-top:1px solid var(--eui-border);margin-top:auto;padding-top:1rem}.eui-sidebar-footer span{color:var(--eui-muted);font-size:.72rem;font-weight:800}.eui-collapse,.eui-mobile-trigger,.eui-backdrop{font:inherit}.eui-collapse,.eui-mobile-trigger{border:1px solid var(--eui-border);border-radius:999px;background:#ffffff14;color:var(--eui-foreground);cursor:pointer;font-weight:900}.eui-collapse{display:grid;width:2.4rem;height:2.4rem;place-items:center}.eui-mobile-trigger{position:fixed;top:1rem;left:1rem;z-index:40;display:none;align-items:center;gap:.45rem;padding:.7rem .9rem}.eui-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;border:0;background:#02061794;cursor:pointer}.eui-sidebar.is-drawer{position:fixed;inset:0 auto 0 0;width:min(84vw,19rem);transform:translate(-105%)}.eui-sidebar.is-drawer.is-visible{transform:translate(0)}@media (max-width: 719px){.eui-mobile-trigger{display:inline-flex}}.eui-status-badge{display:inline-flex;align-items:center;gap:.45rem;border:1px solid color-mix(in srgb,var(--eui-status-accent) 36%,transparent);border-radius:999px;background:color-mix(in srgb,var(--eui-status-accent) 12%,transparent);color:#0f172a;font-size:.74rem;font-weight:950;line-height:1;padding:.48rem .66rem}.eui-status-badge i{width:.48rem;height:.48rem;border-radius:999px;background:var(--eui-status-accent);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--eui-status-accent) 16%,transparent)}.eui-user-card{display:flex;width:min(100%,34rem);gap:1rem;align-items:flex-start;border:1px solid rgba(15,23,42,.1);border-radius:1.35rem;background:#ffffffd1;box-shadow:0 20px 60px #0f172a14;padding:1rem}.eui-user-avatar{display:grid;flex:0 0 4rem;width:4rem;height:4rem;place-items:center;border-radius:1.15rem;background:linear-gradient(135deg,#2563eb,#38bdf8);color:#fff;font-size:1.2rem;font-weight:950}.eui-user-content{min-width:0;flex:1}.eui-user-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.eui-user-heading h2{color:#0f172a;font-size:1.2rem;line-height:1.1;margin:0}.eui-user-heading p{color:#64748b;font-weight:800;margin:.35rem 0 0}.eui-user-card dl{display:grid;gap:.55rem;margin:1rem 0 0}.eui-user-card dl div{display:grid;gap:.15rem}.eui-user-card dt{color:#64748b;font-size:.7rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.eui-user-card dd{color:#0f172a;margin:0}@media (max-width: 520px){.eui-user-card,.eui-user-heading{flex-direction:column}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background:#eef2ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,select{font-family:inherit}#root{min-height:100vh}.library-shell{min-height:100vh;display:grid;grid-template-columns:20rem minmax(0,1fr);background:linear-gradient(90deg,rgba(15,23,42,.03) 1px,transparent 1px),linear-gradient(rgba(15,23,42,.03) 1px,transparent 1px),#f7f4ed;background-size:28px 28px;color:#172033}.docs-rail{position:sticky;top:0;display:flex;min-height:100vh;flex-direction:column;gap:1.35rem;align-self:start;border-right:1px solid rgba(23,32,51,.1);background:radial-gradient(circle at 12% 8%,rgba(246,173,85,.2),transparent 26%),linear-gradient(180deg,#182033,#0f172a);color:#f8fafc;padding:1.1rem}.rail-brand{display:grid;gap:.35rem;border-bottom:1px solid rgba(148,163,184,.18);color:inherit;padding-bottom:1rem;text-decoration:none}.rail-brand strong{font-size:1.75rem;letter-spacing:-.04em}.rail-brand small{color:#a8b3c7;font-weight:750}.rail-section-label,.eyebrow,.panel-topline span,.component-title span,.rail-meta span{color:#64748b;font-size:.72rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.docs-rail .rail-section-label,.docs-rail .rail-meta span{color:#94a3b8}.rail-nav{display:grid;gap:.55rem}.rail-nav button{width:100%;cursor:pointer;border:1px solid rgba(148,163,184,.18);border-radius:1rem;background:#ffffff0b;color:#e2e8f0;padding:.82rem .9rem;text-align:left;transition:background .18s ease,border-color .18s ease,transform .18s ease}.rail-nav button:hover,.rail-nav button.is-selected{border-color:#fbbf248f;background:#fbbf2424;transform:translate(4px)}.rail-nav button span{display:block;color:#94a3b8;font-size:.68rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.rail-nav button strong{display:block;margin-top:.25rem;font-size:1rem}.rail-meta{display:grid;gap:.65rem;margin-top:auto;border:1px solid rgba(148,163,184,.16);border-radius:1rem;background:#ffffff0b;padding:.9rem}.rail-meta code{overflow-wrap:anywhere;border-radius:.75rem;background:#0206176b;color:#fde68a;font-size:.75rem;line-height:1.55;padding:.65rem}.library-main{min-width:0;padding:clamp(1rem,3vw,2.2rem)}.overview-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.36fr);gap:1rem;align-items:stretch}.overview-copy,.overview-stats article,.preview-panel,.controls-panel,.usage-panel{border:1px solid rgba(23,32,51,.1);background:#ffffffc7;box-shadow:0 22px 80px #17203314;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.overview-copy{border-radius:1.6rem;padding:clamp(1.4rem,4vw,3rem)}.eyebrow{color:#b45309;margin:0}.overview-copy h1{max-width:780px;margin:.75rem 0 0;font-size:clamp(2.4rem,5.6vw,5.7rem);line-height:.92;letter-spacing:-.075em}.overview-copy p:not(.eyebrow){max-width:740px;color:#526070;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.75;margin:1.1rem 0 0}.overview-stats{display:grid;grid-template-columns:1fr;gap:1rem}.overview-stats article{display:grid;align-content:center;min-height:8.4rem;border-radius:1.35rem;padding:1.15rem}.overview-stats strong{color:#172033;font-size:clamp(2.2rem,4vw,3.4rem);line-height:1;letter-spacing:-.06em}.overview-stats span{color:#64748b;font-weight:850;margin-top:.35rem}.component-page{padding-top:1rem}.component-title{display:grid;gap:.45rem;margin:1.35rem 0 1rem}.component-title h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1;letter-spacing:-.055em;margin:0}.component-title p{max-width:680px;color:#64748b;line-height:1.65;margin:0}.component-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.42fr);gap:1rem}.preview-panel,.controls-panel,.usage-panel{border-radius:1.35rem;padding:1rem}.panel-topline{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(23,32,51,.08);padding-bottom:.85rem}.panel-topline strong{font-size:1rem}.preview-stage{display:grid;min-height:25rem;place-items:center;overflow:hidden;border-radius:1rem;background:radial-gradient(circle at 30% 12%,rgba(245,158,11,.13),transparent 34%),linear-gradient(135deg,#0f172a0d,#0f172a04);margin-top:1rem;padding:1rem}.sidebar-preview-shell{display:flex;width:min(100%,760px);height:26rem;overflow:hidden;border:1px solid rgba(15,23,42,.1);border-radius:1.2rem;background:#f8fafc}.sidebar-preview-shell .eui-sidebar{min-height:100%}.preview-dashboard{display:grid;flex:1;place-content:center;padding:1.5rem}.preview-dashboard span{color:#64748b;font-size:.72rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.preview-dashboard strong{display:block;font-size:clamp(2rem,4vw,3rem);line-height:1;margin-top:.5rem}.preview-dashboard p{color:#64748b;margin-top:.65rem}.controls-grid{display:grid;grid-template-columns:1fr;gap:.85rem;margin-top:1rem}.controls-grid label{display:grid;gap:.4rem;color:#475569;font-size:.82rem;font-weight:900}.controls-grid input,.controls-grid select{width:100%;border:1px solid rgba(15,23,42,.12);border-radius:.82rem;background:#fff;color:#0f172a;font:inherit;padding:.72rem .78rem}.controls-grid input[type=color]{min-height:2.8rem;padding:.35rem}.usage-panel{margin-top:1rem}.usage-panel pre{overflow:auto;border-radius:1rem;background:#111827;color:#fde68a;font-size:.86rem;line-height:1.7;margin:1rem 0 0;padding:1rem}@media (max-width: 1100px){.library-shell{grid-template-columns:1fr}.docs-rail{position:relative;min-height:auto}.rail-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.rail-meta{margin-top:0}.overview-strip,.component-workbench{grid-template-columns:1fr}.overview-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 720px){.library-main{padding:1rem}.rail-nav,.overview-stats{grid-template-columns:1fr}.overview-copy{padding:1.25rem}.sidebar-preview-shell{height:30rem}}