.library-shell,.lib-site,.ui-doc{--lib-bg:#f7f4ef;--lib-panel:#fffdf9;--lib-soft:#1a1714;--lib-stage:#fffdf9;--lib-ink:#1a1714;--lib-muted:#6d675e;--lib-line:#c9c5ba;--lib-dark-line:#ded9cd;--lib-violet:#e0670f;--lib-orange:#f78935;--lib-orange-deep:#e0670f;--lib-orange-text:#b4520a;--lib-on-ink:#faf9f7;--lib-display:var(--font-brand), var(--font-section-sans), system-ui, sans-serif;--lib-x:62vw;--lib-y:220px;background:var(--lib-bg);min-height:100vh;color:var(--lib-soft);font-family:var(--font-section-sans), system-ui, sans-serif}.library-shell *,.lib-site *,.ui-doc *{box-sizing:border-box}:where(.library-shell,.lib-site,.ui-doc) a{color:inherit;text-decoration:none}.lib-site button,.lib-site input,.ui-doc button{font:inherit}.lib-site button,.ui-doc button{cursor:pointer}.lib-site :focus-visible,.ui-doc :focus-visible{outline-offset:4px;outline:2px solid}.library-header{z-index:100;border-bottom:1px solid var(--lib-dark-line);background:color-mix(in srgb, var(--lib-bg) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;height:68px;padding:0 24px;display:grid;position:fixed;top:0;left:0;right:0}.library-wordmark{color:var(--lib-ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.library-wordmark img{width:30px;height:30px;display:block}.library-wordmark>b{font-family:var(--lib-display);letter-spacing:-.05em;font-size:19px;font-weight:700}.library-wordmark>i{border-left:1px solid var(--lib-line);color:var(--lib-muted);font:640 11px/1 var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase;padding-left:10px;font-style:normal}.library-header-current{border-left:1px solid var(--lib-line);flex-direction:column;gap:2px;min-width:0;padding-left:20px;display:flex}.library-header-current>span{color:var(--lib-muted);font:680 10px/1 var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase}.library-header-current>b{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.library-header-search{border:1px solid var(--lib-line);background:var(--lib-panel);min-height:40px;color:var(--lib-muted);border-radius:999px;grid-template-columns:auto 1fr auto;justify-self:end;align-items:center;gap:10px;padding:0 13px;font-size:13px;display:grid}.library-header-search kbd{border:1px solid var(--lib-line);color:var(--lib-muted);font:680 11px/1 var(--font-mono), monospace;border-radius:4px;padding:4px 6px}.library-sidebar{z-index:80;border-right:1px solid var(--lib-dark-line);background:var(--lib-bg);flex-direction:column;width:272px;padding:30px 18px 22px;display:flex;position:fixed;top:68px;bottom:0;left:0;overflow-y:auto}.library-sidebar-intro{border-bottom:1px solid var(--lib-dark-line);padding:0 10px 24px}.library-sidebar-intro>span,.library-sidebar h2,.lib-eyebrow,.library-install>span,.lib-toolbar button,.lib-replay-chip,.lib-copy-chip,.library-preview-strip header span,.library-preview-strip header button,.ui-exact-demo--number>span,.ui-trace-stat span,.lib-principles article>span,.ui-spot-row em,.ui-scroll-mini__frame,.ui-device-composition span{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:680}.library-sidebar-intro>span,.library-sidebar h2{color:var(--lib-muted)}.library-sidebar-intro>p{max-width:24ch;color:var(--lib-muted);margin:12px 0 0;font-size:13px;line-height:1.5}.library-sidebar>nav{padding-top:24px}.library-sidebar section+section{margin-top:26px}.library-sidebar h2{margin:0 10px 10px}.library-group+.library-group{margin-top:6px}.library-group>summary{cursor:pointer;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:0 10px;list-style:none;display:flex}.library-group>summary::-webkit-details-marker{display:none}.library-group>summary:hover{background:color-mix(in srgb, var(--lib-ink) 6%, transparent)}.library-group>summary:focus-visible{outline:2px solid var(--lib-ink);outline-offset:-2px}.library-group>summary h2{margin:0}.library-group>summary b{color:var(--lib-muted);font:680 10px/1 var(--font-mono), monospace;margin-left:auto}.library-group>summary:before{content:"";border:4px solid #0000;border-left-color:var(--lib-muted);width:0;height:0;transition:transform .16s}.library-group[open]>summary:before{transform:rotate(90deg)translate(-1px)}.library-group[open]>summary{margin-bottom:4px}@media (prefers-reduced-motion:reduce){.library-group>summary:before{transition:none}}.library-sidebar section a,.library-group>a{min-height:36px;color:var(--lib-muted);border-radius:999px;justify-content:space-between;align-items:center;padding:0 10px;font-size:13px;display:flex}.library-sidebar section a:hover,.library-group>a:hover{background:color-mix(in srgb, var(--lib-ink) 6%, transparent);color:var(--lib-ink)}.library-sidebar section a.active,.library-group>a.active{background:var(--lib-ink);color:var(--lib-on-ink)}.library-sidebar section a em,.library-group>a em{display:none}.library-group>a>i{color:var(--lib-muted);opacity:.85;flex-shrink:0;margin-left:12px;font-size:11px;font-style:italic}.library-group>a>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.library-group>a.active>i{color:inherit;opacity:.7}.library-sidebar>footer{border-top:1px solid var(--lib-dark-line);color:var(--lib-muted);justify-content:space-between;margin-top:auto;padding:24px 10px 0;font-size:12px;display:flex}.library-main{min-width:0;margin-left:272px;padding-top:68px}.library-hero{isolation:isolate;background:var(--lib-bg);grid-template-columns:minmax(0,.9fr) minmax(380px,.76fr);align-items:center;gap:clamp(44px,7vw,100px);min-height:528px;padding:68px clamp(32px,6vw,88px) 64px;display:grid;position:relative;overflow:hidden}.library-hero:before{content:"";z-index:-2;background:var(--lib-bg);position:absolute;inset:0}.library-hero:after{content:"";z-index:-1;background-image:radial-gradient(color-mix(in srgb, var(--lib-ink) 13%, transparent) 1px, transparent 1px);background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000 0,#0000 76%);mask-image:linear-gradient(90deg,#000 0,#0000 76%)}.lib-eyebrow{color:var(--lib-muted);display:block}.library-hero-copy h1,.library-catalog>header h2,.lib-principles h2{font-family:var(--lib-display);letter-spacing:-.055em;text-transform:lowercase;text-wrap:balance;font-weight:700;line-height:.9}.library-hero-copy h1{max-width:15ch;margin:22px 0;font-size:clamp(42px,5.4vw,86px)}.library-hero-copy>p,.library-catalog>header>p,.lib-principles article p{max-width:52ch;color:var(--lib-muted);margin:0;font-size:16px;line-height:1.65}.library-hero-actions{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.library-primary,.library-secondary{border-radius:999px;justify-content:space-between;align-items:center;gap:28px;min-height:46px;padding:0 16px;font-size:14px;font-weight:620;display:inline-flex}.lib-site a.library-primary,.library-primary{background:var(--lib-ink);color:var(--lib-on-ink)}.library-primary *,.library-secondary *{color:inherit}.library-secondary{border:1px solid var(--lib-line);background:var(--lib-panel);color:var(--lib-ink)}.library-preview-strip{border:1px solid var(--lib-line);background:var(--lib-panel);min-width:0;box-shadow:0 24px 60px color-mix(in srgb, var(--lib-ink) 9%, transparent);border-radius:14px;padding:16px}.library-preview-strip header{justify-content:space-between;align-items:center;gap:12px;min-height:38px;display:flex}.library-preview-strip header span{color:var(--lib-muted)}.library-preview-strip header button{border:1px solid var(--lib-ink);background:var(--lib-ink);min-height:32px;color:var(--lib-on-ink);border-radius:999px;padding:0 10px}.library-preview-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.library-preview-stage{aspect-ratio:16/9;border:1px solid var(--lib-line);background:var(--lib-stage);border-radius:10px;place-items:center;margin-bottom:16px;display:grid;overflow:hidden}.library-preview-stage>*{width:100%;height:100%}.library-preview-rail article{border:1px solid var(--lib-line);background:var(--lib-stage);border-radius:12px;flex-direction:column;justify-content:space-between;min-height:170px;padding:18px;display:flex}.library-preview-rail span{color:var(--lib-muted);font:680 12px/1 var(--font-mono), monospace}.library-preview-rail strong{color:var(--lib-soft);font-size:22px;line-height:1.08}.ov-stats{flex-wrap:wrap;gap:0;margin:30px 0 0;display:flex}.ov-stats>div{border-left:1px solid #2b2b2e;padding:2px 24px}.ov-stats>div:first-child{border-left:0;padding-left:0}.ov-stats dt{letter-spacing:-.03em;color:var(--lib-soft);font-variant-numeric:tabular-nums;font-size:34px;font-weight:680;line-height:1}.ov-stats dd{color:var(--lib-muted);font:640 11px/1 var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;margin:8px 0 0}.ov-proof{border:1px solid var(--lib-line);background:var(--lib-panel);min-width:0;box-shadow:0 24px 60px color-mix(in srgb, var(--lib-ink) 9%, transparent);border-radius:16px;padding:14px}.ov-proof>header{min-height:30px;color:var(--lib-muted);font:640 10px/1 var(--font-mono), monospace;letter-spacing:.09em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;padding:0 4px 12px;display:flex}.ov-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ov-proof .lib-demo-stage.ov-tile{aspect-ratio:4/3;border-radius:10px;min-height:0;padding:14px;overflow:hidden}.ov-tile-label{z-index:2;background:color-mix(in srgb, var(--lib-panel) 82%, transparent);border:1px solid var(--lib-line);color:var(--lib-ink);font:640 9px/1 var(--font-mono), monospace;letter-spacing:.05em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:3px 8px;position:absolute;bottom:9px;left:10px}.library-install{border-top:1px solid var(--lib-line);border-bottom:1px solid var(--lib-line);background:var(--lib-panel);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;min-height:72px;padding:13px clamp(28px,5vw,76px);display:grid}.library-install button{background:var(--lib-ink);min-height:38px;color:var(--lib-on-ink);font:680 11px/1 var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;border:0;border-radius:999px;padding:0 16px}.library-install code{min-width:0;color:var(--lib-muted);font:560 12px/1 var(--font-mono), monospace;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.library-catalog{border-top:1px solid var(--lib-line);background:var(--lib-bg);color:var(--lib-ink);padding:72px clamp(30px,5.6vw,86px) 92px}.library-catalog>header{grid-template-columns:minmax(0,1fr) minmax(280px,.68fr);align-items:end;gap:56px;margin-bottom:34px;display:grid}.library-catalog .lib-eyebrow{color:var(--lib-muted)}.library-catalog h2,.lib-principles h2{max-width:12ch;margin:18px 0 0;font-size:clamp(48px,5vw,78px);font-weight:640;line-height:.98}.library-catalog>header>p{color:var(--lib-muted)}.lib-toolbar{border-top:1px solid #cacac5;border-bottom:1px solid #cacac5;align-items:center;gap:20px;min-height:62px;display:flex}.lib-toolbar label{grid-template-columns:auto 1fr;align-items:center;gap:8px;min-width:250px;display:grid}.lib-toolbar label>span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.lib-toolbar label>b{color:var(--lib-muted);font-size:16px}.lib-toolbar input{width:100%;color:var(--lib-ink);background:0 0;border:0;outline:0;padding:12px 0;font-size:14px}.lib-toolbar>div{gap:4px;margin-left:auto;display:flex;overflow-x:auto}.lib-toolbar button{min-height:34px;color:var(--lib-muted);white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:0 12px}.lib-toolbar button.active,.lib-toolbar button:hover{background:var(--lib-ink);color:var(--lib-on-ink)}.lib-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px;display:grid}.lib-component-card{background:#fff;border:1px solid #cecec8;border-radius:8px;min-width:0;overflow:hidden}.lib-demo-stage{box-sizing:border-box;aspect-ratio:16/10;background:var(--lib-stage);width:100%;min-height:340px;color:var(--lib-ink);place-items:center;padding:30px;display:grid;position:relative;overflow:hidden}.lib-demo-content{--ui-ink-lift:0 1px 1px #1111120b, 0 2px 12px #1111120f;--ui-ink-lift-strong:0 1px 1px #1111120f, 0 3px 18px #11111217}.lib-demo-content :is(h1,h2,h3,h4,h5,h6,p,strong,b,em,span,small,output,li,label,dt,dd){text-shadow:var(--ui-ink-lift)}.lib-demo-content :is(h1,h2,h3,.oui-number-ticker,[data-ink-display]){text-shadow:var(--ui-ink-lift-strong)}.lib-demo-content :is([data-on-dark],[role=dialog],.oui-tilt,.ui-exact-demo--spotlight,.ui-exact-demo--button .oui-kinetic-button,.ui-device-composition aside,.oui-url-intake button),.lib-demo-content :is([data-on-dark],[role=dialog],.oui-tilt,.ui-exact-demo--spotlight,.ui-exact-demo--button .oui-kinetic-button,.ui-device-composition aside,.oui-url-intake button) *{--ui-ink-lift:none;--ui-ink-lift-strong:none}@media (prefers-reduced-transparency:reduce){.lib-demo-content{--ui-ink-lift:none;--ui-ink-lift-strong:none}}.lib-demo-dots{pointer-events:none;background-image:radial-gradient(#1111120d 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.lib-replay-chip{z-index:4;min-height:30px;color:var(--lib-ink);background:#ffffffe0;border:1px solid #d2d2cc;border-radius:999px;padding:0 10px;position:absolute;top:12px;right:12px}.lib-demo-content{z-index:2;place-items:center;width:100%;min-width:0;height:100%;min-height:0;max-height:100%;display:grid;position:relative;overflow:hidden}.lib-card-label{border-top:1px solid var(--lib-line);grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:104px;padding:15px 16px 16px;display:grid}.lib-card-label h3{color:var(--lib-ink);margin:0;font-size:14px;font-weight:720}.lib-card-label p{color:var(--lib-muted);margin:7px 0 0;font-size:13px;line-height:1.4}.lib-copy-chip{border:1px solid var(--lib-line);background:var(--lib-ink);min-width:54px;height:32px;color:var(--lib-on-ink);border-radius:999px;padding:0 9px}.ui-exact-demo{place-items:center;width:100%;height:100%;min-height:0;max-height:100%;display:grid;position:relative;overflow:hidden}.ui-exact-demo--text strong{color:#14151a;max-width:12ch;font-size:clamp(26px,4.2vw,44px);font-weight:720;line-height:1.03}.ui-exact-demo--number{text-align:center;align-content:center;justify-items:center;width:min(260px,100%)}.ui-exact-demo--number>span,.ui-trace-stat span{color:#69696a}.ui-exact-demo--number>div{align-items:flex-end;gap:8px;margin-top:12px;display:flex}.ui-exact-demo--number .oui-number-ticker{color:#14151a;font-variant-numeric:tabular-nums;font-size:74px;font-weight:720;line-height:.9}.ui-exact-demo--number em{color:var(--lib-muted);margin-bottom:10px;font-size:18px;font-style:normal}.ui-exact-demo--button .oui-kinetic-button{background:var(--lib-ink);min-width:188px;min-height:54px;color:var(--lib-stage);border:0;border-radius:7px;box-shadow:0 12px 34px #0000002e}.ui-exact-demo--button .oui-kinetic-button:focus-visible{outline:2px solid var(--lib-ink);outline-offset:5px;box-shadow:0 0 0 7px #6d4aff29,0 12px 34px #0000002e}.ui-trace-stat{width:min(260px,100%);height:150px;color:var(--lib-ink)}.ui-trace-stat .oui-border-trace__content{background:0 0;padding:22px}.ui-trace-stat strong{font-variant-numeric:tabular-nums;margin-top:26px;font-size:50px;font-weight:720;line-height:1;display:block}.ui-exact-demo--spotlight{width:min(300px,100%);height:min(220px,100%);color:var(--lib-soft);background:#0a0a0b;border-radius:12px;align-content:center;gap:10px;padding:18px}.ui-exact-demo--spotlight:before{z-index:0;left:calc(var(--oui-spotlight-x,30%) - var(--oui-spotlight-size) / 2);top:calc(var(--oui-spotlight-y,40%) - var(--oui-spotlight-size) / 2)}.ui-spot-row{z-index:1;background:#ffffff09;border:1px solid #252528;border-radius:8px;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;min-height:46px;padding:0 10px;display:grid;position:relative}.ui-spot-row i{color:#d8d8d4;width:26px;height:26px;font:720 11px/1 var(--font-mono), monospace;background:#222225;border-radius:50%;place-items:center;font-style:normal;display:grid}.ui-spot-row span{color:#dcdcd8;font-size:13px;font-weight:650}.ui-spot-row em{color:#adadb0;font-style:normal}.ui-exact-demo--marquee{align-content:center;gap:20px}.ui-exact-demo--marquee .oui-marquee{width:100%;color:var(--lib-ink)}.ui-exact-demo--marquee .oui-marquee__track{gap:18px}.ui-exact-demo--marquee b{min-height:34px;font:680 12px/1 var(--font-mono), monospace;background:#fff;border:1px solid #d6d6d0;border-radius:999px;align-items:center;padding:0 12px;display:inline-flex}.ui-exact-demo--dot{color:var(--lib-ink);background:linear-gradient(#ffffffd1,#fafaf84d),#f7f7f4}.ui-exact-demo--dot .oui-dot-field{opacity:1;color:#11111233}.ui-exact-demo--dot section{z-index:1;background:#fffffff0;border:1px solid #d4d4cf;border-radius:8px;align-content:center;gap:10px;width:min(270px,88%);min-height:144px;padding:24px;display:grid;position:relative;box-shadow:0 18px 50px #1111121a}.ui-exact-demo--dot section span{color:#747475;font:680 11px/1 var(--font-mono), monospace;letter-spacing:.08em}.ui-exact-demo--dot section strong{max-width:12ch;font-size:26px;font-weight:760;line-height:1.05}.ui-exact-demo--dot section p{color:var(--lib-muted);margin:0;font-size:13px;line-height:1.4}.ui-scroll-auto{border:1px solid var(--lib-line,#e3e3de);width:min(360px,100%);color:var(--lib-ink);background:#fff;border-radius:18px;padding:26px 28px;box-shadow:0 1px 2px #00000008,0 20px 48px -28px #00000038}.ui-exact-demo--scroll{place-items:center;display:grid}.ui-exact-demo--device{padding:clamp(20px,5%,48px)}.ui-exact-demo--device .oui-device-frame{width:min(560px,100%);color:var(--lib-ink)}.ui-exact-demo--device .oui-device-frame__viewport{min-height:0}.ui-review{height:clamp(220px,27vw,300px);font-family:var(--font-sans), system-ui, sans-serif;background:#fbfbf9;grid-template-columns:190px 1fr;display:grid}.ui-review__score{color:var(--lib-soft);background:#111113;align-content:start;gap:10px;padding:18px 16px;display:grid}.ui-review__eyebrow,.ui-review__count{color:#7f7f83;font:650 10px/1 var(--font-mono), monospace;letter-spacing:.12em;text-transform:uppercase}.ui-review__score strong{letter-spacing:-.05em;align-items:baseline;gap:4px;font-size:52px;font-weight:300;line-height:.9;display:flex}.ui-review__score strong em{color:#7f7f83;font-size:15px;font-style:normal}.ui-review__delta{color:#7fd19a;font:600 12px/1 var(--font-sans), sans-serif;margin:0}.ui-review__spark{color:#a9c8b6;margin-top:4px}.ui-review__status{color:#cdcdca;align-items:center;gap:7px;margin-top:6px;font-size:12px;font-weight:500;display:inline-flex}.ui-review__status i{background:#7fd19a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #7fd19a38}.ui-review__main{grid-template-rows:auto 1fr;min-width:0;display:grid}.ui-review__bar{border-bottom:1px solid #ececea;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.ui-review__bar b{letter-spacing:-.01em;font-size:14px;font-weight:600}.ui-review__bar span{color:var(--lib-muted);margin-top:2px;font-size:11px;display:block}.ui-review__list{align-content:start;gap:2px;margin:0;padding:6px 10px;list-style:none;display:grid}.ui-review__list li{border-radius:8px;grid-template-columns:22px 1fr;align-items:start;gap:10px;padding:9px 8px;display:grid}.ui-review__list li:hover{background:#f2f2ee}.ui-review__ok,.ui-review__warn{width:20px;height:20px;font:700 11px/1 var(--font-sans), sans-serif;border-radius:50%;place-items:center;font-style:normal;display:grid}.ui-review__ok{color:#2f9e63;background:#e4f4ea}.ui-review__warn{color:#b6791f;background:#fbeede}.ui-review__list strong{letter-spacing:-.01em;font-size:13px;font-weight:550;display:block}.ui-review__list span{color:var(--lib-muted);margin-top:2px;font-size:12px;line-height:1.35;display:block}.lib-empty{text-align:center;color:var(--lib-muted);padding:80px 20px;font-size:15px}.lib-principles{border-top:1px solid var(--lib-line);background:var(--lib-panel);color:var(--lib-ink);grid-template-columns:.85fr 1.15fr;gap:70px;padding:116px clamp(30px,5.6vw,86px);display:grid}.lib-principles h2{color:var(--lib-ink)}.lib-principles .lib-eyebrow{color:var(--lib-muted)}.lib-principles>div:last-child{border-top:1px solid var(--lib-line)}.lib-principles article{border-bottom:1px solid var(--lib-line);grid-template-columns:48px 1fr;align-items:center;gap:16px;min-height:96px;display:grid}.lib-principles article>span{color:var(--lib-muted)}.lib-principles article strong{color:var(--lib-ink);font-size:15px}.lib-principles article p{color:var(--lib-muted);margin-top:6px;font-size:14px}.ui-doc{background:var(--lib-bg);min-height:100vh;color:var(--lib-ink);margin-left:272px;padding-top:68px}.ui-doc-main{width:min(1120px,100%);padding:108px clamp(32px,6vw,92px) 130px}.ui-back,.ui-page-nav,.ui-doc-section>p:not(.ui-kicker),.ui-props span,.ui-props p,.ui-guidance>div>p:not(.ui-kicker),.ui-note-grid p{color:var(--lib-muted);font-size:13px;line-height:1.55}.ui-kicker,.ui-props>header,.ui-note-grid>div>span,.ui-doc-preview>header span,.ui-doc-preview>header button,.ui-install code,.ui-install button{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.ui-doc-main>h1{margin:18px 0 16px;font-size:clamp(54px,6vw,86px);font-weight:640;line-height:.98}.ui-doc-lede{max-width:58ch;color:var(--lib-muted);margin:0;font-size:16px;line-height:1.65}.ui-doc-preview,.ui-install,.ui-guidance>div,.ui-note-grid>div{background:#fff;border:1px solid #cecec8;border-radius:8px;overflow:hidden}.ui-doc-preview>header,.ui-install{border-bottom:1px solid #cecec8;justify-content:space-between;align-items:center;min-height:56px;padding:0 14px;display:flex}.ui-doc-preview>header>div:first-child{gap:6px;display:flex}.ui-doc-preview>header button{color:#626263;background:0 0;border:1px solid #0000;border-radius:6px;min-height:34px;padding:0 12px}.ui-doc-preview>header button.active{background:var(--lib-ink);color:var(--lib-on-ink);border-color:#d2d2cc}.ui-doc-demo-stage{background:radial-gradient(#1111120d 1px, transparent 1px) 0 0 / 20px 20px, var(--lib-stage);place-items:center;min-height:440px;padding:clamp(20px,4vw,42px);display:grid;overflow:hidden}.nav-preview{z-index:70;border:1px solid var(--lib-line);background:var(--lib-panel);width:380px;box-shadow:0 24px 60px -22px color-mix(in srgb, var(--lib-ink) 30%, transparent), 0 2px 10px color-mix(in srgb, var(--lib-ink) 12%, transparent);border-radius:16px;animation:.18s cubic-bezier(.16,1,.3,1) nav-preview-in;position:fixed;left:284px;overflow:hidden}@keyframes nav-preview-in{0%{opacity:0;transform:translate(-8px)}}.nav-preview__stage{background:radial-gradient(#1111120d 1px, transparent 1px) 0 0 / 20px 20px, var(--lib-stage);overflow:hidden}.nav-preview__demo{transform-origin:0 0;background:0 0;width:200%;min-height:0;padding:20px;transform:scale(.5)}.nav-preview .ui-exact-demo--meganav{min-height:0}.nav-preview .ui-exact-demo--meganav .oui-meganav{max-width:none}.nav-preview__section{transform-origin:0 0;width:200%;transform:scale(.5)}.nav-preview__section .house-style{min-height:0}.nav-preview__section [data-section=pricing],.nav-preview__section [data-section=how-it-works]{padding-left:26px!important;padding-right:26px!important}.nav-preview__foot{border-top:1px solid var(--lib-dark-line,#262628);justify-content:space-between;align-items:center;padding:11px 14px;display:flex}.nav-preview__foot strong{color:var(--lib-soft);letter-spacing:-.01em;font-size:.84rem;font-weight:600}.nav-preview__foot span{color:var(--lib-muted);font:600 .66rem/1 var(--font-mono), monospace;letter-spacing:.04em}@media (max-width:1040px){.nav-preview{display:none}}@media (prefers-reduced-motion:reduce){.nav-preview{animation:none}}.ui-auto-replay{place-items:center;width:100%;min-width:0;display:grid}.lib-demo-content>.ui-auto-replay{height:100%;min-height:0;overflow:hidden}.lib-demo-content>.ui-auto-replay>*{width:100%;height:100%;min-height:0;max-height:100%;overflow:hidden}.ui-doc-demo-stage>.ui-auto-replay{width:min(760px,100%);min-height:360px}.ui-doc-demo-stage>.ui-auto-replay>*{width:100%;min-width:0;min-height:360px}.ui-doc-demo-stage .ui-exact-demo{width:100%;max-width:760px;height:auto}.ui-doc-preview>pre{background:var(--lib-ink);min-height:520px;color:var(--lib-on-ink);font:520 12px/1.7 var(--font-mono), monospace;margin:0;padding:32px;overflow:auto}.ui-page-nav{flex-wrap:wrap;gap:8px;margin-top:34px;display:flex}.ui-page-nav a{background:#fff;border:1px solid #cecec8;border-radius:999px;align-items:center;min-height:34px;padding:0 11px;display:inline-flex}.ui-doc-section{border-bottom:1px solid #cecec8;padding:84px 0}.ui-doc-section>h2{margin:18px 0 32px;font-size:42px;line-height:1.05}.ui-props>header,.ui-props>div{border-bottom:1px solid #cecec8;grid-template-columns:minmax(110px,.75fr) minmax(190px,1.2fr) minmax(110px,.7fr) minmax(220px,1.8fr);gap:16px;padding:15px 0;display:grid}.ui-props code,.ui-props span,.ui-props p{overflow-wrap:anywhere;min-width:0}.ui-guidance,.ui-note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.ui-guidance>div,.ui-note-grid>div{padding:22px}@media (hover:none){.ui-exact-demo--spotlight:before{left:calc(30% - var(--oui-spotlight-size) / 2);top:calc(40% - var(--oui-spotlight-size) / 2)}}@media (max-width:1180px){.library-header{grid-template-columns:auto minmax(0,1fr) auto}.library-hero,.library-catalog>header,.lib-principles{grid-template-columns:1fr}.lib-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.library-sidebar{display:none}.library-main,.ui-doc-main{width:100%;margin-left:0}.library-header-search{display:none}.library-hero,.library-catalog,.lib-principles,.ui-doc-main{padding-left:24px;padding-right:24px}}@media (max-width:680px){.library-header{padding:0 16px}.library-wordmark>i:last-child{display:none}.library-hero{min-height:auto;padding-top:74px}.library-hero-copy h1{font-size:54px}.library-preview-rail,.library-install{grid-template-columns:1fr}.lib-toolbar{flex-direction:column;align-items:stretch;padding:12px 0}.lib-toolbar label{min-width:0}.lib-toolbar>div{width:100%;margin:0}.lib-grid{grid-template-columns:1fr}.library-catalog h2,.lib-principles h2{font-size:46px}.ui-props>header{display:none}.ui-props>div,.ui-guidance,.ui-note-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.lib-site *,.ui-doc *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.ui-exact-demo--field{place-items:center;padding:clamp(24px,8%,56px);display:grid}.ui-exact-demo--field .oui-field{max-width:340px}.ui-exact-demo--magic{place-items:center;padding:clamp(24px,7%,56px);display:grid}.ui-exact-demo--magic .oui-magic-card{color:#e6e6e2;--lib-muted:#9b9b9d;background:#16161a;width:min(340px,100%)}.ui-magic-demo{gap:14px;padding:26px;display:grid}.ui-magic-demo span{color:var(--lib-muted);font:680 11px/1 var(--font-mono), monospace;letter-spacing:.1em}.ui-magic-demo strong{letter-spacing:-.04em;font-size:52px;font-weight:300;line-height:1}.ui-magic-demo strong em{color:var(--lib-muted);margin-left:6px;font-size:18px;font-style:normal}.ui-magic-demo p{color:#b0b0b2;margin:0;font-size:13px;line-height:1.5}.ui-magic-demo footer{gap:6px;display:flex}.ui-magic-demo footer i{background:color-mix(in srgb, var(--lib-soft) 12%, transparent);border-radius:50%;width:26px;height:26px}.ui-exact-demo--orbit{color:#e4e4ea;--style-accent:#8f7bff;background:#0c0d12;place-items:center;display:grid}.ui-orbit-core{background:var(--lib-ink);width:54px;height:54px;color:var(--lib-on-ink);font:760 20px/1 var(--font-mono), monospace;border-radius:50%;place-items:center;display:grid;box-shadow:0 8px 24px -6px #8f7bff80}.ui-exact-demo--stars{background:#0b0b12;place-items:center;display:grid;position:relative;overflow:hidden}.ui-stars-copy{z-index:1;text-align:center;justify-items:center;gap:10px;display:grid;position:relative}.ui-stars-copy span{color:#7a7a86;font:680 11px/1 var(--font-mono), monospace;letter-spacing:.16em}.ui-stars-copy strong{color:#f4f4f6;letter-spacing:-.03em;font-size:30px;font-weight:300}.ui-exact-demo--particles{background:#0c0c11;place-items:center;display:grid;position:relative;overflow:hidden}.ui-exact-demo--feed{place-items:center;padding:clamp(24px,6%,48px);display:grid}.ui-exact-demo--feed .oui-animated-list{width:min(360px,100%);height:clamp(240px,30vw,300px)}.ui-feed-row{background:#fff;border:1px solid #e6e6e1;border-radius:12px;grid-template-columns:30px 1fr;align-items:center;gap:12px;padding:12px 14px;display:grid;box-shadow:0 6px 18px -10px #0002}.ui-feed-row i{width:28px;height:28px;font:700 12px/1 var(--font-sans), sans-serif;border-radius:50%;place-items:center;font-style:normal;display:grid}.ui-feed-row i[data-kind=ok]{color:#2f9e63;background:#e4f4ea}.ui-feed-row i[data-kind=warn]{color:#b6791f;background:#fbeede}.ui-feed-row i[data-kind=scan]{color:#5b5bd6;background:#e8e8ef}.ui-feed-row strong{letter-spacing:-.01em;font-size:13px;font-weight:600;display:block}.ui-feed-row span{color:var(--lib-muted);margin-top:1px;font-size:11.5px;display:block}.ui-exact-demo--globe{color:#dcdce0;background:#0c0d12;place-items:center;display:grid}.ui-exact-demo--meganav{background:var(--lib-stage,var(--lib-stage));align-content:start;min-height:560px;padding:26px 22px}.ui-exact-demo--meganav .oui-meganav{--oui-nav-surface:#fbf8f2;--oui-nav-ink:#211d18;max-width:760px;margin:0 auto}.ui-nav-mark{place-items:center;width:20px;height:20px;font-size:13px;display:inline-grid}.ui-nav-preview{opacity:.5;background-image:radial-gradient(circle,#cfcfd6 1px,#0000 1.4px);background-size:9px 9px;width:100%;height:100%}.ui-exact-demo--highlighter{place-items:center;padding:40px;display:grid}.ui-exact-demo--highlighter p{letter-spacing:-.02em;text-align:center;color:#16161a;max-width:20ch;font-size:clamp(28px,4vw,40px);font-weight:500;line-height:1.15}
