body{margin:0}html{scroll-behavior:smooth}svg:not([aria-label]){overflow:visible}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;border-right:1px solid var(--vis-border);background:var(--vis-surface);z-index:30;padding:32px 18px 22px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--vis-ink);padding:0 12px;width:fit-content}.brand img{width:125px;height:auto}.brand>span{font-size:16px;font-weight:500;border-left:1px solid var(--vis-border);padding-left:12px}.brand-dark{display:none}.sidebar-content{margin-top:50px}.nav-caption{font-size:11px!important;letter-spacing:.12em;color:var(--vis-muted);font-weight:600;padding-inline:14px;margin-bottom:14px!important}.nav-caption-second{margin-top:38px!important}.nav-count{margin-left:auto;font-size:11px;opacity:.8}.sidebar-bottom{margin-top:auto;padding:24px 10px 0}.version-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--vis-ink);color:var(--vis-surface);border-radius:10px;font-weight:700}.sidebar-bottom .vis-label{font-size:12px}.sidebar-bottom .vis-caption{font-size:11px}.sidebar-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--vis-muted);border-top:1px solid var(--vis-border);margin-top:20px;padding-top:16px}.sidebar-meta a{color:inherit;text-decoration:none}.page-shell{margin-left:244px;min-width:0}.topbar{height:80px;position:sticky;top:0;z-index:25;border:0;border-bottom:1px solid var(--vis-border);box-shadow:none;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-radius:0}.breadcrumb{font-size:13px;gap:15px}.breadcrumb>span:first-child{color:var(--vis-muted)}.breadcrumb .vis-icon{width:13px;height:13px;color:var(--vis-muted)}.topbar-release{font-size:12px;color:var(--vis-muted);margin-right:14px}.theme-picker{display:flex;gap:2px;border:1px solid var(--vis-border);padding:3px;border-radius:12px;background:var(--vis-surface-soft)}.theme-picker .vis-button{width:32px;min-width:32px;min-height:32px;height:32px;border-radius:8px;padding:7px}.theme-picker .vis-icon{width:16px;height:16px}.theme-picker [aria-pressed=true]{background:var(--vis-surface);color:var(--vis-ink);box-shadow:var(--vis-shadow-sm)}main{max-width:1440px;margin:0 auto;padding:48px 40px 64px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:36px}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:600;color:var(--vis-muted);margin-bottom:14px!important}.page-heading h1{font-size:clamp(1.8rem,2.8vw,2.65rem);letter-spacing:-.055em;font-weight:550}.page-intro{font-size:14px;line-height:1.85;color:var(--vis-muted);margin-top:15px!important}.page-heading>.vis-button{flex:none;align-self:center}.overview-grid{display:grid;grid-template-columns:1.38fr 1fr 1fr;gap:20px}.material-stage{grid-column:span 2;min-height:420px;position:relative;overflow:hidden;border:1px solid #d2ddf8;border-radius:24px;background:#e2eaff;padding:25px 28px;display:flex;flex-direction:column;justify-content:space-between}.stage-label{position:relative;z-index:2;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em;color:#4a5e8a}.stage-label>span:last-child{font-size:13px;letter-spacing:0}.type-backdrop{position:absolute;font-weight:600;font-size:260px;letter-spacing:-.095em;line-height:1;top:66px;left:15px;color:#678fff;user-select:none}.stage-line{position:absolute;right:55px;top:46px;width:110px;height:290px;border:1px solid rgba(54,93,204,.24);border-radius:100px;transform:rotate(28deg)}.glass-sample{position:relative;z-index:3;width:350px;max-width:92%;align-self:center;margin:30px 0 20px 100px;padding:24px;border-radius:24px;transform:rotate(-3deg);transition:transform 500ms var(--vis-ease)}.material-stage:hover .glass-sample{transform:rotate(0)}.sample-symbol{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--vis-surface);box-shadow:var(--vis-shadow-sm);color:var(--vis-accent-ink)}.sample-copy{margin:25px 0}.sample-copy h2{font-size:31px;letter-spacing:-.055em;font-weight:550}.sample-copy p{font-size:12px;color:var(--vis-muted);line-height:1.7;margin-top:12px}.glass-sample .vis-avatar{width:34px;height:34px;font-size:12px}.glass-sample .vis-label{font-size:11px}.glass-sample .vis-badge{font-size:10px}.stage-footer{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#4a5e8a}.stage-footer .vis-switch{font-size:11px;color:#293f6e;gap:8px}.overview-card{background:var(--vis-surface);border:1px solid var(--vis-border);border-radius:24px;padding:26px;min-width:0;display:flex;flex-direction:column;justify-content:space-between}.tile-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.tile-heading h2,.typography-card h2{font-size:17px;line-height:1.55;font-weight:550;letter-spacing:-.025em}.tile-heading>.vis-icon{width:16px;height:16px;color:var(--vis-muted)}.action-card{background:var(--vis-surface);padding:30px 24px}.action-samples{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:26px 0}.action-samples .vis-button-lg{font-size:13px;min-height:48px;padding-inline:18px;white-space:nowrap}.action-samples .vis-button{border-radius:999px}.tile-link{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--vis-muted);text-decoration:none;border-top:1px solid var(--vis-border);padding-top:20px}.tile-link .vis-icon{width:16px;height:16px}.typography-card{grid-column:span 1;min-height:270px;background:var(--vis-ink);color:var(--vis-surface);border-color:var(--vis-ink)}.typography-card .eyebrow,.typography-card .vis-caption,.typography-card .vis-button{color:inherit;opacity:.7}.typography-card .type-specimen{font-size:80px;line-height:1.1;letter-spacing:-.065em;font-weight:500;padding:18px 0 20px}.type-specimen>span{font-size:27px;letter-spacing:-.045em;font-weight:400;margin-left:10px;opacity:.45}.typography-card h2{font-size:15px}.typography-card .vis-caption{font-size:11px}.form-card{grid-column:span 2;min-height:270px;gap:20px}.form-card .vis-field{max-width:100%}.form-card .vis-input{font-size:13px;border-color:var(--vis-border);background:var(--vis-bg)}.form-card .vis-label{font-size:12px}.form-card .vis-caption{font-size:11px}.preference-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-title{margin:45px 0 24px;display:flex;justify-content:space-between;align-items:center;gap:15px}.section-title h2{font-size:21px;font-weight:550;letter-spacing:-.045em}.section-title a{font-size:12px;text-decoration:none}.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.principles>div{border-top:1px solid var(--vis-border);padding-top:22px}.principle-index{font-size:11px;color:var(--vis-muted)}.principles h3{font-size:14px;font-weight:600;margin:12px 0 8px}.principles p{font-size:13px;color:var(--vis-muted);line-height:1.8}.page-footer{max-width:1440px;margin:auto;padding:24px 40px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--vis-muted);border-top:1px solid var(--vis-border)}.footer-dot{padding:0 10px;opacity:.4}.page-footer a{display:flex;gap:8px;align-items:center;color:inherit;text-decoration:none}.page-footer .vis-icon{width:13px;height:13px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--vis-action);color:var(--vis-on-action);padding:12px 20px;border-radius:12px}.skip-link:focus{top:10px}.component-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.component-tile{border:1px solid var(--vis-border);border-radius:20px;overflow:hidden;background:var(--vis-surface);min-width:0}.component-title{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--vis-border);gap:10px}.component-title h2{font-size:15px;font-weight:600;letter-spacing:-.02em}.component-title span{font-size:11px;color:var(--vis-muted)}.component-demo{padding:30px 24px;min-height:160px;display:flex;flex-direction:column;justify-content:center;gap:18px;background:var(--vis-bg);overflow:auto}.component-demo .vis-card{box-shadow:none}.component-description{font-size:13px;color:var(--vis-muted);padding:16px 22px 0}.code-disclosure>summary{padding:14px 22px;cursor:pointer;font-size:12px;color:var(--vis-accent-ink);font-weight:600}.code-panel{position:relative;margin:0;border-top:1px solid var(--vis-border);background:var(--vis-surface-soft);padding:24px 20px 20px}.code-panel pre{margin:0;overflow:auto;max-height:360px;padding-top:25px}.code-panel code{font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre}.code-copy{position:absolute;top:10px;right:12px;font-size:11px;min-height:28px}.doc-block{margin-bottom:32px}.doc-block>h2{font-size:21px;font-weight:550;letter-spacing:-.03em;margin-bottom:20px}.doc-block>p{color:var(--vis-muted);font-size:14px;line-height:1.9;margin-bottom:20px}.color-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.color-chip{min-width:0;border:1px solid var(--vis-border);border-radius:18px;overflow:hidden;background:var(--vis-surface)}.color-preview{height:115px;background:var(--swatch)}.color-info{padding:14px}.color-info strong{display:block;font-size:13px;font-weight:600}.color-info code{display:block;font-size:11px;color:var(--vis-muted);margin-top:4px}.typography-sheet{padding:32px;background:var(--vis-surface);border:1px solid var(--vis-border);border-radius:24px}.type-line{padding-block:22px;border-bottom:1px solid var(--vis-border);display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;align-items:baseline}.type-line:last-child{border:0}.type-line>span:first-child{font-size:12px;color:var(--vis-muted)}.radius-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.radius-sample{height:120px;background:var(--vis-surface);border:1px solid var(--vis-border);display:flex;align-items:center;justify-content:center;color:var(--vis-muted);font-size:12px}.motion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.motion-tile{padding:24px;min-height:230px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}.motion-tile h2{font-size:15px;font-weight:600}.motion-tile .vis-caption{font-size:12px}.motion-play{display:flex;align-items:center;justify-content:center;min-height:100px;gap:8px}.motion-square{width:48px;height:48px;background:var(--vis-brand);border-radius:14px;display:grid;place-items:center;color:#101b36}.motion-tile .vis-button{align-self:flex-start}.icon-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.icon-item{background:var(--vis-surface);border:1px solid var(--vis-border);border-radius:16px;padding:25px 8px 16px;display:flex;align-items:center;flex-direction:column;gap:16px;min-width:0;cursor:pointer;color:var(--vis-ink);transition:transform var(--vis-duration),border-color var(--vis-duration)}.icon-item:hover{border-color:var(--vis-brand);transform:translateY(-2px)}.icon-item .vis-icon{width:25px;height:25px}.icon-item span{font-size:10px;color:var(--vis-muted);max-width:100%;overflow-wrap:anywhere}.icon-note{margin-top:28px!important}.guide-step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;margin-bottom:36px}.step-number{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--vis-accent-soft);color:var(--vis-accent-ink);font-size:13px;font-weight:600}.guide-step h2{font-size:19px;font-weight:550;letter-spacing:-.03em;margin-bottom:10px}.guide-step p{font-size:14px;color:var(--vis-muted);line-height:1.9;margin-bottom:15px}.guide-step .code-panel{border:1px solid var(--vis-border);border-radius:16px}.integration-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.integration-notes h3{font-size:16px;margin-bottom:10px}.integration-notes p{font-size:13px;line-height:1.85;color:var(--vis-muted)}.inline-code{font:12px/1.5 ui-monospace,monospace;background:var(--vis-surface-soft);padding:3px 6px;border-radius:4px;overflow-wrap:anywhere}.version-note{margin-top:30px}.spacing-scale{display:flex;align-items:flex-end;gap:22px;flex-wrap:wrap}.spacing-scale>div{display:flex;align-items:center;flex-direction:column;gap:12px;font-size:11px;color:var(--vis-muted)}.spacing-bar{width:32px;height:var(--size);background:var(--vis-brand);border-radius:6px}.page-section.vis-enter{animation-duration:280ms}.no-motion *,.no-motion *::before,.no-motion *::after{animation:none!important;transition:none!important}.no-motion .glass-sample,.no-motion .vis-button:hover,.no-motion .vis-card-interactive:hover{transform:none!important}
[data-vis-theme=dark] .brand-light{display:none}[data-vis-theme=dark] .brand-dark{display:block}[data-vis-theme=dark] .material-stage{background:#1b2d51;border-color:#334e7a}[data-vis-theme=dark] .type-backdrop{color:#4564a8}[data-vis-theme=dark] :is(.stage-label,.stage-footer,.stage-footer .vis-switch){color:#b1c3eb}[data-vis-theme=dark] .stage-line{border-color:#678fff55}
@media(prefers-color-scheme:dark){html:not([data-vis-theme]) .brand-light{display:none}html:not([data-vis-theme]) .brand-dark{display:block}html:not([data-vis-theme]) .material-stage{background:#1b2d51;border-color:#334e7a}html:not([data-vis-theme]) .type-backdrop{color:#4564a8}html:not([data-vis-theme]) :is(.stage-label,.stage-footer,.stage-footer .vis-switch){color:#b1c3eb}}
@media(min-width:1600px){main{padding-top:60px}.overview-grid{gap:24px}.material-stage{min-height:460px}.glass-sample{width:385px;padding:30px}.action-samples{gap:20px}.overview-card{padding:30px}}
@media(max-width:1180px){.sidebar{width:220px;padding-inline:12px}.page-shell{margin-left:220px}main{padding:35px 28px 50px}.topbar{padding-inline:28px}.overview-grid{grid-template-columns:1fr 1fr}.material-stage{grid-column:span 2}.action-card{min-height:280px}.typography-card{grid-column:auto}.form-card{grid-column:span 2}.page-heading{align-items:flex-start}.page-heading>.vis-button{align-self:flex-end}.page-heading .vis-button{font-size:12px}.color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.icon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.motion-grid{grid-template-columns:1fr}.motion-tile{min-height:190px}.page-footer>span:nth-child(2){display:none}.component-grid{grid-template-columns:1fr}.page-heading h1{font-size:32px}}
@media(max-width:800px){.sidebar{position:relative;inset:auto;width:100%;height:auto;padding:20px 20px 10px;border-right:0;border-bottom:1px solid var(--vis-border)}.sidebar-content{margin-top:20px;display:flex;align-items:center;overflow-x:auto;gap:8px;padding-bottom:5px}.sidebar-content #main-nav{display:flex;flex-direction:row;gap:4px}.sidebar-content .vis-nav-item{white-space:nowrap;padding:9px 12px;font-size:12px;min-height:40px}.sidebar-content .vis-icon{width:16px;height:16px}.nav-count,.nav-caption,.sidebar-bottom,.sidebar-content>a:last-child{display:none}.page-shell{margin:0}.topbar{height:66px;padding:0 22px}.topbar-release{display:none}.breadcrumb{font-size:12px;gap:9px}main{padding:32px 22px 40px}.page-heading{flex-direction:column;gap:20px;margin-bottom:26px}.page-heading>.vis-button{align-self:flex-start}.page-heading h1{font-size:32px;line-height:1.15}.page-intro{font-size:14px}.page-footer{padding:22px;flex-wrap:wrap}.principles{gap:20px}.section-title{align-items:flex-start;flex-direction:column;gap:14px}.type-line{grid-template-columns:1fr;gap:12px}.radius-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-notes{grid-template-columns:1fr}.topbar .vis-button{min-height:36px;width:36px;min-width:36px}.glass-sample{margin-left:75px}}
@media(max-width:520px){.overview-grid{grid-template-columns:1fr;gap:16px}.material-stage{grid-column:auto;min-height:420px;padding:22px 16px}.glass-sample{margin:30px 0 25px;max-width:95%;padding:22px;transform:rotate(-2deg)}.stage-label{padding:0 5px}.type-backdrop{font-size:220px;top:82px;left:-25px}.stage-footer{font-size:10px}.stage-footer>span{max-width:170px}.action-card{min-height:290px}.typography-card,.form-card{grid-column:auto}.principles{grid-template-columns:1fr;gap:24px}.principles p{font-size:14px}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.icon-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.component-demo{padding:24px 18px}.component-title{padding:18px}.typography-sheet{padding:24px}.guide-step{grid-template-columns:1fr;gap:14px}.desktop-break{display:none}.page-footer{font-size:10px}.page-heading h1{font-size:29px}.material-stage .vis-badge{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.material-stage:hover .glass-sample{transform:rotate(-3deg)}.icon-item:hover{transform:none}}
/* Edition 1.1: a live motion studio, not a static component cover. */
.navigation-studio .nav-specimen .vis-tabs-orbit{--vis-surface:#fff}
.page-intro{font-size:16px;max-width:44rem}.page-heading h1{font-size:clamp(2rem,3.2vw,3rem)}
.navigation-studio{background:#a7bfef;border:1px solid #9db6e8;border-radius:30px;min-height:460px;padding:36px;display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;margin-bottom:26px;color:#14213d;overflow:visible}
.studio-heading{display:flex;flex-direction:column;justify-content:space-between;min-width:0}.studio-heading .eyebrow{color:#34466c;font-size:11px}.studio-heading h2{font-weight:550;font-size:clamp(1.8rem,2.8vw,2.6rem);line-height:1.15;letter-spacing:-.055em;margin-top:22px}.studio-heading p:not(.eyebrow){font-size:14px;line-height:1.85;margin-top:20px;color:#33476f}.studio-link{display:inline-flex;align-items:center;gap:14px;margin-top:26px;color:#14213d;text-decoration:none;font-size:13px;font-weight:600}.studio-link .vis-icon{width:16px;transition:transform 350ms var(--vis-spring)}.studio-link:hover .vis-icon{transform:translate(3px,-3px)}
.studio-edition{display:block;font-size:44px;line-height:1;letter-spacing:-.065em;font-weight:550;margin-top:28px}.studio-edition>span{display:block;font-size:9px;letter-spacing:.18em;font-weight:600;margin-top:10px}.studio-demos{display:flex;flex-direction:column;gap:20px;min-width:0;justify-content:center}
.nav-specimen{padding:22px 26px 12px;border-radius:24px;min-width:0;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}.specimen-heading{display:flex;justify-content:space-between;gap:8px;color:#32496f;font-size:9px;letter-spacing:.05em;margin-bottom:40px}.nav-specimen .vis-tabpanel{padding-top:12px;padding-bottom:0;text-align:center;min-height:30px}.nav-specimen .vis-tabpanel p{font-size:11px;color:#32496f}.nav-specimen .vis-tabs{margin-inline:auto}.nav-specimen .vis-tabs-orbit{--vis-glass-rgb:255,255,255;--vis-glass-alpha:.48;--vis-ink:#1d2942;--vis-action:#365dcc;--vis-on-action:#fff}.specimen-spotlight .specimen-heading{margin-bottom:22px}.specimen-spotlight .vis-tabs-spotlight{background:#171d2a}
.studio-bottom{grid-column:1/-1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:18px;margin-top:4px;border-top:1px solid rgba(28,49,94,.17);font-size:10px;color:#34466c}
.material-stage{background:#cad9ff}.glass-sample{transform:rotate(-5deg);transition:transform 650ms var(--vis-spring);background-clip:padding-box}.material-stage:hover .glass-sample{transform:rotate(-1deg) translateY(-5px)}.sample-copy p{font-size:14px}.stage-line{display:none}.type-backdrop{font-size:300px;top:62px;left:8px}.glass-density-control{display:grid;grid-template-columns:auto minmax(50px,1fr) 36px;align-items:center;gap:12px;font-size:11px;z-index:4;position:relative;color:#34466c;margin-top:10px}.glass-density-control output{font-variant-numeric:tabular-nums;text-align:right}
.overview-card{transition:background-color 300ms,border-color 300ms}.action-card .vis-button{transition:transform 420ms var(--vis-spring),box-shadow 300ms}.action-card .vis-button:hover .vis-icon{transform:rotate(90deg)}
.component-tile{overflow:visible}.component-title{border-radius:20px 20px 0 0}.component-demo{overflow:visible}.component-demo .vis-tabs-orbit{margin-top:20px}.component-demo>div[data-vis-tabs]{max-width:100%}.component-demo .vis-tabpanel{font-size:14px}.component-demo .vis-subtitle{font-size:20px}.component-demo:has(.vis-menu){min-height:220px;justify-content:flex-start;padding-top:36px}.component-tile:has(.vis-menu-panel:not([hidden])){position:relative;z-index:10}.code-panel{border-radius:0 0 20px 20px;overflow:hidden}.component-title span{white-space:nowrap}.component-description{font-size:14px;line-height:1.75}.component-demo .vis-grid-12,.component-demo .vis-grid-auto,.component-demo .vis-bento,.component-demo .vis-layout{width:100%}
.motion-showcase{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px}.motion-showcase>.vis-card{padding:30px}.motion-showcase .eyebrow{margin-bottom:40px!important}.motion-showcase .vis-tabpanel{padding-top:24px;min-height:125px}.motion-showcase .vis-subtitle{font-size:23px}.motion-showcase .vis-muted{font-size:14px;margin-top:8px}
.icon-section-heading{margin:30px 0 22px}.icon-section-heading:first-child{margin-top:0}.icon-section-heading h2{font-size:20px}.icon-section-heading p{margin-top:8px}.finance-icon-item{gap:12px;padding:24px 8px 18px}.finance-icon-item strong{font-size:12px;font-weight:550}.finance-icon-item .vis-icon{color:var(--vis-accent-ink);width:27px;height:27px}.finance-icon-item span{font-size:10px}.finance-icon-grid{margin-bottom:50px}
.mobile-menu-trigger{display:none}.sidebar .brand{min-height:40px}.sidebar-content{margin-top:36px}.theme-picker{position:relative}.theme-picker .vis-button{transition:background-color 300ms,transform 360ms var(--vis-spring),box-shadow 300ms}.theme-picker [aria-pressed=true] .vis-icon{transform:rotate(-12deg) scale(1.06)}
[data-vis-theme=dark] .navigation-studio{background:#21385f;border-color:#3b5683;color:#f0f5ff}[data-vis-theme=dark] .studio-heading h2,[data-vis-theme=dark] .studio-link{color:#f0f5ff}[data-vis-theme=dark] :is(.studio-heading .eyebrow,.studio-heading p:not(.eyebrow),.specimen-heading,.nav-specimen .vis-tabpanel p,.studio-bottom,.glass-density-control){color:#d4e2fd}[data-vis-theme=dark] .nav-specimen{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.13)}[data-vis-theme=dark] .studio-bottom{border-color:#ffffff26}
@media(prefers-color-scheme:dark){html:not([data-vis-theme]) .navigation-studio{background:#21385f;border-color:#3b5683;color:#f0f5ff}html:not([data-vis-theme]) .studio-heading h2,html:not([data-vis-theme]) .studio-link{color:#f0f5ff}html:not([data-vis-theme]) :is(.studio-heading .eyebrow,.studio-heading p:not(.eyebrow),.specimen-heading,.nav-specimen .vis-tabpanel p,.studio-bottom,.glass-density-control){color:#d4e2fd}html:not([data-vis-theme]) .nav-specimen{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.13)}}
@media(max-width:1180px){.navigation-studio{grid-template-columns:1fr;padding:30px}.studio-heading{flex-direction:row;align-items:flex-start;gap:20px}.studio-heading h2{font-size:32px;margin-top:16px}.studio-heading h2 br{display:none}.studio-demos{display:grid;grid-template-columns:1fr 1fr;gap:16px}.nav-specimen{padding:18px 14px 12px}.specimen-heading{font-size:8px}.studio-edition{margin-top:8px;font-size:34px;flex:none}.studio-heading p:not(.eyebrow){margin-top:14px}.studio-heading p br{display:none}.studio-link{margin-top:16px}.motion-showcase{grid-template-columns:1fr}}
@media(max-width:800px){.sidebar{padding:18px 22px}.sidebar-content{display:none}.mobile-menu-trigger{display:inline-grid}.topbar .breadcrumb>span:first-child,.topbar .breadcrumb>.vis-icon{display:none}.topbar{height:72px}.topbar .vis-row{gap:10px}.navigation-studio{padding:28px 24px;border-radius:26px}.studio-heading h2{font-size:30px}.studio-heading .eyebrow{font-size:10px}.studio-demos{gap:14px}.nav-specimen{padding:20px 12px 12px}.studio-edition{font-size:28px}.studio-bottom{font-size:10px}.nav-specimen .vis-tab-label{font-size:9px}}
@media(max-width:600px){.studio-demos{grid-template-columns:1fr;gap:16px}.nav-specimen{padding:22px 20px 14px}.navigation-studio{padding:24px 20px;gap:26px}.studio-heading h2{font-size:31px}.studio-edition{display:none}.studio-heading h2 br{display:block}.studio-bottom span:last-child{display:none}.page-heading h1{font-size:34px}.glass-density-control{font-size:10px;gap:8px}.component-title{flex-wrap:wrap}.component-title span{font-size:10px}.motion-showcase>.vis-card{padding:24px 18px}.finance-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.finance-icon-item strong{font-size:11px}.vis-bento{gap:.6rem}.vis-bento .vis-card{padding:1rem}.nav-specimen .vis-tabs{min-height:4rem}.specimen-heading{font-size:9px}}
@media(prefers-reduced-transparency:reduce){.nav-specimen{background:var(--vis-surface)}.navigation-studio .vis-tabs-orbit{background:#fff}}
@media(prefers-reduced-motion:reduce){.material-stage:hover .glass-sample{transform:rotate(-5deg)}.studio-link:hover .vis-icon{transform:none}}
@media print{.sidebar,.topbar,.page-footer,.page-heading>.vis-button{display:none}.page-shell{margin:0}main{padding:0}.component-grid{grid-template-columns:1fr}.component-tile{break-inside:avoid}}

/* Multilingual catalog toolbar */
.topbar{z-index:80;gap:1rem}.topbar>.vis-row{min-width:0}.topbar .vis-language-trigger{width:auto;min-width:0;min-height:44px}.topbar .vis-language-option{width:auto;min-width:0;min-height:44px}.component-tile:has(.vis-language-panel:not([hidden])){position:relative;z-index:15}.component-demo .vis-language-picker{align-self:flex-start}.component-demo .vis-language-panel{inset-inline-start:0;inset-inline-end:auto}
@media(max-width:1100px){.topbar-release{display:none}}
@media(max-width:650px){.topbar .breadcrumb{display:none}.topbar{padding-inline:16px}.topbar>.vis-row:last-child{gap:8px}.topbar .vis-language-trigger{padding-inline:9px;gap:6px;font-size:14px}.topbar .theme-picker{gap:0}.topbar .theme-picker .vis-button{width:32px;min-width:32px;padding:5px}.topbar .vis-hamburger{width:38px;min-width:38px}}
@media(max-width:359px){.topbar{flex-wrap:wrap;height:auto;padding-block:10px}.topbar>.vis-row:last-child{flex:1;justify-content:flex-end}.topbar .vis-language-trigger .vis-language-chevron{display:none}}