@layer reset,brick.tokens,brick.reset,brick.components,brick.effects;@layer site{:root{--site-header-height:4.5rem;--site-max:92rem;--site-content:72rem;--site-gutter:clamp(1rem, 3vw, 3rem);--site-font-display:"Avenir Next", "Segoe UI", ui-sans-serif, system-ui, sans-serif;--site-font-body:Inter, "Avenir Next", "Segoe UI", ui-sans-serif, system-ui, sans-serif;--site-font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--site-grid:color-mix(in srgb, var(--brick-color-accent-border), transparent 76%);--site-cyan:#007f8d;--site-cyan-bright:#00b8c8;--site-blue:#3c79f5;--site-mint:#25b99a;--site-violet:#7567e8;--site-focus-ring:#007b89;--atom-stage-start:#d9f8f7;--atom-stage-middle:#dfeeff;--atom-stage-end:#e8e2ff;--atom-stage-line:#0a6f7b24;--atom-stage-glow:#00b8c87a;--site-glow:color-mix(in srgb, var(--site-cyan-bright), transparent 70%);--atom-syntax-foreground:#26383b;--atom-syntax-comment:#667a7d;--atom-syntax-keyword:#006e7b;--atom-syntax-string:#16724e;--atom-syntax-constant:#9a4d12;--atom-syntax-function:#315fae;--atom-syntax-type:#6c4eb0;--atom-syntax-property:#7a5b00;--atom-syntax-punctuation:#526568;--brick-font-family-body:var(--site-font-body);--brick-font-family-heading:var(--site-font-display);--brick-font-family-mono:var(--site-font-mono);--brick-radius-control:.55rem;--brick-radius-surface:.85rem;--brick-radius-overlay:1.05rem;--brick-color-accent-solid:#006d79;--brick-color-accent-solid-hover:#005d68;--brick-color-accent-solid-pressed:#004e58;--brick-color-accent-on-solid:#fff;--brick-color-accent-soft:#e2f7f8;--brick-color-accent-soft-hover:#d2f1f3;--brick-color-accent-soft-pressed:#bde8eb;--brick-color-accent-border:#87ccd2;--brick-color-accent-text:#005661;--brick-color-accent-on-soft:#004d57;--brick-color-focus-ring:#007b89;--brick-color-surface-canvas:#f7fbfb;--brick-color-surface-base:#f0f7f7;--brick-color-surface-subtle:#e7f0f0;--brick-color-surface-raised:#fff;--brick-color-surface-overlay:#fff;--brick-color-text-primary:#102326;--brick-color-text-secondary:#4d6265;--brick-color-text-muted:#687b7e;--brick-color-border-subtle:#d8e5e5;--brick-color-border-default:#c6d7d8;--brick-color-border-strong:#879c9f}:root[data-brick-appearance=dark]{--site-grid:#80eaf117;--site-glow:#34d8e447;--site-focus-ring:#70e3eb;--atom-stage-start:#16434b;--atom-stage-middle:#244866;--atom-stage-end:#443f70;--atom-stage-line:#b5f8fb1f;--atom-stage-glow:#4fe5ed5c;--brick-color-accent-solid:#5cdae3;--brick-color-accent-solid-hover:#70e3eb;--brick-color-accent-solid-pressed:#44c7d1;--brick-color-accent-on-solid:#052b30;--brick-color-accent-soft:#10363b;--brick-color-accent-soft-hover:#16454b;--brick-color-accent-soft-pressed:#1d555c;--brick-color-accent-border:#36767d;--brick-color-accent-text:#9beef3;--brick-color-accent-on-soft:#b6f5f8;--brick-color-focus-ring:#70e3eb;--brick-color-surface-canvas:#071114;--brick-color-surface-base:#0c181b;--brick-color-surface-subtle:#142226;--brick-color-surface-raised:#122126;--brick-color-surface-overlay:#17272b;--brick-color-text-primary:#edf8f8;--brick-color-text-secondary:#b1c5c7;--brick-color-text-muted:#89a1a4;--brick-color-border-subtle:#223438;--brick-color-border-default:#30474b;--brick-color-border-strong:#5d777b;--atom-syntax-foreground:#e4f2f2;--atom-syntax-comment:#8ea5a7;--atom-syntax-keyword:#7ce8ef;--atom-syntax-string:#83d9b2;--atom-syntax-constant:#f0ad78;--atom-syntax-function:#a5c5ff;--atom-syntax-type:#c5b4ff;--atom-syntax-property:#e5cb82;--atom-syntax-punctuation:#b5c8c9}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--brick-color-surface-canvas);scroll-padding-block-start:calc(var(--site-header-height) + 1.5rem)}body{background:var(--brick-color-surface-canvas);min-width:320px;color:var(--brick-color-text-primary);font-family:var(--site-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}a:not(.brick-button){color:inherit}button,input,textarea,select{font:inherit}::selection{background:var(--brick-color-accent-soft-pressed);color:var(--brick-color-text-primary)}.site-canvas :focus-visible{outline:2px solid var(--site-focus-ring);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:9999;border-radius:var(--brick-radius-control);background:var(--brick-color-text-primary);color:var(--brick-color-text-inverse);padding:.65rem .9rem;text-decoration:none;transition:transform .12s;position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-canvas{background-color:var(--brick-color-surface-canvas);background-image:linear-gradient(to right, var(--site-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--site-grid) 1px, transparent 1px);background-position:top;background-size:5rem 5rem;min-height:100dvh;position:relative;overflow:clip}.site-canvas:before{z-index:-1;background:radial-gradient(circle at 50% -10%, var(--site-glow), transparent 38rem), linear-gradient(180deg, color-mix(in srgb, var(--brick-color-surface-canvas), transparent 7%), var(--brick-color-surface-canvas) 58rem);content:"";pointer-events:none;position:fixed;inset:0}.section-shell{width:min(calc(100% - 2 * var(--site-gutter)), var(--site-max));margin-inline:auto}.site-header{z-index:100;min-height:var(--site-header-height);padding-inline:var(--site-gutter);border-block-end:1px solid color-mix(in srgb, var(--brick-color-border-subtle), transparent 10%);background:color-mix(in srgb, var(--brick-color-surface-canvas), transparent 5%);-webkit-backdrop-filter:blur(20px)saturate(135%);backdrop-filter:blur(20px)saturate(135%);grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;display:grid;position:sticky;inset-block-start:0}.brand-link,.drawer-brand{border-radius:.7rem;align-items:center;gap:.7rem;width:fit-content;margin:-.3rem;padding:.3rem;text-decoration:none;display:inline-flex}.brand-link:focus-visible,.drawer-brand:focus-visible{outline:2px solid var(--brick-color-focus-ring);outline-offset:2px}.atom-brand{letter-spacing:-.035em;align-items:center;gap:.62rem;font-weight:680;display:inline-flex}.atom-word{font-size:1.08rem}.atom-mark{place-items:center;width:1.75rem;height:1.75rem;display:grid;position:relative}.atom-mark__orbit{border:1.6px solid var(--brick-color-accent-solid);border-inline-end-color:#0000;border-radius:50%;position:absolute;inset:.16rem;transform:rotate(-34deg)}.atom-mark__orbit:after{background:var(--site-blue);width:.32rem;height:.32rem;box-shadow:0 0 .7rem color-mix(in srgb, var(--site-blue), transparent 20%);content:"";border-radius:50%;position:absolute;inset-block-start:-.14rem;inset-inline-end:.17rem}.atom-mark__particle{background:var(--brick-color-accent-solid);width:.45rem;height:.45rem;box-shadow:0 0 0 .18rem var(--brick-color-accent-soft), 0 0 1rem color-mix(in srgb, var(--brick-color-accent-solid), transparent 20%);border-radius:50%}.atom-mark__signal{background:var(--site-mint);border-radius:50%;width:.18rem;height:.18rem;position:absolute;inset-block-end:.08rem;inset-inline-start:.36rem}.version-pill,.drawer-version{border:1px solid var(--brick-color-border-subtle);color:var(--brick-color-text-muted);font-family:var(--site-font-mono);border-radius:999px;padding:.18rem .43rem;font-size:.67rem}.desktop-nav{align-items:center;gap:.25rem;display:flex}.desktop-nav a{color:var(--brick-color-text-secondary);border-radius:.5rem;padding:.55rem .72rem;font-size:.9rem;font-weight:560;text-decoration:none}.desktop-nav a:hover,.desktop-nav a.is-current{background:var(--brick-color-accent-soft);color:var(--brick-color-accent-text)}.desktop-nav a:focus-visible{outline:2px solid var(--site-focus-ring);outline-offset:2px}.header-actions{justify-content:flex-end;align-items:center;gap:.625rem;display:flex}.header-icon-actions{align-items:center;gap:.25rem;display:flex}.search-trigger{justify-content:flex-start;min-width:10.5rem}.search-trigger .brick-button__content{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.shortcut{border:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-raised);color:var(--brick-color-text-secondary);font-family:var(--site-font-mono);border-radius:.3rem;margin-inline-start:auto;padding:.12rem .34rem;font-size:.68rem;font-weight:500;line-height:1.2}.square-action,.mobile-menu-trigger{inline-size:2.35rem;min-inline-size:2.35rem;padding-inline:0}.square-action .brick-button__content,.mobile-menu-trigger .brick-button__content{place-items:center;block-size:1.1rem;inline-size:1.1rem;line-height:0;display:grid}.square-action svg{block-size:1.05rem;inline-size:1.05rem}.appearance-icon{grid-area:1/1;place-items:center;display:inline-grid}.appearance-icon--dark,:root[data-brick-appearance=dark] .appearance-icon--light{display:none}:root[data-brick-appearance=dark] .appearance-icon--dark{display:inline-grid}.mobile-menu-trigger{display:none}.search-dialog{--search-top:clamp(calc(1rem + env(safe-area-inset-top)), 9dvb, 5.5rem);--brick-dialog-max-inline-size:43rem;--brick-dialog-max-block-size:min(46rem, calc(100dvb - var(--search-top) - 1rem));transform-origin:50% 0;inset-block-start:var(--search-top);transform:translate(-50%)scale(1)}.search-dialog[data-state=closed]{transform:translate(-50%)translateY(-.5rem)scale(.985)}.search-dialog__header{border-block-end:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-base);gap:1rem;padding-block-end:1rem}.search-dialog__heading{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.search-dialog__heading>div{gap:.15rem;min-width:0;display:grid}.search-dialog__symbol{border:1px solid var(--brick-color-accent-border);background:var(--brick-color-accent-soft);width:2.4rem;height:2.4rem;color:var(--brick-color-accent-text);border-radius:.75rem;place-items:center;display:grid}.search-dialog__body{scrollbar-gutter:stable;padding:0}.search-results__label{color:var(--brick-color-text-muted);letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:.8rem 1.5rem .55rem;font-size:.68rem;font-weight:650;display:flex}.search-results__label small{background:var(--brick-color-surface-subtle);letter-spacing:0;border-radius:999px;place-items:center;min-width:1.35rem;height:1.35rem;font-size:.65rem;display:grid}.search-results__list{padding:0 .75rem .75rem;display:grid}.search-result{border:0;border-block-start:1px solid var(--brick-color-border-subtle);width:100%;color:inherit;cursor:pointer;text-align:start;background:0 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.8rem;display:grid}.search-result:first-child{border-block-start:0}.search-result:hover,.search-result:focus-visible{z-index:1;background:var(--brick-color-accent-soft);box-shadow:inset 0 0 0 2px var(--brick-color-focus-ring);border-color:#0000;border-radius:.7rem;outline:none;position:relative}.search-result__icon{background:var(--brick-color-surface-subtle);width:2rem;height:2rem;color:var(--brick-color-text-secondary);border-radius:.55rem;place-items:center;display:grid}.search-result__copy{gap:.12rem;min-width:0;display:grid}.search-result__copy strong,.search-result__copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-result__copy strong{font-size:.88rem}.search-result__copy small{color:var(--brick-color-text-secondary);font-size:.74rem}.search-result__meta{color:var(--brick-color-text-muted);align-items:center;gap:.55rem;display:flex}.search-empty{color:var(--brick-color-text-secondary);text-align:center;justify-items:center;gap:.35rem;padding:4rem 1.5rem;display:grid}.search-empty>span{background:var(--brick-color-accent-soft);width:2.8rem;height:2.8rem;color:var(--brick-color-accent-text);border-radius:.85rem;place-items:center;margin-block-end:.35rem;display:grid}.search-empty strong{color:var(--brick-color-text-primary)}.search-empty small{max-width:24rem}.search-dialog__footer{border-block-start:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-base);color:var(--brick-color-text-muted);justify-content:space-between;padding-block:.75rem;font-size:.72rem}.search-shortcut{align-items:center;gap:.35rem;display:inline-flex}.search-shortcut kbd{border:1px solid var(--brick-color-border-default);background:var(--brick-color-surface-raised);font-family:var(--site-font-mono);border-radius:.3rem;padding:.15rem .38rem}.mobile-drawer,.docs-mobile-drawer{--brick-drawer-inline-size-md:min(29rem, 92dvi);--brick-drawer-space:1.25rem;--brick-drawer-radius:1.25rem;border-color:var(--brick-color-border-default);background:radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--brick-color-accent-soft), transparent 8%), transparent 20rem), var(--brick-color-surface-overlay)}.mobile-drawer__header{border-block-end:1px solid var(--brick-color-border-subtle);gap:.55rem;padding-block-end:1.5rem}.drawer-brand-row{justify-content:space-between;align-items:center;gap:1rem;margin-block-end:.85rem;display:flex}.mobile-drawer .drawer-brand-row .square-action{border-radius:.7rem;block-size:2.75rem;min-block-size:2.75rem;inline-size:2.75rem;min-inline-size:2.75rem;padding:0}.drawer-version{border-color:var(--brick-color-accent-border);background:var(--brick-color-accent-soft);color:var(--brick-color-accent-text)}.drawer-kicker,.drawer-nav-label{color:var(--brick-color-accent-text);letter-spacing:.11em;text-transform:uppercase;font-size:.68rem;font-weight:680}.mobile-drawer__header .brick-drawer-title{max-width:21rem;font-family:var(--site-font-display);letter-spacing:-.035em;font-size:1.55rem;line-height:1.08}.mobile-drawer__body{gap:1.4rem;padding-block:1.35rem;display:grid}.drawer-nav-group{gap:.55rem;display:grid}.mobile-drawer .brick-nav-list{--brick-nav-list-icon-gap:.9rem}.mobile-drawer :is(.brick-nav-list__link-start,.brick-nav-list__link-end){align-self:center;margin-block-start:0}.drawer-resources{border-block-start:1px solid var(--brick-color-border-subtle);padding-block-start:1.35rem}.mobile-drawer__footer{border-block-start:1px solid var(--brick-color-border-subtle);background:color-mix(in srgb, var(--brick-color-surface-base), transparent 22%);text-align:center;grid-template-columns:minmax(0,1fr);justify-content:stretch;place-items:center;gap:.9rem;display:grid}.mobile-drawer__footer .brick-button{justify-content:center}.drawer-proof{width:100%;color:var(--brick-color-text-muted);flex-wrap:wrap;justify-content:center;gap:.35rem .8rem;margin:0;font-size:.68rem;display:flex}.drawer-proof span+span:before{color:var(--brick-color-accent-border);content:"•";margin-inline-end:.8rem}.home-hero{min-height:calc(100dvh - var(--site-header-height));grid-template-columns:minmax(0,.86fr) minmax(34rem,1.14fr);align-items:center;gap:clamp(2rem,5vw,6rem);padding-block:clamp(2.75rem,6dvh,5rem);display:grid}.home-hero__copy{z-index:3;position:relative}.icon-label-badge{gap:.45rem}.hero-title{max-width:10ch;font-family:var(--site-font-display);letter-spacing:-.07em;margin:1.25rem 0;font-size:clamp(3.8rem,min(6.25vw,10dvh),7.4rem);font-weight:650;line-height:.89}.hero-title span{color:#0000;background:linear-gradient(108deg, var(--brick-color-accent-solid) 5%, var(--site-blue) 55%, var(--site-violet));-webkit-background-clip:text;background-clip:text;display:inline}.hero-lede{max-width:39rem}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-block-start:2rem;display:flex}.hero-proof{flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.hero-proof li{display:flex}.hero-proof .brick-badge{gap:.35rem}.install-command{border:1px solid var(--brick-color-border-subtle);background:color-mix(in srgb, var(--brick-color-surface-raised), transparent 8%);width:min(100%,28rem);box-shadow:0 .6rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 86%);border-radius:.75rem;align-items:center;gap:.5rem;margin-block-start:1.15rem;padding:.34rem .35rem .34rem .8rem;display:flex}.install-command>span:first-child{color:var(--brick-color-accent-text)}.install-command code{min-width:0;font-family:var(--site-font-mono);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.78rem;overflow:hidden}.install-command.is-compact{margin-block-start:0}.interaction-field{isolation:isolate;align-items:end;min-height:38rem;display:grid;position:relative}.interaction-field__glow{z-index:-2;background:radial-gradient(circle, var(--site-glow), transparent 66%);filter:blur(22px);border-radius:50%;position:absolute;inset:4% 2% 12%}.particle-system{z-index:-1;place-items:center;display:grid;position:absolute;inset:0 5% 23%}.particle-system__orbit{border:1px solid color-mix(in srgb, var(--brick-color-accent-border), transparent 28%);border-radius:50%;position:absolute}.orbit-a{width:78%;height:45%;transform:rotate(-18deg)}.orbit-b{width:72%;height:54%;transform:rotate(56deg)}.particle-system__core{border:1px solid var(--brick-color-accent-border);background:radial-gradient(circle at 38% 34%, #ffffffe0, var(--brick-color-accent-soft) 32%, color-mix(in srgb, var(--brick-color-accent-solid), transparent 32%));width:8.4rem;height:8.4rem;box-shadow:0 0 0 1.5rem color-mix(in srgb, var(--brick-color-accent-soft), transparent 42%), 0 0 5rem var(--site-glow);border-radius:50%;place-items:center;display:grid}.particle-system__core span{background:var(--brick-color-accent-solid);width:1.2rem;height:1.2rem;box-shadow:0 0 1.5rem var(--brick-color-accent-solid);border-radius:50%}.particle-node{border:1px solid var(--brick-color-border-default);background:color-mix(in srgb, var(--brick-color-surface-raised), transparent 5%);width:2.9rem;height:2.9rem;color:var(--brick-color-accent-text);box-shadow:0 .7rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 75%);border-radius:50%;place-items:center;display:grid;position:absolute}.particle-node svg{width:1rem}.node-a{inset-block-start:12%;inset-inline-start:16%}.node-b{inset-block-start:7%;inset-inline-end:13%}.node-c{inset-block-end:13%;inset-inline-start:9%}.node-d{inset-block-end:5%;inset-inline-end:16%}.behavior-console{z-index:2;border-color:color-mix(in srgb, var(--brick-color-accent-border), var(--brick-color-border-subtle) 44%);background:color-mix(in srgb, var(--brick-color-surface-raised), transparent 4%);box-shadow:0 2rem 5rem color-mix(in srgb, var(--brick-color-shadow), transparent 60%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);margin-inline:4%;position:relative}.behavior-console .brick-card-header{grid-template-columns:minmax(0,1fr) auto;align-items:center}.behavior-console__identity{align-items:center;gap:.7rem;display:flex}.behavior-console__identity>div{display:grid}.console-status{background:var(--brick-color-success-solid);width:.58rem;height:.58rem;box-shadow:0 0 0 .28rem var(--brick-color-success-soft);border-radius:50%}.behavior-tabs [data-slot=tabs-list]{scrollbar-width:none;width:100%;overflow-x:auto}.behavior-tabs [data-slot=tabs-trigger]{white-space:nowrap;flex:1;gap:.4rem}.behavior-tabs [data-slot=tabs-trigger]:focus-visible{z-index:2;box-shadow:inset 0 0 0 2px var(--brick-color-focus-ring);outline:0;position:relative}.signal-readout{gap:1rem;padding-block-start:1.2rem;display:grid}.signal-readout>div:first-child{gap:.3rem;display:grid}.signal-readout :is(h3,p){margin:0}.signal-readout code{border:1px solid var(--brick-color-accent-border);background:var(--brick-color-accent-soft);width:fit-content;color:var(--brick-color-accent-text);font-family:var(--site-font-mono);border-radius:.45rem;padding:.42rem .58rem;font-size:.72rem}.access-section,.headless-story,.flowstack-story,.family-section{padding-block:clamp(5rem,9vw,9rem)}.section-heading{gap:1rem;max-width:51rem;margin-block-end:2.25rem;display:grid}.section-heading>*{margin:0}.section-heading .brick-badge{justify-self:start}.access-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.access-card{min-height:18rem}.icon-card-header{grid-template-columns:auto minmax(0,1fr);align-content:start;align-items:center;gap:.8rem}.icon-card-header>div{gap:.25rem;min-width:0;display:grid}.feature-icon,.primitive-card__icon{border:1px solid var(--brick-color-accent-border);background:radial-gradient(circle at 30% 20%, #ffffffc7, var(--brick-color-accent-soft));width:2.7rem;height:2.7rem;color:var(--brick-color-accent-text);box-shadow:0 .7rem 1.7rem color-mix(in srgb, var(--brick-color-shadow), transparent 82%);border-radius:.8rem;place-items:center;display:grid}.headless-story{grid-template-columns:minmax(0,.8fr) minmax(32rem,1.2fr);align-items:center;gap:clamp(3rem,8vw,8rem);display:grid}.headless-story__copy{align-content:center;justify-items:start;gap:1.1rem;display:grid}.headless-story__copy>*{margin:0}.expression-field{border:1px solid var(--brick-color-border-subtle);background:radial-gradient(circle at center, var(--brick-color-accent-soft), transparent 52%), var(--brick-color-surface-base);border-radius:1.5rem;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:.75rem;min-height:31rem;padding:2rem;display:grid;position:relative;overflow:hidden}.expression-field:before{opacity:.42;background-image:radial-gradient(circle, var(--brick-color-accent-border) 1px, transparent 1px);content:"";background-size:1.35rem 1.35rem;position:absolute;inset:0}.expression{z-index:2;border:1px solid var(--brick-color-border-default);background:var(--brick-color-surface-raised);box-shadow:0 1.2rem 2.8rem color-mix(in srgb, var(--brick-color-shadow), transparent 76%);border-radius:1rem;justify-items:center;gap:1rem;padding:1.35rem .8rem;display:grid;position:relative}.expression-label{font-size:.75rem;font-weight:650}.expression small{color:var(--brick-color-text-muted);font-family:var(--site-font-mono);font-size:.6rem}.expression-control{background:var(--brick-color-accent-solid);border-radius:999px;justify-content:flex-end;align-items:center;width:3.5rem;height:1.9rem;padding:.2rem;display:flex}.expression-control i{background:var(--brick-color-accent-on-solid);border-radius:50%;width:1.5rem;height:1.5rem;box-shadow:0 .15rem .4rem #0003}.expression--minimal{transform:translateY(-1.5rem)}.expression--minimal .expression-control{border:1px solid var(--brick-color-text-primary);background:0 0}.expression--minimal .expression-control i{background:var(--brick-color-text-primary)}.expression--system{transform:translateY(1.5rem)}.expression--system .expression-control{background:var(--site-blue);border-radius:.35rem}.expression--system .expression-control i{border-radius:.2rem}.expression-axis{z-index:1;background:linear-gradient(90deg, transparent, var(--brick-color-accent-border), transparent);height:1px;position:absolute;bottom:14%;left:12%;right:12%}.flowstack-story .section-heading{text-align:center;justify-items:center;width:100%;margin-inline:auto}.flowstack-story .section-heading .brick-badge{justify-self:center}.flowstack-story .section-heading :is(h2,p){text-align:center;width:100%}.layer-path{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:.75rem;margin:3rem 0 0;padding:0;list-style:none;display:grid}.layer-path>li:nth-child(2n){color:var(--brick-color-text-muted);place-items:center;display:grid}.layer-step{border:1px solid var(--brick-color-border-subtle);background:color-mix(in srgb, var(--brick-color-surface-raised), transparent 4%);border-radius:1.2rem;grid-template-rows:1fr auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;min-height:14rem;padding:1.4rem;display:grid;position:relative;overflow:hidden}.layer-step--atom{border-color:var(--brick-color-accent-border);background:radial-gradient(circle at 20% 20%, var(--brick-color-accent-soft), var(--brick-color-surface-raised) 65%)}.layer-index{color:var(--brick-color-text-muted);font-family:var(--site-font-mono);font-size:.65rem;position:absolute;inset-block-start:.8rem;inset-inline-end:1rem}.layer-symbol{background:var(--brick-color-accent-soft);width:3rem;height:3rem;color:var(--brick-color-accent-text);border-radius:.85rem;place-items:center;display:grid}.layer-step>div{gap:.25rem;display:grid}.layer-step strong{font-size:1.08rem}.layer-step small{color:var(--brick-color-text-secondary);line-height:1.5}.layer-step>a{color:var(--brick-color-accent-text);grid-column:1/-1;place-self:end start;align-items:center;gap:.35rem;font-size:.78rem;font-weight:650;text-decoration:none;display:inline-flex}.family-section{grid-template-columns:minmax(0,.72fr) minmax(34rem,1.28fr);align-items:center;gap:clamp(3rem,7vw,7rem);display:grid}.family-section__copy{justify-items:start;gap:1.1rem;display:grid}.family-section__copy>*{margin:0}.family-map{grid-template-columns:1fr 1fr;align-content:space-between;gap:1rem 8rem;min-height:34rem;padding:2rem 0;display:grid;position:relative}.family-map:before,.family-map:after{z-index:-1;border:1px solid var(--brick-color-accent-border);content:"";border-radius:50%;position:absolute;inset:12% 18%}.family-map:after{inset:22% 8%;transform:rotate(42deg)}.family-node{border:1px solid var(--brick-color-border-subtle);background:color-mix(in srgb, var(--brick-color-surface-raised), transparent 3%);min-width:0;box-shadow:0 .8rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 83%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:.9rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.8rem;text-decoration:none;display:grid}.family-node:nth-child(2n){transform:translateY(2.2rem)}.family-node>span{background:var(--brick-color-accent-soft);width:2.2rem;height:2.2rem;color:var(--brick-color-accent-text);border-radius:.6rem;place-items:center;display:grid}.family-node>div{gap:.12rem;min-width:0;display:grid}.family-node strong{font-size:.82rem}.family-node small{color:var(--brick-color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;overflow:hidden}.family-node:hover{border-color:var(--brick-color-accent-border)}.family-core{z-index:2;border:1px solid var(--brick-color-accent-border);background:var(--brick-color-accent-soft);width:8.5rem;height:8.5rem;color:var(--brick-color-accent-text);box-shadow:0 0 0 1rem color-mix(in srgb, var(--brick-color-accent-soft), transparent 45%), 0 1.4rem 4rem var(--site-glow);text-align:center;border-radius:50%;align-content:center;place-items:center;gap:.15rem;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.family-core svg{width:1.2rem}.family-core strong{font-size:2.2rem;line-height:1}.family-core span{font-size:.62rem}.faq-section{grid-template-columns:minmax(18rem,.72fr) minmax(0,1.28fr);gap:clamp(2rem,6vw,6rem);padding-block:6rem;display:grid}.faq-section__heading{align-content:start;gap:.9rem;display:grid}.faq-section__heading>*{margin:0}.faq-section__heading .brick-badge{justify-self:start}.faq-list{--brick-accordion-radius:1rem;background:var(--brick-color-surface-raised);box-shadow:0 1rem 2.8rem color-mix(in srgb, var(--brick-color-shadow), transparent 84%);border-radius:1rem}.faq-list [data-slot=accordion-item]{border-block-end-color:var(--brick-color-border-subtle)}.faq-list [data-slot=accordion-trigger]{min-height:4.5rem;font-size:1rem;font-weight:620}.faq-list [data-slot=accordion-trigger]:focus-visible{z-index:1;box-shadow:inset 0 0 0 2px var(--brick-color-focus-ring);outline:0;position:relative}.faq-list [data-slot=accordion-content-inner]{color:var(--brick-color-text-secondary);padding-block-end:1.25rem;line-height:1.7}.faq-list p{margin:0}.closing-section{border:1px solid var(--brick-color-accent-border);background:radial-gradient(circle at 85% 10%, var(--brick-color-accent-soft), transparent 20rem), var(--brick-color-surface-raised);box-shadow:0 1.5rem 4rem color-mix(in srgb, var(--brick-color-shadow), transparent 76%);border-radius:1.4rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3rem;margin-block:2rem 6rem;padding:clamp(1.5rem,4vw,3.5rem);display:grid}.closing-section>div:first-child{gap:.8rem;max-width:46rem;display:grid}.closing-section :is(h2,p){margin:0}.closing-actions{justify-items:end;gap:.85rem;display:grid}.docs-shell{width:min(100%,100rem);min-height:calc(100dvh - var(--site-header-height));background:var(--brick-color-surface-canvas);grid-template-columns:15.5rem minmax(0,1fr) 14rem;margin-inline:auto;display:grid;position:relative}.docs-shell:before{z-index:-1;background:linear-gradient(90deg, var(--brick-color-surface-base) 0 15.5rem, var(--brick-color-surface-canvas) 15.5rem calc(100% - 14rem), var(--brick-color-surface-base) calc(100% - 14rem));content:"";position:absolute;inset:0}.docs-sidebar,.docs-rail{height:calc(100dvh - var(--site-header-height));position:sticky;inset-block-start:var(--site-header-height)}.docs-sidebar{border-inline-end:1px solid var(--brick-color-border-subtle)}.docs-sidebar__scroll{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;height:100%;overflow-y:auto}.docs-sidebar__inner{padding:2rem 1.15rem 5rem}.docs-overview-link{border:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-raised);min-height:2.5rem;color:var(--brick-color-text-secondary);border-radius:.65rem;align-items:center;margin-block-end:1.6rem;padding:.55rem .65rem;font-size:.78rem;font-weight:650;text-decoration:none;display:flex}.docs-overview-link:hover{border-color:var(--brick-color-accent-border);color:var(--brick-color-accent-text)}.docs-nav{--brick-nav-list-row-padding-inline:.62rem;--brick-nav-list-row-padding-block:.42rem;--brick-nav-list-gap:.08rem}.docs-nav__label{color:var(--brick-color-text-muted);letter-spacing:.1em;text-transform:uppercase;margin-block:1.5rem .45rem;padding-inline:.55rem;font-size:.68rem;font-weight:680}.docs-nav [data-slot=nav-list-section]:first-child .docs-nav__label{margin-block-start:0}.docs-nav .brick-nav-list__link{font-size:.84rem}.primitive-nav{gap:.85rem;display:grid}.primitive-nav__heading{justify-content:space-between;align-items:center;gap:.75rem;padding-inline:.2rem;display:flex}.primitive-nav__heading span{color:var(--brick-color-text-primary);font-size:.78rem;font-weight:680}.primitive-nav__heading small{color:var(--brick-color-text-muted);font-size:.65rem}.primitive-nav__groups{--brick-accordion-focus-ring:var(--site-focus-ring);--brick-accordion-trigger-open-background:transparent;--brick-accordion-trigger-padding-inline:.5rem;--brick-accordion-content-padding-block:.25rem;--brick-accordion-content-padding-inline:.35rem;overflow:visible}.primitive-nav__groups [data-slot=accordion-trigger]{border-radius:.55rem}.primitive-nav__groups [data-slot=accordion-trigger][data-state=open]{background:0 0;border-radius:0}.primitive-nav__groups [data-slot=accordion-trigger]:focus-visible{box-shadow:inset 0 0 0 2px var(--site-focus-ring);outline:0}.primitive-nav__groups [data-slot=accordion-trigger]>span:first-child{flex:1;justify-content:space-between;align-items:center;gap:.65rem;min-width:0;display:flex}.primitive-nav__groups [data-slot=accordion-trigger]>span:first-child>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.primitive-nav__groups [data-slot=accordion-trigger] small{background:var(--brick-color-surface-subtle);min-width:1.45rem;height:1.45rem;color:var(--brick-color-text-muted);border-radius:999px;place-items:center;font-size:.62rem;display:grid}.primitive-nav__groups [data-slot=accordion-content-inner]{gap:.08rem;display:grid}.primitive-nav__groups [data-slot=accordion-content-inner] a,.primitive-nav__results a{min-height:2.35rem;color:var(--brick-color-text-secondary);border-radius:.45rem;align-items:center;padding:.42rem .55rem;font-size:.84rem;line-height:1.35;text-decoration:none;display:flex}.primitive-nav__groups [data-slot=accordion-content-inner] a:focus-visible,.primitive-nav__results a:focus-visible{box-shadow:inset 0 0 0 2px var(--site-focus-ring);outline:0}.primitive-nav__groups [data-slot=accordion-content-inner] a:hover,.primitive-nav__groups [data-slot=accordion-content-inner] a.is-current,.primitive-nav__results a:hover,.primitive-nav__results a.is-current{background:var(--brick-color-accent-soft);color:var(--brick-color-accent-text)}.primitive-nav__results{gap:.08rem;display:grid}.primitive-nav__results>span{color:var(--brick-color-text-muted);padding-inline:.5rem;font-size:.65rem}.primitive-nav__results a{align-content:center;gap:.05rem;display:grid}.primitive-nav__results a small{color:var(--brick-color-text-muted);font-size:.6rem}.primitive-nav__results p{color:var(--brick-color-text-secondary);margin:0;padding:.75rem .5rem;font-size:.72rem}.docs-content{min-width:0;padding:clamp(3rem,5vw,5.5rem) clamp(2rem,5vw,5rem) 7rem}.docs-article{width:min(100%,51rem);margin-inline:auto}.docs-rail{border-inline-start:1px solid var(--brick-color-border-subtle);padding:3rem 1.25rem;overflow-y:auto}.docs-rail>span{color:var(--brick-color-text-primary);margin-block-end:.65rem;padding-inline:.55rem;font-size:.82rem;font-weight:650;display:block}.toc-nav{--brick-nav-list-row-padding-inline:.55rem;--brick-nav-list-row-padding-block:.32rem}.toc-link{font-size:.78rem}.toc-link--nested{padding-inline-start:1.2rem!important}.docs-mobile-toolbar{display:none}.document-header{grid-template-columns:minmax(0,.82fr) minmax(18rem,1.18fr);align-items:center;gap:2rem;margin-block-end:2rem;display:grid}.document-header__copy{align-content:center;gap:.85rem;display:grid}.document-header__copy .brick-badge{justify-self:start}.document-header__copy p{color:var(--brick-color-text-secondary);margin:0;font-size:.9rem;line-height:1.65}.accessibility-instrument{border:1px solid var(--brick-color-accent-border);background:radial-gradient(circle at 82% 0%, var(--brick-color-accent-soft), transparent 17rem), var(--brick-color-surface-raised);min-width:0;box-shadow:0 1.2rem 3rem color-mix(in srgb, var(--brick-color-shadow), transparent 78%);border-radius:1rem;overflow:hidden}.accessibility-instrument__header{border-block-end:1px solid var(--brick-color-border-subtle);justify-content:space-between;align-items:center;gap:1rem;min-height:3rem;padding:.65rem .85rem;display:flex}.accessibility-instrument__header>span{color:var(--brick-color-text-secondary);align-items:center;gap:.45rem;font-size:.72rem;font-weight:650;display:inline-flex}.accessibility-tabs [data-slot=tabs-list]{scrollbar-width:none;width:100%;overflow-x:auto}.accessibility-tabs [data-slot=tabs-trigger]{white-space:nowrap;flex:1;gap:.35rem}.accessibility-tabs [data-slot=tabs-trigger]:focus-visible{z-index:2;box-shadow:inset 0 0 0 2px var(--brick-color-focus-ring);outline:0;position:relative}.accessibility-readout{align-content:center;gap:.85rem;min-height:15rem;padding:1.25rem;display:grid}.accessibility-readout>code{border:1px solid var(--brick-color-accent-border);background:var(--brick-color-accent-soft);width:fit-content;color:var(--brick-color-accent-text);font-family:var(--site-font-mono);border-radius:.45rem;padding:.35rem .5rem;font-size:.68rem}.accessibility-readout>strong{font-family:var(--site-font-display);letter-spacing:-.035em;font-size:1.35rem;line-height:1.12}.accessibility-readout__owners{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.accessibility-readout__owners p{border:1px solid var(--brick-color-border-subtle);background:color-mix(in srgb, var(--brick-color-surface-base), transparent 8%);color:var(--brick-color-text-secondary);border-radius:.65rem;align-content:start;gap:.25rem;margin:0;padding:.7rem;font-size:.68rem;line-height:1.5;display:grid}.accessibility-readout__owners span{color:var(--brick-color-accent-text);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:700}.accessibility-highlights{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-block:0 2.5rem;display:grid}.accessibility-highlights>div{border:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-raised);border-radius:.75rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.6rem;min-width:0;padding:.7rem;display:grid}.accessibility-highlights>div>span{background:var(--brick-color-accent-soft);width:2rem;height:2rem;color:var(--brick-color-accent-text);border-radius:.55rem;place-items:center;display:grid}.accessibility-highlights p{gap:.12rem;min-width:0;margin:0;display:grid}.accessibility-highlights strong{font-size:.72rem}.accessibility-highlights small{color:var(--brick-color-text-secondary);font-size:.62rem;line-height:1.4}.guide-orbit,.primitive-contract{border:1px solid var(--brick-color-border-subtle);background:radial-gradient(circle at center, var(--brick-color-accent-soft), var(--brick-color-surface-base) 68%);border-radius:1.2rem;min-height:14rem;position:relative;overflow:hidden}.guide-orbit__ring{border:1px solid var(--brick-color-accent-border);border-radius:50%;position:absolute;inset:18% 12%;transform:rotate(-18deg)}.guide-orbit__ring.ring-two{inset:12% 27%;transform:rotate(58deg)}.guide-orbit__core{border:1px solid var(--brick-color-accent-border);background:var(--brick-color-surface-raised);min-width:8rem;box-shadow:0 1rem 2.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 72%);text-align:center;border-radius:1rem;justify-items:center;gap:.12rem;padding:.8rem;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.guide-orbit__core svg{color:var(--brick-color-accent-text)}.guide-orbit__core strong{font-size:.82rem}.guide-orbit__core small{color:var(--brick-color-text-muted);font-size:.62rem}.guide-orbit__badge{position:absolute;inset-block-start:.8rem;inset-inline-start:.8rem}.primitive-contract{min-height:16rem}.primitive-contract:before{opacity:.45;background-image:radial-gradient(circle, var(--brick-color-accent-border) 1px, transparent 1px);content:"";background-size:1.2rem 1.2rem;position:absolute;inset:0}.primitive-contract__core{z-index:2;border:1px solid var(--brick-color-accent-border);background:var(--brick-color-surface-raised);min-width:8.5rem;box-shadow:0 1rem 2.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 68%);border-radius:1rem;justify-items:center;gap:.1rem;padding:.9rem;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.primitive-contract__core svg{color:var(--brick-color-accent-text)}.primitive-contract__core small{color:var(--brick-color-text-muted);font-size:.62rem}.contract-signal{z-index:2;border:1px solid var(--brick-color-border-default);background:var(--brick-color-surface-raised);color:var(--brick-color-text-secondary);box-shadow:0 .5rem 1.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 78%);border-radius:.55rem;align-items:center;gap:.3rem;padding:.35rem .5rem;display:flex;position:absolute}.contract-signal svg{width:.85rem}.contract-signal small{font-size:.58rem}.signal-keyboard{inset-block-start:1.2rem;inset-inline-start:1rem}.signal-touch{inset-block-start:1.5rem;inset-inline-end:1rem}.signal-semantics{inset-block-end:1.25rem;inset-inline-start:1rem}.signal-focus{inset-block-end:1.1rem;inset-inline-end:1rem}.primitive-document__header{gap:1rem;max-width:47rem;margin-block-end:2.5rem;display:grid}.primitive-document__header>*{margin:0}.primitive-document__header .brick-badge{width:fit-content}.primitive-document__header h1{font-family:var(--site-font-display);letter-spacing:-.06em;font-size:clamp(3rem,7vw,5rem);font-weight:650;line-height:.96}.primitive-document__header p{max-width:43rem;color:var(--brick-color-text-secondary);font-size:1.06rem;line-height:1.7}.atom-example{border:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-raised);box-shadow:0 1.2rem 3rem color-mix(in srgb, var(--brick-color-shadow), transparent 84%);border-radius:1.1rem;margin-block:0 4rem;scroll-margin-block-start:calc(var(--site-header-height) + 1.5rem);overflow:hidden}.atom-example__header{border-block-end:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-base);justify-content:space-between;align-items:center;gap:1rem;min-height:4.4rem;padding:.85rem 1rem;display:flex}.atom-example__header>div{gap:.15rem;display:grid}.atom-example__header>div>span{color:var(--brick-color-accent-text);letter-spacing:.1em;text-transform:uppercase;font-size:.64rem;font-weight:680}.atom-example__header h2{font-family:var(--site-font-display);letter-spacing:-.02em;margin:0;font-size:1rem}.atom-example__header .brick-badge{white-space:nowrap;flex:none;gap:.35rem}.atom-example__canvas{isolation:isolate;overscroll-behavior-inline:contain;background:linear-gradient(135deg, var(--atom-stage-start), var(--atom-stage-middle) 52%, var(--atom-stage-end));place-items:center;min-height:22rem;padding:clamp(4.2rem,9vw,5.5rem) clamp(1.2rem,5vw,3rem) clamp(2.4rem,6vw,3.5rem);display:grid;position:relative;overflow:auto hidden}.atom-example__canvas:before{z-index:-2;background:radial-gradient(circle at 18% 16%, var(--atom-stage-glow), transparent 30%), radial-gradient(circle at 84% 84%, color-mix(in srgb, var(--site-violet), transparent 68%), transparent 34%);content:"";position:absolute;inset:0}.atom-example__canvas:after{z-index:-1;opacity:.65;background-image:radial-gradient(circle, var(--atom-stage-line) 1px, transparent 1px);content:"";background-position:50%;background-size:1.7rem 1.7rem;position:absolute;inset:0;-webkit-mask-image:radial-gradient(78% 78%,#000 15%,#0000 78%);mask-image:radial-gradient(78% 78%,#000 15%,#0000 78%)}.atom-example__identity{z-index:2;border:1px solid color-mix(in srgb, var(--brick-color-border-default), transparent 20%);background:color-mix(in srgb, var(--brick-color-surface-raised), transparent 6%);color:var(--brick-color-text-secondary);box-shadow:0 .5rem 1.4rem color-mix(in srgb, var(--brick-color-shadow), transparent 84%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:.38rem;padding:.35rem .55rem;font-size:.64rem;font-weight:650;display:inline-flex;position:absolute;inset-block-start:.85rem;inset-inline-start:.9rem}.atom-example__identity svg{color:var(--brick-color-accent-text)}.atom-example__identity span{color:var(--brick-color-border-strong)}.atom-example__specimen{z-index:1;width:min(100%,33rem);min-width:0;position:relative}.atom-example__canvas:is([data-layout=compact],[data-layout=form],[data-layout=overlay],[data-layout=expanding],[data-layout=utility]) .atom-example__specimen{width:fit-content;max-width:100%}.atom-example__canvas[data-layout=form] .atom-example__specimen{width:min(100%,27rem)}.atom-example__canvas:is([data-layout=collection],[data-layout=structural]) .atom-example__specimen{width:100%}.atom-example__canvas[data-layout=expanding]{align-content:start;min-height:0;padding-block-end:3rem}.atom-example__canvas[data-layout=overlay]{min-height:20rem}.atom-example__loading{background:var(--brick-color-surface-raised);color:var(--brick-color-text-secondary);border-radius:.7rem;align-items:center;gap:.55rem;padding:.75rem 1rem;font-size:.75rem;display:flex}.atom-example__loading span{background:var(--brick-color-accent-solid);width:.55rem;height:.55rem;box-shadow:0 0 0 .3rem var(--brick-color-accent-soft);border-radius:50%;animation:1s ease-in-out infinite alternate particle-pulse}@keyframes particle-pulse{to{opacity:.4;transform:scale(.72)}}.atom-example__footer{border-block-start:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-base);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.8rem 1rem;display:grid}.atom-example__footer p{color:var(--brick-color-text-secondary);align-items:center;gap:.45rem;margin:0;font-size:.69rem;line-height:1.45;display:flex}.atom-example__footer code{border:1px solid var(--brick-color-accent-border);background:var(--brick-color-accent-soft);max-width:18rem;color:var(--brick-color-accent-text);font-family:var(--site-font-mono);text-overflow:ellipsis;white-space:nowrap;border-radius:.4rem;padding:.3rem .45rem;font-size:.62rem;overflow:hidden}.atom-demo-surface{border:1px solid color-mix(in srgb, var(--brick-color-border-default), transparent 8%);background:color-mix(in srgb, var(--brick-color-surface-raised), transparent 3%);color:var(--brick-color-text-primary);box-shadow:0 1.1rem 3rem color-mix(in srgb, var(--brick-color-shadow), transparent 64%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:.95rem;padding:1rem}.atom-demo-surface :is(h2,h3,p){margin:0}.atom-demo-button,.atom-demo-icon-button,.atom-demo-segment,.atom-demo-toggle{border:1px solid var(--brick-color-accent-border);background:var(--brick-color-accent-solid);min-height:2.5rem;color:var(--brick-color-accent-on-solid);font:650 .78rem/1 var(--site-font-body);cursor:pointer;border-radius:.65rem;padding:.55rem .8rem}.atom-demo-button{justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.atom-demo-button>span{background:color-mix(in srgb, var(--brick-color-accent-on-solid), transparent 78%);border-radius:999px;place-items:center;min-width:1.25rem;height:1.25rem;font-size:.62rem;display:grid}.atom-demo-button--quiet{border-color:var(--brick-color-border-default);background:var(--brick-color-surface-subtle);color:var(--brick-color-text-primary)}.atom-demo-button--danger{border-color:var(--brick-color-danger-border);background:var(--brick-color-danger-solid);color:var(--brick-color-danger-on-solid)}.atom-demo-icon-button{place-items:center;width:2.5rem;min-width:2.5rem;padding:0;display:inline-grid}.atom-demo-pressable{border:1px solid var(--brick-color-accent-border);background:var(--brick-color-surface-raised);min-width:15rem;color:var(--brick-color-text-primary);box-shadow:0 1rem 2.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 70%);cursor:pointer;text-align:start;border-radius:1rem;gap:.2rem;padding:1rem;display:grid}.atom-demo-pressable span{color:var(--brick-color-text-secondary);font-size:.7rem}.atom-demo-field,.atom-demo-form{gap:.65rem;width:min(100%,27rem);display:grid}.atom-demo-field>label,.atom-demo-field>span,.atom-demo-field>strong,.atom-demo-field>[data-slot=clipboard-label]{font-size:.77rem;font-weight:650}.atom-demo-field>small,.atom-demo-field [data-slot$=description],.atom-demo-fieldset [data-slot$=description]{color:var(--brick-color-text-secondary);font-size:.68rem;line-height:1.45}.atom-demo-input-row{align-items:stretch;gap:.4rem;min-width:0;display:flex}.atom-demo-input,.atom-demo-textarea{border:1px solid var(--brick-color-border-default);background:var(--brick-color-surface-raised);width:100%;min-width:0;min-height:2.6rem;color:var(--brick-color-text-primary);border-radius:.65rem;padding:.62rem .72rem;font-size:.8rem}.atom-demo-textarea{resize:vertical;min-height:6.4rem}.atom-demo-count{color:var(--brick-color-text-muted);justify-self:end;font-size:.64rem}.atom-demo-stepper{grid-template-columns:auto minmax(5rem,1fr) auto;gap:.35rem;display:grid}.atom-demo-stepper .atom-demo-input{text-align:center}.atom-demo-otp{align-items:center;gap:.4rem;display:flex}.atom-demo-otp-cell{border:1px solid var(--brick-color-border-default);background:var(--brick-color-surface-raised);width:2.7rem;height:3rem;color:var(--brick-color-text-primary);font:650 1rem var(--site-font-mono);text-align:center;border-radius:.65rem}.atom-demo-status{min-height:1rem;color:var(--brick-color-text-secondary);font-size:.68rem}.atom-demo-fieldset{border:1px solid var(--brick-color-border-default);background:var(--brick-color-surface-raised);border-radius:.85rem;gap:.65rem;min-width:min(24rem,100%);margin:0;padding:1rem;display:grid}.atom-demo-fieldset legend{padding-inline:.35rem;font-size:.78rem;font-weight:650}.atom-demo-fieldset label{align-items:center;gap:.5rem;font-size:.78rem;display:flex}.atom-demo-upload{width:min(100%,26rem)}.atom-demo-dropzone{border:1px dashed var(--brick-color-border-strong);background:color-mix(in srgb, var(--brick-color-surface-raised), transparent 4%);text-align:center;border-radius:1rem;justify-items:center;gap:.35rem;padding:1.5rem;display:grid}.atom-demo-dropzone span{color:var(--brick-color-text-secondary);margin-block-end:.5rem;font-size:.7rem}.atom-demo-segmented{border:1px solid var(--brick-color-border-default);background:var(--brick-color-surface-raised);border-radius:.75rem;gap:.25rem;width:fit-content;max-width:100%;padding:.25rem;display:flex}.atom-demo-segment{min-height:2.2rem;color:var(--brick-color-text-secondary);background:0 0;border-color:#0000}.atom-demo-segment[data-state=on],.atom-demo-segment[aria-pressed=true]{background:var(--brick-color-accent-soft);color:var(--brick-color-accent-text)}.atom-demo-toggle{background:var(--brick-color-surface-raised);color:var(--brick-color-text-primary);align-items:center;gap:.5rem;display:inline-flex}.atom-demo-toggle[data-state=on]{background:var(--brick-color-accent-soft);color:var(--brick-color-accent-text)}.atom-demo-choice-list{gap:.45rem;display:grid}.atom-demo-choice{background:color-mix(in srgb, var(--brick-color-surface-base), transparent 8%);color:var(--brick-color-text-primary);cursor:pointer;border-radius:.7rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;padding:.55rem;font-size:.78rem;display:grid}.atom-demo-choice>span:last-child{gap:.12rem;display:grid}.atom-demo-choice small{color:var(--brick-color-text-secondary);font-size:.65rem;line-height:1.4}.atom-demo-checkbox,.atom-demo-radio{border:1px solid var(--brick-color-border-strong);background:var(--brick-color-surface-raised);color:#0000;border-radius:.35rem;place-items:center;width:1.35rem;height:1.35rem;padding:0;font-size:.7rem;display:grid}.atom-demo-radio{border-radius:50%}.atom-demo-radio>span{border-radius:50%;width:.55rem;height:.55rem}.atom-demo-checkbox[data-state=checked],.atom-demo-choice[data-state=checked] .atom-demo-checkbox{border-color:var(--brick-color-accent-solid);background:var(--brick-color-accent-solid);color:var(--brick-color-accent-on-solid)}.atom-demo-radio[data-state=checked]>span{background:var(--brick-color-accent-solid)}.atom-demo-parent-choice{width:fit-content;color:var(--brick-color-accent-text);background:0 0;border:0;padding:.2rem 0;font-size:.7rem;font-weight:650}.atom-demo-switch{background:var(--brick-color-border-strong);border:0;border-radius:999px;width:2.8rem;height:1.55rem;padding:.17rem;position:relative}.atom-demo-switch [data-slot=switch-thumb]{background:#fff;border-radius:50%;width:1.2rem;height:1.2rem;transition:transform .14s;display:block}.atom-demo-switch[data-state=checked]{background:var(--brick-color-accent-solid)}.atom-demo-switch[data-state=checked] [data-slot=switch-thumb]{transform:translate(1.25rem)}.atom-demo-label-row{justify-content:space-between;align-items:center;gap:1rem;font-size:.75rem;display:flex}.atom-demo-label-row span{color:var(--brick-color-text-secondary);font-family:var(--site-font-mono);font-size:.65rem}.atom-demo-slider{touch-action:none;align-items:center;height:2rem;display:flex}.atom-demo-slider [data-slot=slider-track]{background:var(--brick-color-surface-subtle);border-radius:999px;width:100%;height:.35rem;position:relative}.atom-demo-slider [data-slot=slider-range]{border-radius:inherit;background:var(--brick-color-accent-solid);height:100%;position:absolute}.atom-demo-slider [data-slot=slider-thumb]{border:3px solid var(--brick-color-surface-raised);background:var(--brick-color-accent-solid);width:1.15rem;height:1.15rem;box-shadow:0 0 0 1px var(--brick-color-accent-border), 0 .2rem .6rem var(--brick-color-shadow);border-radius:50%;display:block;position:absolute;inset-block-start:50%;transform:translate(-50%,-50%)}.atom-demo-slider-scale{color:var(--brick-color-text-muted);justify-content:space-between;font-size:.61rem;display:flex}.atom-demo-label-row output{color:var(--brick-color-accent-text);font-family:var(--site-font-mono);font-size:.72rem;font-weight:700}.atom-demo-rating{outline-offset:.35rem;gap:.18rem;width:fit-content;display:flex}.atom-demo-rating [data-slot=rating-item]{color:var(--brick-color-border-strong);cursor:pointer;background:0 0;border:0;padding:.1rem;font-size:1.7rem}.atom-demo-rating [data-state=full]{color:#d78a00}.atom-demo-select-trigger{border:1px solid var(--brick-color-border-default);background:var(--brick-color-surface-raised);width:100%;min-height:2.6rem;color:var(--brick-color-text-primary);border-radius:.65rem;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem .7rem;font-size:.78rem;display:flex}.atom-demo-popover,.atom-demo-menu,.atom-demo-tooltip{z-index:1200;border:1px solid var(--brick-color-border-default);background:var(--brick-color-surface-overlay);min-width:11rem;color:var(--brick-color-text-primary);box-shadow:0 1.2rem 3rem color-mix(in srgb, var(--brick-color-shadow), transparent 52%);border-radius:.8rem;padding:.45rem}.atom-demo-option,.atom-demo-menu [role^=menuitem]{cursor:pointer;border-radius:.5rem;justify-content:space-between;align-items:center;gap:.8rem;min-height:2.25rem;padding:.45rem .55rem;font-size:.76rem;display:flex}.atom-demo-option:is([data-highlighted],[data-active]),.atom-demo-menu [role^=menuitem]:is([data-highlighted],:focus-visible){background:var(--brick-color-accent-soft);color:var(--brick-color-accent-text);outline:0}.atom-demo-listbox{border:1px solid var(--brick-color-border-default);background:var(--brick-color-surface-raised);border-radius:.75rem;min-width:15rem;padding:.4rem}.atom-demo-listbox [data-slot=listbox-label]{color:var(--brick-color-text-muted);text-transform:uppercase;padding:.4rem .55rem;font-size:.65rem;font-weight:650;display:block}.atom-demo-appbar,.atom-demo-bottom-nav,.atom-demo-breadcrumb,.atom-demo-nav-list,.atom-demo-navigation-menu,.atom-demo-menubar,.atom-demo-pagination,.atom-demo-toolbar,.atom-demo-sidebar{border:1px solid var(--brick-color-border-default);background:var(--brick-color-surface-raised);color:var(--brick-color-text-primary);box-shadow:0 1rem 2.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 68%);border-radius:.9rem}.atom-demo-appbar{width:100%;padding:.65rem .7rem}.atom-demo-appbar [data-slot=appbar-toolbar]{grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem;display:grid}.atom-demo-appbar [data-slot=appbar-end]{justify-self:end}.atom-demo-appbar__brand{align-items:center;gap:.55rem;display:flex}.atom-demo-appbar__brand>span:last-child{gap:.1rem;display:grid}.atom-demo-appbar__brand small{color:var(--brick-color-text-muted);font-size:.58rem}.atom-demo-appbar__status{border:1px solid var(--brick-color-success-border);background:var(--brick-color-success-soft);color:var(--brick-color-success-text);border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .55rem;font-size:.63rem;font-weight:650;display:flex}.atom-demo-appbar__status i,.atom-demo-system-status i{background:currentColor;border-radius:50%;width:.38rem;height:.38rem}.atom-demo-logo{background:var(--brick-color-accent-solid);width:2rem;height:2rem;color:var(--brick-color-accent-on-solid);border-radius:50%;place-items:center;font-weight:700;display:grid}.atom-demo-bottom-nav{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;padding:.35rem;display:grid}.atom-demo-bottom-nav [data-slot=bottom-nav-item]{min-height:3.65rem;color:var(--brick-color-text-secondary);background:0 0;border:0;border-radius:.65rem;align-content:center;justify-items:center;gap:.25rem;padding:.45rem;font-size:.66rem;display:grid}.atom-demo-bottom-nav [data-state=active]{background:var(--brick-color-accent-soft);color:var(--brick-color-accent-text)}.atom-demo-breadcrumb{padding:.8rem 1rem}.atom-demo-breadcrumb ol,.atom-demo-navigation-menu ul,.atom-demo-nav-list ul,.atom-demo-pagination :is(ol,ul){align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.atom-demo-breadcrumb a{color:var(--brick-color-accent-text);text-decoration:none}.atom-demo-breadcrumb [aria-current=page]{font-weight:650}.atom-demo-nav-list{min-width:15rem;padding:.4rem}.atom-demo-nav-list ul{gap:.15rem;display:grid}.atom-demo-nav-list a{color:var(--brick-color-text-secondary);border-radius:.55rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.6rem .65rem;font-size:.74rem;text-decoration:none;display:grid}.atom-demo-nav-list a[data-active]{background:var(--brick-color-accent-soft);color:var(--brick-color-accent-text)}.atom-demo-nav-list__current{background:0 0;border-radius:50%;width:.38rem;height:.38rem}.atom-demo-nav-list a[data-active] .atom-demo-nav-list__current{background:currentColor}.atom-demo-navigation-menu{width:fit-content;max-width:100%;padding:.35rem;position:relative}.atom-demo-navigation-menu button,.atom-demo-navigation-menu a{color:var(--brick-color-text-primary);background:0 0;border:0;border-radius:.55rem;padding:.55rem .7rem;font-size:.76rem;text-decoration:none}.atom-demo-navigation-viewport{border:1px solid var(--brick-color-border-default);background:var(--brick-color-surface-overlay);box-shadow:0 1rem 2.5rem var(--brick-color-shadow);border-radius:.8rem;position:absolute;inset-block-start:calc(100% + .45rem);inset-inline-start:0;overflow:hidden}.atom-demo-nav-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;width:20rem;padding:.4rem;display:grid}.atom-demo-nav-panel a{gap:.15rem;display:grid}.atom-demo-nav-panel small{color:var(--brick-color-text-secondary);font-size:.62rem;line-height:1.35}.atom-demo-menu--static{position:relative!important;inset:auto!important;transform:none!important}.atom-demo-menu [data-slot=menu-separator]{background:var(--brick-color-border-subtle);height:1px;margin:.3rem 0}.atom-demo-menu [role^=menuitem]>span:last-child{color:var(--brick-color-text-muted);margin-inline-start:auto;font-size:.65rem}.atom-demo-context-target{border:2px dashed var(--brick-color-accent-border);background:linear-gradient(145deg, color-mix(in srgb, var(--brick-color-surface-raised), transparent 2%), color-mix(in srgb, var(--brick-color-accent-soft), transparent 42%));width:min(100%,30rem);min-height:15rem;color:var(--brick-color-text-primary);cursor:context-menu;text-align:center;box-shadow:inset 0 0 0 .35rem color-mix(in srgb, var(--brick-color-surface-raised), transparent 38%);border-radius:.8rem;place-content:center;justify-items:center;gap:.65rem;padding:2.4rem 2rem 1.65rem;display:grid;position:relative}.atom-demo-context-target__eyebrow{color:var(--brick-color-accent-text);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.35rem;font-size:.59rem;font-weight:700;display:inline-flex;position:absolute;inset-block-start:.75rem;inset-inline-start:.85rem}.atom-demo-context-target__icon{background:var(--brick-color-accent-solid);width:3rem;height:3rem;color:var(--brick-color-accent-on-solid);box-shadow:0 .55rem 1.3rem color-mix(in srgb, var(--brick-color-accent-solid), transparent 70%);border-radius:.8rem;place-items:center;margin-block-end:.1rem;display:grid}.atom-demo-context-target>strong{font-size:1rem}.atom-demo-context-target__copy{max-width:21rem;color:var(--brick-color-text-secondary);font-size:.72rem;line-height:1.55}.atom-demo-context-target__hint{color:var(--brick-color-text-muted);align-items:center;gap:.3rem;margin-block-start:.2rem;font-size:.6rem;display:inline-flex}.atom-demo-context-target__hint kbd{border:1px solid var(--brick-color-border-default);background:var(--brick-color-surface-raised);color:var(--brick-color-text-secondary);font-family:var(--site-font-mono);border-radius:.3rem;padding:.2rem .35rem}.atom-demo-context-target__hint :is(b,i){font-style:normal;font-weight:500}.atom-demo-context-target__hint i{margin-inline-start:.35rem}.atom-demo-menubar{width:fit-content;padding:.3rem;display:flex}.atom-demo-menubar [data-slot=menubar-trigger]{color:inherit;background:0 0;border:0;border-radius:.5rem;padding:.5rem .7rem}.atom-demo-pagination-wrap{justify-items:center;gap:.55rem;display:grid}.atom-demo-pagination-wrap>span{color:var(--brick-color-text-secondary);font-size:.67rem}.atom-demo-pagination{width:fit-content;padding:.35rem}.atom-demo-pagination button,.atom-demo-pagination a{min-width:2.2rem;height:2.2rem;color:var(--brick-color-text-secondary);background:0 0;border:0;border-radius:.5rem;place-items:center;display:grid}.atom-demo-pagination [aria-current=page]{background:var(--brick-color-accent-soft);color:var(--brick-color-accent-text)}.atom-demo-sr-label{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.atom-demo-sidebar{grid-template-columns:11rem minmax(0,1fr);width:min(100%,32rem);min-height:17rem;transition:grid-template-columns .18s;display:grid;overflow:hidden}.atom-demo-sidebar[data-state=rail]{grid-template-columns:3.7rem minmax(0,1fr)}.atom-demo-sidebar [data-slot=sidebar-panel]{border-inline-end:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-base);align-content:start;gap:1rem;min-width:0;padding:.8rem;display:grid;overflow:hidden}.atom-demo-sidebar__brand{align-items:center;gap:.5rem;font-style:normal;display:flex}.atom-demo-sidebar__brand span{background:var(--brick-color-accent-solid);width:1.9rem;height:1.9rem;color:var(--brick-color-accent-on-solid);border-radius:.55rem;flex:none;place-items:center;display:grid}.atom-demo-sidebar__brand em{font-style:normal;overflow:hidden}.atom-demo-sidebar nav{gap:.2rem;display:grid}.atom-demo-sidebar nav a{min-height:2.35rem;color:var(--brick-color-text-secondary);white-space:nowrap;border-radius:.5rem;align-items:center;gap:.55rem;padding:.5rem;font-size:.7rem;text-decoration:none;display:flex;overflow:hidden}.atom-demo-sidebar nav a[data-active]{background:var(--brick-color-accent-soft);color:var(--brick-color-accent-text)}.atom-demo-sidebar nav a svg{flex:none}.atom-demo-sidebar[data-state=rail] :is(.atom-demo-sidebar__brand em,nav a span){display:none}.atom-demo-sidebar[data-state=rail] nav a{justify-content:center;gap:0;width:2.1rem;min-width:2.1rem;padding-inline:0}.atom-demo-sidebar [data-slot=sidebar-main]{align-content:start;gap:1rem;padding:.8rem;display:grid}.atom-demo-sidebar__main-head{align-items:center;gap:.7rem;display:flex}.atom-demo-sidebar__main-head>div{gap:.1rem;display:grid}.atom-demo-sidebar__main-head small{color:var(--brick-color-text-muted);font-size:.6rem}.atom-demo-sidebar__metric{border:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-subtle);border-radius:.7rem;justify-content:space-between;align-items:end;padding:.7rem;display:flex}.atom-demo-sidebar__metric span{color:var(--brick-color-text-secondary);font-size:.65rem}.atom-demo-sidebar__metric strong{color:var(--brick-color-accent-text);font-size:1.15rem}.atom-demo-sidebar p{color:var(--brick-color-text-secondary);margin:0;font-size:.72rem;line-height:1.55}.atom-demo-tabs{border:1px solid var(--brick-color-border-default);background:var(--brick-color-surface-raised);width:min(100%,28rem);box-shadow:0 1rem 2.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 68%);border-radius:.9rem;padding:.4rem}.atom-demo-tabs [role=tablist]{grid-template-columns:repeat(3,1fr);gap:.2rem;display:grid}.atom-demo-tabs [role=tab]{color:var(--brick-color-text-secondary);background:0 0;border:0;border-radius:.5rem;padding:.55rem;font-size:.7rem}.atom-demo-tabs [role=tab][aria-selected=true]{background:var(--brick-color-accent-soft);color:var(--brick-color-accent-text)}.atom-demo-tabs [role=tabpanel]{min-height:7rem;padding:1.2rem .75rem .75rem}.atom-demo-tabs [role=tabpanel] p{color:var(--brick-color-text-secondary);margin:.4rem 0 0;font-size:.72rem;line-height:1.55}.atom-demo-toolbar{align-items:center;gap:.2rem;width:fit-content;padding:.35rem;display:flex}.atom-demo-toolbar :is(button,a){min-width:2.2rem;height:2.2rem;color:var(--brick-color-text-primary);background:0 0;border:0;border-radius:.5rem;justify-content:center;align-items:center;gap:.35rem;padding:.4rem .5rem;font-size:.68rem;text-decoration:none;display:flex}.atom-demo-toolbar [data-state=on]{background:var(--brick-color-accent-soft);color:var(--brick-color-accent-text)}.atom-demo-toolbar [data-slot=toolbar-toggle-group]{align-items:center;gap:.2rem;display:flex}.atom-demo-toolbar [role=separator]{background:var(--brick-color-border-default);width:1px;height:1.3rem}.atom-demo-link-card{gap:.55rem;min-width:16rem;display:grid}.atom-demo-link-card>span{color:var(--brick-color-text-secondary);font-size:.7rem}.atom-demo-link{width:fit-content;color:var(--brick-color-accent-text);font-weight:650;text-decoration:none}.atom-demo-overlay{z-index:1100;background:color-mix(in srgb, var(--brick-color-scrim), transparent 10%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;inset:0}.atom-demo-dialog{z-index:1101;border:1px solid var(--brick-color-border-default);background:var(--brick-color-surface-overlay);width:min(100dvi - 2rem,28rem);color:var(--brick-color-text-primary);box-shadow:0 2rem 6rem var(--brick-color-shadow);border-radius:1rem;gap:.8rem;padding:1.25rem;display:grid;position:fixed;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.atom-demo-dialog :is(h2,p,dl){margin:0}.atom-demo-dialog>p,.atom-demo-dialog [data-slot$=description]{color:var(--brick-color-text-secondary);font-size:.78rem;line-height:1.55}.atom-demo-dialog__actions{justify-content:flex-end;gap:.55rem;margin-block-start:.4rem;display:flex}.atom-demo-drawer{z-index:1101;background:var(--brick-color-surface-overlay);width:min(90dvi,24rem);color:var(--brick-color-text-primary);box-shadow:-1rem 0 4rem var(--brick-color-shadow);align-content:start;gap:.8rem;padding:1.25rem;display:grid;position:fixed;inset-block:0;inset-inline-end:0}.atom-demo-drawer :is(h2,p,dl){margin:0}.atom-demo-drawer>p{color:var(--brick-color-text-secondary);font-size:.76rem;line-height:1.55}.atom-demo-drawer dl{gap:.5rem;display:grid}.atom-demo-drawer dl>div{border-block-end:1px solid var(--brick-color-border-subtle);justify-content:space-between;gap:1rem;padding-block-end:.45rem;font-size:.72rem;display:flex}.atom-demo-arrow{fill:var(--brick-color-surface-overlay)}.atom-demo-popover{gap:1rem;width:min(20rem,100dvi - 2rem);padding:1rem;display:grid}.atom-demo-popover :is(h2,p){margin:0}.atom-demo-popover>p{color:var(--brick-color-text-secondary);font-size:.7rem;line-height:1.45}.atom-demo-popover__header{border-block-end:1px solid var(--brick-color-border-subtle);gap:.35rem;padding-block-end:.9rem;display:grid}.atom-demo-popover__header [data-slot=popover-description]{color:var(--brick-color-text-secondary);font-size:.7rem;line-height:1.5}.atom-demo-popover__option{padding:.7rem}.atom-demo-popover__footer{border-block-start:1px solid var(--brick-color-border-subtle);justify-content:flex-end;margin-block-start:.25rem;padding-block-start:1rem;display:flex}.atom-demo-profile-trigger{border:1px solid var(--brick-color-border-default);background:var(--brick-color-surface-raised);width:fit-content;color:var(--brick-color-text-primary);box-shadow:0 1rem 2.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 68%);border-radius:.8rem;align-items:center;gap:.7rem;padding:.55rem .7rem;text-decoration:none;display:flex}.atom-demo-profile-trigger>span:last-child{gap:.1rem;display:grid}.atom-demo-profile-trigger small{color:var(--brick-color-text-secondary);font-size:.65rem}.atom-demo-avatar{background:var(--brick-color-accent-soft);width:2.1rem;height:2.1rem;color:var(--brick-color-accent-text);border-radius:50%;place-items:center;font-size:.65rem;font-weight:700;display:grid}.atom-demo-profile-card small{color:var(--brick-color-accent-text);font-size:.65rem}.atom-demo-tooltip{background:var(--brick-color-text-primary);min-width:0;color:var(--brick-color-surface-canvas);border-radius:.55rem;padding:.45rem .55rem;font-size:.68rem}.atom-demo-toast-stage{gap:.8rem;min-width:min(25rem,100%);display:grid}.atom-demo-toast-stage>div:first-child{gap:.2rem;display:grid}.atom-demo-toast-stage p{color:var(--brick-color-text-secondary);margin:0;font-size:.7rem}.atom-demo-toast{border:1px solid var(--brick-color-success-border);background:var(--brick-color-surface-overlay);width:min(23rem,100dvi - 2rem);color:var(--brick-color-text-primary);box-shadow:0 1rem 3rem var(--brick-color-shadow);border-radius:.8rem;justify-content:space-between;align-items:start;gap:1rem;padding:.8rem;display:flex}.atom-demo-toast>div{gap:.2rem;display:grid}.atom-demo-toast [data-slot=toast-title]{color:var(--brick-color-success-text);font-weight:700}.atom-demo-toast [data-slot=toast-description]{color:var(--brick-color-text-secondary);font-size:.68rem;line-height:1.45}.atom-demo-toast .atom-demo-icon-button{border-color:var(--brick-color-border-default);width:2rem;min-width:2rem;height:2rem;min-height:2rem;color:var(--brick-color-text-secondary);background:0 0}.atom-demo-toast-viewport{z-index:1200;gap:.5rem;margin:0;padding:0;list-style:none;display:grid;position:fixed;inset-block-end:1rem;inset-inline-end:1rem}.atom-demo-data-table{border:1px solid var(--brick-color-border-default);border-collapse:separate;border-spacing:0;background:var(--brick-color-surface-raised);width:100%;color:var(--brick-color-text-primary);box-shadow:0 1rem 2.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 68%);border-radius:.85rem;font-size:.7rem;overflow:hidden}.atom-demo-data-table :is(th,[role=columnheader]){color:var(--brick-color-text-secondary);text-align:start;font-weight:650}.atom-demo-data-table :is(th,td,[role=gridcell],[role=rowheader],[role=columnheader]){border-block-end:1px solid var(--brick-color-border-subtle);padding:.65rem}.atom-demo-data-table [role=row][aria-selected=true]{background:var(--brick-color-accent-soft);color:var(--brick-color-accent-text)}.atom-demo-feed{gap:.45rem;display:grid}.atom-demo-feed [role=article]{border:1px solid var(--brick-color-border-default);background:var(--brick-color-surface-raised);color:var(--brick-color-text-primary);box-shadow:0 .6rem 1.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 82%);border-radius:.75rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;padding:.65rem;display:grid}.atom-demo-feed [role=article]>div{gap:.1rem;display:grid}.atom-demo-feed small{color:var(--brick-color-text-secondary);font-size:.64rem}.atom-demo-list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.atom-demo-list li{border:1px solid var(--brick-color-border-default);background:var(--brick-color-surface-raised);border-radius:.7rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;padding:.6rem;display:grid}.atom-demo-list li>span{color:var(--brick-color-accent-text);font-family:var(--site-font-mono);font-size:.65rem}.atom-demo-list li>div{gap:.1rem;display:grid}.atom-demo-list small{color:var(--brick-color-text-secondary);font-size:.62rem}.atom-demo-tree{border:1px solid var(--brick-color-border-default);background:var(--brick-color-surface-raised);box-shadow:0 1rem 2.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 68%);border-radius:.85rem;padding:.45rem}.atom-demo-tree [role=treeitem]{border-radius:.5rem;padding:.42rem .55rem;font-size:.72rem}.atom-demo-tree [role=treeitem][aria-selected=true]{background:var(--brick-color-accent-soft);color:var(--brick-color-accent-text)}.atom-demo-tree [role=group]{padding-inline-start:1rem}.atom-demo-tree__label{align-items:center;gap:.4rem;display:inline-flex}.atom-demo-tree__chevron{transition:transform .14s}[aria-expanded=true]>[data-slot=tree-item-text] .atom-demo-tree__chevron,.atom-demo-tree-grid [role=row][aria-expanded=true] .atom-demo-tree__chevron{transform:rotate(90deg)}.atom-demo-tree__leaf{color:var(--brick-color-text-secondary);padding-inline-start:1.05rem}.atom-demo-tree-grid [role=row]{min-height:2.7rem}.atom-demo-tree-grid [role=row][aria-expanded]{cursor:pointer}.atom-demo-system-status{color:var(--brick-color-success-text);align-items:center;gap:.35rem;display:inline-flex}.atom-demo-scroll-area{border:1px solid var(--brick-color-border-default);background:var(--brick-color-surface-raised);height:12rem;box-shadow:0 1rem 2.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 68%);border-radius:.85rem;overflow:hidden}.atom-demo-scroll-area [data-slot=scroll-area-viewport]{height:100%;overflow:auto}.atom-demo-scroll-content{padding:.5rem;display:grid}.atom-demo-scroll-content>div{border-block-end:1px solid var(--brick-color-border-subtle);grid-template-columns:auto minmax(0,1fr);gap:.65rem;padding:.65rem;display:grid}.atom-demo-scroll-content>div>span{color:var(--brick-color-accent-text);font-family:var(--site-font-mono);font-size:.65rem}.atom-demo-scroll-content p{gap:.1rem;margin:0;display:grid}.atom-demo-scroll-content small{color:var(--brick-color-text-secondary);font-size:.62rem}.atom-demo-swipe-stage{gap:.5rem;width:min(100%,27rem);display:grid}.atom-demo-swipe-hint{color:var(--brick-color-text-secondary);justify-content:space-between;gap:1rem;font-size:.65rem;display:flex}.atom-demo-swipe-hint small{color:var(--brick-color-text-muted)}.atom-demo-swipe{border:1px solid var(--brick-color-border-default);background:var(--brick-color-surface-raised);min-width:0;box-shadow:0 1rem 2.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 68%);border-radius:.85rem;position:relative;overflow:hidden}.atom-demo-swipe-content{z-index:2;background:var(--brick-color-surface-raised);width:100%;min-width:0;transform:translateX(var(--atom-swipeable-item-offset));grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.8rem;transition:transform .17s;display:grid;position:relative}.atom-demo-swipe[data-dragging] .atom-demo-swipe-content{transition:none}.atom-demo-swipe-content>div{gap:.1rem;display:grid}.atom-demo-swipe-content small{color:var(--brick-color-text-secondary);font-size:.65rem}.atom-demo-swipe-actions{z-index:1;background:var(--brick-color-accent-soft);color:var(--brick-color-accent-text);display:flex;position:absolute;inset-block:0;inset-inline-start:0}.atom-demo-swipe-actions--end{background:var(--brick-color-danger-soft);color:var(--brick-color-danger-text);justify-content:flex-end;inset-inline:auto 0}.atom-demo-swipe-actions button{color:inherit;background:0 0;border:0;align-items:center;gap:.35rem;padding:.75rem;font-weight:650;display:flex}.atom-demo-accordion,.atom-demo-collapsible,.atom-demo-tree,.atom-demo-tree-grid{width:29rem;min-width:0;max-width:100%;margin-inline:auto}.atom-demo-tree-grid{table-layout:fixed}.atom-demo-accordion,.atom-demo-collapsible{border:1px solid var(--brick-color-border-default);background:var(--brick-color-surface-raised);box-shadow:0 1rem 2.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 68%);border-radius:.9rem}.atom-demo-accordion [data-slot=accordion-item]{border-block-end:1px solid var(--brick-color-border-subtle)}.atom-demo-accordion [data-slot=accordion-item]:last-child{border-block-end:0}.atom-demo-accordion [data-slot=accordion-trigger],.atom-demo-collapsible>button{width:100%;min-height:3.25rem;color:var(--brick-color-text-primary);text-align:start;background:0 0;border:0;border-radius:.85rem;justify-content:space-between;align-items:center;padding:.75rem .85rem;font-weight:650;display:flex}.atom-demo-accordion [data-slot=accordion-trigger][data-state=open],.atom-demo-collapsible>button[data-state=open]{color:var(--brick-color-accent-text)}.atom-demo-accordion__title,.atom-demo-collapsible>button>span{align-items:center;gap:.55rem;display:inline-flex}.atom-demo-accordion__indicator{transition:transform .14s}.atom-demo-accordion [data-slot=accordion-trigger][data-state=open] .atom-demo-accordion__indicator,.atom-demo-collapsible>button[data-state=open] .atom-demo-accordion__indicator{transform:rotate(180deg)}.atom-demo-accordion [data-slot=accordion-content]>p,.atom-demo-collapsible [data-slot=collapsible-content]>div{color:var(--brick-color-text-secondary);padding:0 .85rem .9rem 2.95rem;font-size:.72rem;line-height:1.55}.atom-demo-collapsible__content{gap:.22rem;display:grid}.atom-demo-collapsible__content>span{color:var(--brick-color-accent-text);font:650 .61rem var(--site-font-mono);text-transform:uppercase}.atom-demo-accordion p,.atom-demo-collapsible p{margin:0}.atom-demo-aspect{border:1px solid var(--brick-color-border-default);background:radial-gradient(circle at 68% 30%, var(--brick-color-accent-soft), transparent 30%), linear-gradient(140deg, var(--brick-color-surface-raised), var(--brick-color-surface-base));box-shadow:0 1rem 2.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 68%);border-radius:1rem;overflow:hidden}.atom-demo-aspect>div{text-align:center;place-content:center;gap:.3rem;height:100%;display:grid}.atom-demo-aspect span{color:var(--brick-color-accent-text);font-family:var(--site-font-mono);font-size:.7rem}.atom-demo-avatar-group{align-items:center;gap:1rem;display:flex}.atom-demo-avatar-group [data-slot=avatar-group]{display:flex}.atom-demo-avatar--large{border:3px solid var(--brick-color-surface-raised);width:2.8rem;height:2.8rem;margin-inline-start:-.5rem}.atom-demo-avatar--large:first-child{margin-inline-start:0}.atom-demo-avatar-group>div:last-child{gap:.15rem;display:grid}.atom-demo-avatar-group small{color:var(--brick-color-text-secondary);font-size:.65rem}.atom-demo-badge-set{flex-wrap:wrap;gap:.5rem;display:flex}.atom-demo-status-badge{border:1px solid;border-radius:999px;padding:.35rem .55rem;font-size:.68rem;font-weight:650;display:inline-flex}.atom-demo-status-badge[data-tone=success]{color:var(--brick-color-success-text)}.atom-demo-status-badge[data-tone=warning]{color:var(--brick-color-warning-text)}.atom-demo-status-badge[data-tone=danger]{color:var(--brick-color-danger-text)}.atom-demo-divider-card{gap:.7rem;width:min(100%,27rem);display:grid}.atom-demo-layer{border:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-base);border-radius:.7rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;padding:.7rem;display:grid}.atom-demo-layer>span{background:var(--brick-color-accent-soft);width:2.25rem;height:2.25rem;color:var(--brick-color-accent-text);border-radius:.6rem;place-items:center;display:grid}.atom-demo-layer>div{gap:.1rem;display:grid}.atom-demo-layer small{color:var(--brick-color-text-secondary);font-size:.64rem}.atom-demo-divider-label{grid-template-columns:1fr auto 1fr;align-items:center;gap:.55rem;display:grid}.atom-demo-divider-label span{color:var(--brick-color-text-muted);text-transform:uppercase;font-size:.59rem}.atom-demo-divider{background:var(--brick-color-border-default);width:100%;height:1px;display:block}.atom-demo-image{border:1px solid var(--brick-color-border-default);background:var(--brick-color-surface-raised);width:min(100%,25rem);min-height:13rem;box-shadow:0 1rem 2.5rem color-mix(in srgb, var(--brick-color-shadow), transparent 68%);border-radius:1rem;display:grid;overflow:hidden}.atom-demo-image img{object-fit:contain;width:100%;height:100%;padding:2rem}.atom-demo-image [data-slot=image-fallback]{place-content:center;justify-items:center;gap:.4rem;display:grid}.atom-demo-image [data-slot=image-fallback] span{background:var(--brick-color-accent-soft);width:3.5rem;height:3.5rem;color:var(--brick-color-accent-text);border-radius:50%;place-items:center;display:grid}.atom-demo-progress-card{gap:.9rem;width:min(100%,25rem);display:grid}.atom-demo-progress-heading{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;display:grid}.atom-demo-progress-heading>div{gap:.1rem;display:grid}.atom-demo-progress-heading small{color:var(--brick-color-text-secondary);font-size:.64rem}.atom-demo-progress-heading output{color:var(--brick-color-accent-text);font:700 .8rem var(--site-font-mono)}.atom-demo-progress-icon{background:var(--brick-color-accent-soft);width:2.35rem;height:2.35rem;color:var(--brick-color-accent-text);border-radius:.65rem;place-items:center;display:grid}.atom-demo-progress{background:var(--brick-color-surface-subtle);height:.65rem;box-shadow:inset 0 0 0 1px var(--brick-color-border-subtle);border-radius:999px;overflow:hidden}.atom-demo-progress [data-slot=progress-indicator]{border-radius:inherit;background:linear-gradient(90deg, var(--brick-color-accent-solid), var(--site-blue));height:100%;transition:width .22s}.atom-demo-skip-stage{gap:.7rem;display:grid}.atom-demo-skip-link{background:var(--brick-color-accent-solid);width:fit-content;color:var(--brick-color-accent-on-solid);border-radius:.5rem;padding:.4rem .55rem;font-size:.68rem;font-weight:650;text-decoration:none}.atom-demo-skip-chrome{gap:.4rem;display:flex}.atom-demo-skip-chrome span{background:var(--brick-color-surface-subtle);color:var(--brick-color-text-muted);border-radius:.4rem;padding:.35rem .5rem;font-size:.62rem}.atom-demo-skip-target{border:1px solid var(--brick-color-border-default);border-radius:.7rem;padding:.7rem}.atom-demo-skip-target p{color:var(--brick-color-text-secondary);margin:.25rem 0 0;font-size:.68rem;line-height:1.45}.atom-demo-contract{text-align:center;justify-items:center;gap:.45rem;max-width:21rem;display:grid;position:relative;overflow:hidden}.atom-demo-contract>svg{color:var(--brick-color-accent-text)}.atom-demo-contract p{color:var(--brick-color-text-secondary);font-size:.7rem;line-height:1.5}.atom-demo-contract code{color:var(--brick-color-accent-text);font-family:var(--site-font-mono)}.atom-demo-contract__orbit{border:1px solid var(--brick-color-accent-border);opacity:.45;pointer-events:none;border-radius:50%;width:14rem;height:5rem;position:absolute;transform:rotate(-18deg)}.atom-demo-direction,.atom-demo-hook-card{gap:.8rem;width:min(100%,28rem);display:grid}.atom-demo-utility-heading{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;display:grid}.atom-demo-utility-heading>span{background:var(--brick-color-accent-soft);width:2.35rem;height:2.35rem;color:var(--brick-color-accent-text);border-radius:.65rem;place-items:center;display:grid}.atom-demo-utility-heading>div{gap:.12rem;display:grid}.atom-demo-utility-heading small{color:var(--brick-color-text-secondary);font-size:.64rem;line-height:1.45}.atom-demo-utility-heading code,.atom-demo-hidden-label code{color:var(--brick-color-accent-text);font-family:var(--site-font-mono)}.atom-demo-direction-row{border:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-base);direction:ltr;border-radius:.7rem;grid-template-columns:1fr auto 1fr;align-items:center;gap:.65rem;padding:.75rem;display:grid}.atom-demo-direction-row>div{text-align:center;gap:.15rem;display:grid}.atom-demo-direction-row small{color:var(--brick-color-text-muted);text-transform:uppercase;font-size:.56rem}.atom-demo-direction-row span{color:var(--brick-color-text-secondary);font-size:.78rem}.atom-demo-direction-row strong{background:var(--brick-color-accent-soft);color:var(--brick-color-accent-text);font:700 .62rem var(--site-font-mono);border-radius:999px;align-items:center;gap:.3rem;padding:.35rem .5rem;display:inline-flex}.atom-demo-hook-card>button{border:1px solid var(--brick-color-border-default);background:var(--brick-color-surface-base);width:100%;min-height:2.75rem;color:var(--brick-color-text-primary);border-radius:.65rem;justify-content:space-between;align-items:center;padding:.6rem .7rem;font-size:.72rem;font-weight:650;display:flex}.atom-demo-hook-card>button svg{transition:transform .14s}.atom-demo-hook-card>button[aria-expanded=true] svg{transform:rotate(180deg)}.atom-demo-hook-card>div:last-child{border-inline-start:2px solid var(--brick-color-accent-border);gap:.25rem;padding:.15rem .75rem;display:grid}.atom-demo-hook-card p{color:var(--brick-color-text-secondary);margin:0;font-size:.68rem;line-height:1.5}.atom-demo-portal{grid-template-columns:1fr 1fr;gap:.7rem;min-width:min(27rem,100%);display:grid}.atom-demo-portal__source,.atom-demo-portal__target{border:1px dashed var(--brick-color-border-default);border-radius:.7rem;align-content:space-between;gap:.7rem;min-height:7rem;padding:.7rem;display:grid}.atom-demo-portal small{color:var(--brick-color-text-muted);text-transform:uppercase;font-size:.62rem}.atom-demo-portalled-particle{background:var(--brick-color-accent-soft);color:var(--brick-color-accent-text);border-radius:.55rem;padding:.55rem;font-size:.68rem}.atom-demo-virtualizer{gap:.7rem;min-width:min(26rem,100%);display:grid}.atom-demo-virtual-window{border:1px solid var(--brick-color-border-default);background:var(--brick-color-surface-base);border-radius:.7rem;height:9.5rem;position:relative;overflow:hidden}.atom-demo-virtual-window>div{border-block-end:1px solid var(--brick-color-border-subtle);align-items:center;gap:.65rem;width:100%;height:2.375rem;padding:.5rem;font-size:.68rem;display:flex;position:absolute}.atom-demo-virtual-window span{color:var(--brick-color-accent-text);font-family:var(--site-font-mono)}.atom-demo-hidden-label{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;width:min(100%,28rem);display:grid}.atom-demo-hidden-label>div{gap:.2rem;display:grid}.atom-demo-hidden-label__control{justify-items:center}.atom-demo-hidden-label__control>span{color:var(--brick-color-text-muted);align-items:center;gap:.25rem;font-size:.57rem;display:inline-flex}.atom-demo-hidden-label__control .atom-demo-icon-button{width:3rem;min-width:3rem;height:3rem}.atom-demo-hidden-label p{color:var(--brick-color-text-secondary);font-size:.68rem;line-height:1.45}.atom-demo-inline-signal{align-items:center;gap:.35rem;display:inline-flex}.feature-signals__title{margin-block-end:.45rem!important}.feature-signals__lede{max-width:38rem;color:var(--brick-color-text-secondary);font-size:.88rem;margin-block-end:1.2rem!important}.markdown-body .feature-signals{grid-template-columns:1fr;gap:.55rem;margin:0 0 1.5rem;padding:0;list-style:none;display:grid}.markdown-body .feature-signals>li{border:1px solid var(--brick-color-border-subtle);background:color-mix(in srgb, var(--brick-color-surface-raised), transparent 4%);color:var(--brick-color-text-secondary);border-radius:.75rem;margin:0;padding:.78rem .9rem .78rem 2.15rem;font-size:.82rem;line-height:1.58;position:relative}.markdown-body .feature-signals>li:before{border:1px solid var(--brick-color-accent-border);background:var(--brick-color-accent-solid);width:.5rem;height:.5rem;box-shadow:0 0 0 .22rem var(--brick-color-accent-soft);content:"";border-radius:50%;position:absolute;inset-block-start:1.08rem;inset-inline-start:.9rem}.markdown-body h1{font-family:var(--site-font-display);letter-spacing:-.06em;margin:0 0 1.25rem;font-size:clamp(2.8rem,6vw,4.8rem);font-weight:650;line-height:.95}.markdown-body h1+p{max-width:46rem;color:var(--brick-color-text-secondary);font-size:1.14rem;line-height:1.7}.markdown-body h2{font-family:var(--site-font-display);letter-spacing:-.035em;margin:4rem 0 1rem;scroll-margin-block-start:calc(var(--site-header-height) + 1.5rem);font-size:1.65rem;line-height:1.2}.markdown-body h3{margin:2.4rem 0 .75rem;scroll-margin-block-start:calc(var(--site-header-height) + 1.5rem);font-size:1.08rem;line-height:1.35}.markdown-body :is(p,ul,ol,blockquote){margin:0 0 1.15rem;line-height:1.72}.markdown-body :is(ul,ol){padding-inline-start:1.4rem}.markdown-body li{margin-block:.35rem;padding-inline-start:.18rem}.markdown-body a{color:var(--brick-color-accent-text);-webkit-text-decoration-color:var(--brick-color-accent-border);text-decoration-color:var(--brick-color-accent-border);text-underline-offset:.22rem;text-decoration-thickness:1px}.markdown-body a:hover{text-decoration-color:currentColor}.markdown-body blockquote{border-inline-start:3px solid var(--brick-color-accent-border);background:var(--brick-color-accent-soft);color:var(--brick-color-text-secondary);padding:.8rem 1rem}.markdown-body .brick-code{font-size:.87em}.markdown-token-cluster{flex-wrap:wrap;gap:.35rem;display:flex}.markdown-body .brick-code-block{margin-block:1.45rem}.markdown-body .brick-code-block-content{border-end-end-radius:calc(var(--brick-code-block-radius) - var(--brick-code-block-border-width));border-end-start-radius:calc(var(--brick-code-block-radius) - var(--brick-code-block-border-width));font-size:.82rem}.markdown-body .brick-code-block-content:focus-visible{outline:2px solid var(--brick-color-focus-ring);outline-offset:-2px}.markdown-table-wrap{border:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-raised);scrollbar-width:thin;border-radius:.8rem;max-width:100%;margin-block:1.5rem;overflow-x:auto}.markdown-table-wrap:focus-visible{outline:2px solid var(--brick-color-focus-ring);outline-offset:-2px;box-shadow:none}.markdown-table-wrap .brick-table{min-width:40rem}.syntax-copy-trigger{min-width:5.8rem}.syntax-copy-spinner{animation:.8s linear infinite syntax-spin}@keyframes syntax-spin{to{transform:rotate(360deg)}}.guide-pagination{border-block-start:1px solid var(--brick-color-border-subtle);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;margin-block-start:5rem;padding-block-start:1.5rem;display:grid}.guide-pagination>a{border:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-raised);border-radius:.8rem;align-items:center;gap:.7rem;width:fit-content;min-width:0;max-width:100%;padding:.85rem;text-decoration:none;display:flex}.guide-pagination>a:hover{border-color:var(--brick-color-accent-border);background:var(--brick-color-accent-soft)}.guide-pagination>a>span{gap:.08rem;min-width:0;display:grid}.guide-pagination small{color:var(--brick-color-text-secondary);font-size:.66rem}.guide-pagination strong{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.guide-pagination__previous{justify-self:start}.guide-pagination__next{text-align:end;justify-content:flex-end;justify-self:end}.docs-overview__hero,.catalog-page__hero{gap:1rem;max-width:47rem;padding-block-end:2rem;display:grid}.docs-overview__hero>*,.catalog-page__hero>*{margin:0}.docs-overview__hero .brick-badge,.catalog-page__hero .brick-badge{justify-self:start}.docs-overview__hero>.brick-badge,.catalog-page__hero>.brick-badge{gap:.4rem}.docs-overview__hero h1,.catalog-page__hero h1{font-size:clamp(3rem,7vw,5.3rem)}.docs-overview__proof{flex-wrap:wrap;gap:.5rem;display:flex}.docs-section{margin-block-start:4rem;scroll-margin-block-start:calc(var(--site-header-height) + 1.5rem)}.docs-section__heading{gap:.75rem;max-width:42rem;margin-block-end:1.5rem;display:grid}.docs-section__heading>*{margin:0}.docs-section__heading .brick-badge{justify-self:start}.docs-path-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.docs-path-card{min-height:20rem}.card-eyebrow{color:var(--brick-color-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.65rem;font-weight:680}.docs-path-card .brick-card-footer a,.primitive-card .brick-card-footer a{color:var(--brick-color-accent-text);align-items:center;gap:.35rem;font-size:.78rem;font-weight:650;text-decoration:none;display:inline-flex}.foundation-contract{border:1px solid var(--brick-color-accent-border);background:var(--brick-color-accent-soft);border-radius:1.1rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;padding:1.5rem;display:grid}.foundation-contract>div:first-child{gap:.7rem;display:grid}.foundation-contract :is(h2,p){margin:0}.foundation-contract .brick-badge{justify-self:start}.foundation-contract__actions{gap:.65rem;display:grid}.catalog-page__hero{margin-block-end:2rem}.catalog-browser{gap:1.5rem;display:grid}.catalog-browser__controls{border:1px solid var(--brick-color-border-subtle);background:var(--brick-color-surface-base);border-radius:1rem;gap:1rem;padding:1rem;display:grid}.catalog-filters{flex-wrap:wrap;gap:.35rem;display:flex}.catalog-browser__heading{color:var(--brick-color-text-secondary);justify-content:space-between;font-size:.78rem;display:flex}.catalog-browser__heading strong{color:var(--brick-color-text-primary)}.primitive-groups{gap:2.5rem;display:grid}.primitive-group{gap:.85rem;scroll-margin-block-start:calc(var(--site-header-height) + 1.5rem);display:grid}.primitive-group__heading{border-block-end:1px solid var(--brick-color-border-subtle);justify-content:space-between;align-items:center;gap:1rem;padding-block-end:.7rem;display:flex}.primitive-group__heading>div{align-items:center;gap:.6rem;display:flex}.primitive-group__heading h2{font-family:var(--site-font-display);letter-spacing:-.025em;margin:0;font-size:1.05rem}.primitive-group__icon{background:var(--brick-color-accent-soft);width:2rem;height:2rem;color:var(--brick-color-accent-text);border-radius:.55rem;place-items:center;display:grid}.primitive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.primitive-card{min-height:0}.primitive-card .brick-card-header{align-items:start}.primitive-card .brick-card-action{align-self:start;min-width:0}.primitive-card .brick-card-content p{color:var(--brick-color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8rem;line-height:1.55;display:-webkit-box;overflow:hidden}.primitive-card .brick-card-header .brick-badge{max-width:100%}.catalog-empty{border:1px dashed var(--brick-color-border-default);background:var(--brick-color-surface-base);border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.25rem;display:grid}.catalog-empty>span{background:var(--brick-color-accent-soft);width:2.8rem;height:2.8rem;color:var(--brick-color-accent-text);border-radius:.8rem;place-items:center;display:grid}.catalog-empty p{color:var(--brick-color-text-secondary);margin:.2rem 0 0;font-size:.82rem}.site-footer{width:min(calc(100% - 2 * var(--site-gutter)), var(--site-max));isolation:isolate;grid-template-columns:1fr auto;align-items:start;gap:2rem;margin-inline:auto;padding-block:3.5rem 2rem;display:grid;position:relative}.site-footer:before{z-index:-1;border-block-start:1px solid var(--brick-color-border-subtle);background:linear-gradient(180deg, color-mix(in srgb, var(--brick-color-surface-base), transparent 8%), var(--brick-color-surface-base));content:"";position:absolute;inset:0 calc(50% - 50vw)}.footer-brand{gap:.65rem;display:grid}.footer-brand__heading{align-items:center;gap:.7rem;display:flex}.footer-brand p,.footer-meta p{color:var(--brick-color-text-muted);margin:0;font-size:.74rem}.footer-links{grid-template-columns:repeat(3,auto);gap:.2rem .85rem;display:grid}.footer-links a{justify-content:flex-end;align-items:center;min-height:2.5rem;font-size:.78rem;text-decoration:none;display:inline-flex}.footer-links a span{border-radius:.3rem;align-items:center;gap:.25rem;display:inline-flex}.footer-links a:focus-visible{outline:0}.footer-links a:focus-visible span{outline:2px solid var(--brick-color-focus-ring);outline-offset:.2rem}.footer-links a:hover span,.footer-links a:focus-visible span{color:var(--brick-color-accent-text)}.footer-meta{border-block-start:1px solid var(--brick-color-border-subtle);grid-column:1/-1;justify-content:space-between;gap:1rem;padding-block-start:1rem;display:flex}.footer-endorsement{flex-wrap:wrap;gap:.35rem;display:flex}.footer-meta a{text-underline-offset:.2rem}.not-found{width:min(calc(100% - 2 * var(--site-gutter)), 72rem);min-height:calc(100dvh - var(--site-header-height));grid-template-columns:minmax(0,.8fr) minmax(24rem,1.2fr);align-items:center;gap:3rem;margin-inline:auto;padding-block:3rem;display:grid}.not-found__copy{justify-items:start;gap:1rem;display:grid}.not-found__copy>*{margin:0}.not-found__copy h1{font-family:var(--site-font-display);letter-spacing:-.08em;font-size:clamp(4rem,10vw,8rem);line-height:.8}.not-found__visual{border:1px solid var(--brick-color-border-subtle);background:radial-gradient(circle, var(--brick-color-accent-soft), var(--brick-color-surface-base) 65%);border-radius:1.4rem;place-items:center;min-height:28rem;display:grid;position:relative;overflow:hidden}.not-found__visual:before,.not-found__visual:after{border:1px dashed var(--brick-color-accent-border);content:"";border-radius:50%;width:68%;height:38%;position:absolute;transform:rotate(-22deg)}.not-found__visual:after{transform:rotate(55deg)}.missing-particle{border:1px dashed var(--brick-color-border-strong);background:var(--brick-color-surface-raised);width:8rem;height:8rem;color:var(--brick-color-text-muted);font-family:var(--site-font-mono);box-shadow:0 0 0 1.2rem color-mix(in srgb, var(--brick-color-accent-soft), transparent 28%);border-radius:50%;place-items:center;display:grid}@media (min-width:1321px) and (max-height:820px){.home-hero{align-items:start;min-height:auto;padding-block:2.5rem 3.5rem}.hero-title{font-size:clamp(4rem,10dvh,5.4rem)}}@media (max-width:1320px){.home-hero{grid-template-columns:1fr;gap:0;min-height:auto;padding-block:0 4rem}.home-hero__copy,.interaction-field{width:min(100%,61rem);margin-inline:auto}.home-hero__copy{min-height:calc(100svh - var(--site-header-height));flex-direction:column;justify-content:center;align-items:flex-start;padding-block:clamp(3rem,7dvh,5rem);display:flex}.hero-title{font-size:clamp(4.2rem,min(9vw,10dvh),7rem)}.interaction-field{margin-block-start:4rem}.access-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.access-card{min-height:14rem}}@media (max-width:1180px){.site-header{grid-template-columns:1fr auto}.desktop-nav{display:none}.mobile-menu-trigger{display:inline-flex}.search-trigger{min-width:auto}.search-trigger .shortcut{display:none}.docs-shell{grid-template-columns:14rem minmax(0,1fr)}.docs-shell:before{background:linear-gradient(90deg, var(--brick-color-surface-base) 0 14rem, var(--brick-color-surface-canvas) 14rem)}.docs-rail{display:none}.headless-story,.family-section,.faq-section{grid-template-columns:1fr;gap:3rem}.accessibility-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}.headless-story__copy,.family-section__copy{max-width:48rem}.expression-field,.family-map{width:min(100%,52rem);margin-inline:auto}}@media (max-width:1023px){.docs-shell{display:block}.docs-shell:before,.docs-sidebar{display:none}.docs-content{padding-block-start:1rem}.docs-mobile-toolbar{z-index:10;border:1px solid var(--brick-color-border-subtle);background:color-mix(in srgb, var(--brick-color-surface-overlay), transparent 4%);box-shadow:0 .7rem 2rem color-mix(in srgb, var(--brick-color-shadow), transparent 86%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:.8rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;margin-block-end:2.5rem;padding:.45rem;display:grid;position:sticky;inset-block-start:calc(var(--site-header-height) + .5rem)}.docs-mobile-toolbar>span{color:var(--brick-color-text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:650;overflow:hidden}.docs-mobile-drawer__header{border-block-end:1px solid var(--brick-color-border-subtle);justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.docs-mobile-drawer__header>div{gap:.2rem;display:grid}.layer-path{grid-template-columns:1fr}.layer-path>li:nth-child(2n){min-height:2rem;transform:rotate(90deg)}.layer-step{min-height:11rem}.closing-section{grid-template-columns:1fr}.closing-actions{justify-items:stretch;width:min(100%,30rem)}}@media (max-width:900px){:root{--site-header-height:4rem}.site-header{padding-inline:1rem}.search-trigger{justify-content:center;inline-size:2.35rem;min-inline-size:2.35rem;padding-inline:0}.search-trigger .brick-button__content{display:none}.search-trigger .brick-button__icon{margin:0}.document-header{grid-template-columns:1fr}.document-header__copy{order:1}.document-header>:last-child{order:2}.guide-orbit,.primitive-contract{min-height:12rem}.docs-path-grid{grid-template-columns:1fr!important}.docs-path-card{min-height:0}.foundation-contract{grid-template-columns:1fr}.foundation-contract__actions{grid-template-columns:1fr 1fr}.primitive-grid{grid-template-columns:1fr}.primitive-card{min-height:0}.atom-example__canvas{min-height:20rem}}@media (max-width:640px){:root{--site-gutter:1rem}.site-header{gap:.5rem;padding-inline:.75rem}.brand-link,.atom-brand{gap:.42rem}.version-pill{padding:.12rem .3rem;font-size:.62rem}.header-actions{gap:.25rem}.header-icon-actions{gap:.125rem}.github-action{display:none}.search-dialog,.search-dialog[data-state=closed]{border:0;border-radius:0;block-size:100dvb;max-block-size:100dvb;inline-size:100dvi;max-inline-size:none;inset:0;transform:none}.search-dialog__header{padding-block-start:calc(1rem + env(safe-area-inset-top))}.search-result__meta .brick-badge{display:none}.search-dialog__footer{justify-content:center;padding-block-end:calc(.75rem + env(safe-area-inset-bottom))}.search-shortcut{display:none}.mobile-drawer,.docs-mobile-drawer{--brick-drawer-inline-size-md:100dvi;border-inline:0;border-radius:0;inline-size:100dvi}.hero-title{font-size:clamp(3.35rem,16vw,5rem)}.home-hero__copy{min-height:calc(100svh - var(--site-header-height))}.hero-actions{align-items:stretch;width:100%}.not-found .hero-actions{flex-direction:column;gap:.75rem}.hero-actions .brick-button,.install-command{width:100%}.hero-proof{justify-content:center;width:100%}.interaction-field{min-height:32rem;margin-block-start:2rem}.particle-system{inset-inline:-8%}.behavior-console{margin-inline:0}.behavior-console .brick-card-header{grid-template-columns:1fr}.behavior-console .brick-card-header>.brick-badge{justify-self:start}.behavior-tabs [data-slot=tabs-trigger] span{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.access-section,.headless-story,.flowstack-story,.family-section,.faq-section{padding-block:4.5rem}.access-grid{grid-template-columns:1fr!important}.access-card{min-height:0}.expression-field{grid-template-columns:1fr;min-height:35rem;padding:1.25rem}.expression{justify-self:center;width:min(100%,18rem)}.expression--minimal,.expression--system{transform:none}.family-map{grid-template-columns:1fr;gap:.75rem;min-height:auto;padding-block:1rem}.family-map:before,.family-map:after,.family-core{display:none}.family-node:nth-child(2n){transform:none}.closing-section{margin-inline:1rem;padding:1.4rem}.docs-content{padding:.75rem 1rem 5rem}.docs-mobile-toolbar{inset-block-start:calc(var(--site-header-height) + .35rem)}.document-header{gap:1rem}.primitive-document__header{margin-block-end:2rem}.primitive-document__header h1{font-size:clamp(2.8rem,14vw,4rem)}.atom-example{border-inline:0;border-radius:0;margin-inline:-1rem}.atom-example__header{padding-inline:1rem}.atom-example__header h2{font-size:.9rem}.atom-example__canvas{min-height:19rem;padding-inline:1rem}.atom-example__footer{grid-template-columns:1fr;gap:.55rem}.atom-example__footer code{width:fit-content;max-width:100%}.atom-demo-pagination :is(ol,ul){gap:.15rem}.atom-demo-pagination button,.atom-demo-pagination a{width:1.85rem;min-width:1.85rem}.atom-demo-appbar__status{padding-inline:.45rem;font-size:.59rem}.markdown-body .feature-signals{grid-template-columns:1fr}.markdown-body .feature-signals>li{min-height:0}.atom-demo-portal{grid-template-columns:1fr;min-width:0}.atom-demo-avatar-group{flex-direction:column;align-items:flex-start}.atom-demo-dialog__actions{flex-direction:column-reverse}.atom-demo-dialog__actions>*{width:100%}.accessibility-readout{min-height:17rem;padding:1rem}.accessibility-readout__owners,.accessibility-highlights{grid-template-columns:1fr}.guide-orbit,.primitive-contract{min-height:11rem}.contract-signal small{display:none}.markdown-body h1{font-size:2.8rem}.markdown-body h2{margin-block-start:3.2rem}.markdown-body .brick-code-block-content{font-size:.76rem}.guide-pagination{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.45rem}.guide-pagination>a{gap:.35rem;padding:.65rem}.guide-pagination strong{font-size:.75rem}.foundation-contract__actions{grid-template-columns:1fr}.catalog-filters{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-1rem;padding-inline:1rem;overflow-x:auto}.catalog-filters .brick-button{flex:none}.catalog-empty{grid-template-columns:auto minmax(0,1fr)}.catalog-empty>.brick-button{grid-column:2;justify-self:start}.site-footer{text-align:center;grid-template-columns:1fr;justify-items:center;gap:1.75rem;padding-block:3rem 1.5rem}.footer-brand{justify-items:center}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem .75rem;width:min(100%,24rem)}.footer-links a{justify-content:center}.footer-meta{text-align:center;flex-direction:column;grid-column:auto;justify-content:center;gap:.65rem;width:100%}.footer-endorsement{justify-content:center}.not-found{grid-template-columns:1fr}.not-found__visual{min-height:18rem}}@media (prefers-reduced-motion:no-preference){.particle-system__orbit{animation:18s linear infinite orbital-drift}.orbit-b{animation-duration:23s;animation-direction:reverse}.particle-node{animation:5s ease-in-out infinite alternate node-float}.node-b,.node-d{animation-delay:-2.5s}@keyframes orbital-drift{to{rotate:360deg}}@keyframes node-float{to{translate:0 -.35rem}}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.site-canvas :focus-visible{outline-color:highlight}.behavior-tabs [data-slot=tabs-trigger]:focus-visible,.accessibility-tabs [data-slot=tabs-trigger]:focus-visible,.faq-list [data-slot=accordion-trigger]:focus-visible{outline-offset:-2px;box-shadow:none;outline:2px solid highlight}.footer-links a:focus-visible span{outline-color:highlight}.site-canvas,.site-canvas:before,.interaction-field__glow,.expression-field,.guide-orbit,.primitive-contract,.accessibility-instrument,.accessibility-highlights>div,.accessibility-readout__owners p,.not-found__visual,.atom-example__canvas,.atom-demo-surface{background:canvas}.particle-system__orbit,.guide-orbit__ring,.expression,.layer-step,.family-node,.family-core,.primitive-contract__core,.contract-signal,.missing-particle{color:canvastext;box-shadow:none;background:canvas;border-color:canvastext}.particle-system__core,.feature-icon,.primitive-card__icon,.layer-symbol{color:canvastext;box-shadow:none;background:canvas;border:1px solid canvastext}.brick-code-block-pre span{color:canvastext!important;font-style:normal!important;font-weight:inherit!important;text-decoration:none!important}.hero-title span{color:canvastext;background:0 0}}}