.profile-controls{gap:var(--layout-space-16,var(--space-16));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.profile-font-select,.profile-controls>.profile-hint{grid-column:1/-1}.profile-hint{font-size:var(--text-12);color:var(--neutral-600);line-height:1.45}.profile-page-heading{gap:var(--layout-space-16,var(--space-16));justify-content:space-between;align-items:flex-start;display:flex}.profile-page-heading .lead{margin-bottom:var(--layout-space-24,var(--space-24))}.profile-lab{gap:var(--layout-space-24,var(--space-24));grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.profile-settings{gap:var(--layout-space-24,var(--space-24));flex-direction:column;display:flex}.profile-settings h2{font-size:var(--text-20)}.profile-settings>.dbm-next-button{align-self:flex-start}.profile-specimen-backdrop{padding:var(--layout-space-24,var(--space-24));border-radius:var(--layout-radius-24,var(--radius-24));background:var(--neutral-100);gap:var(--layout-space-16,var(--space-16));flex-direction:column;min-width:0;display:flex}.profile-specimen-caption{justify-content:space-between;gap:var(--layout-space-8,var(--space-8));font-size:var(--text-12);color:var(--neutral-600);flex-wrap:wrap;display:flex}.profile-specimen{gap:var(--layout-space-20,var(--space-20));flex-direction:column;display:flex}.profile-sample-heading{align-items:center;gap:var(--layout-space-12,var(--space-12));flex-wrap:wrap;display:flex}.profile-sample-heading>div{flex:1;min-width:0}.profile-sample-heading h2{font-size:var(--text-20);line-height:1.2}.profile-sample-heading p{font-size:var(--text-12);color:var(--neutral-600);margin-top:var(--layout-space-4,var(--space-4))}.profile-glyph{width:var(--size-40);height:var(--size-40);border-radius:var(--layout-radius-12,var(--radius-12));background:var(--accent-tint);color:var(--accent);flex:none;place-items:center;display:grid}.profile-sample-actions,.profile-export-actions,.profile-preset-actions{align-items:center;gap:var(--layout-space-8,var(--space-8));flex-wrap:wrap;display:flex}.profile-inner-sample{gap:var(--layout-space-12,var(--space-12));flex-direction:column;display:flex}.profile-inner-sample p{font-size:var(--text-12);color:var(--neutral-600)}.profile-metrics{gap:var(--layout-space-16,var(--space-16));margin-top:var(--layout-space-24,var(--space-24));padding:var(--layout-space-20,var(--space-20)) 0;border-block:1px solid var(--neutral-200);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.profile-metrics>div{gap:var(--layout-space-8,var(--space-8));flex-direction:column;min-width:0;display:flex}.profile-metrics strong{font-size:var(--text-16);overflow-wrap:anywhere}.profile-metrics small,.profile-metrics span{font-size:var(--text-12);color:var(--neutral-600)}.profile-save{align-items:flex-end;gap:var(--layout-space-12,var(--space-12));margin-block:var(--layout-space-16,var(--space-16));flex-wrap:wrap;display:flex}.profile-save>.dbm-next-field{flex:1;min-width:180px}.profile-presets{gap:var(--layout-space-12,var(--space-12));margin-bottom:var(--layout-space-16,var(--space-16));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.profile-preset{align-items:flex-start;gap:var(--layout-space-16,var(--space-16));flex-direction:column;display:flex}.profile-preset[data-selected]{border-color:var(--accent)}.profile-preset h3{overflow-wrap:anywhere}.profile-preset p,.profile-preset small{font-size:var(--text-12);color:var(--neutral-600);margin-top:var(--layout-space-8,var(--space-8))}.profile-empty{padding:var(--layout-space-20,var(--space-20)) 0;color:var(--neutral-600)}.profile-export-actions{margin-block:var(--layout-space-16,var(--space-16))}.profile-export>.dbm-next-tabs{margin-block:var(--layout-space-24,var(--space-24)) var(--layout-space-12,var(--space-12))}.profile-code{align-items:flex-start;gap:var(--layout-space-16,var(--space-16));flex-direction:column;min-width:0;display:flex}.profile-code pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;line-height:1.6;font-size:var(--text-12);margin:0}.profile-contract{gap:var(--layout-space-16,var(--space-16));flex-direction:column;display:flex}.profile-status{bottom:var(--layout-space-16,var(--space-16));z-index:30;border-radius:var(--layout-radius-12,var(--radius-12));padding:var(--layout-space-12,var(--space-12)) var(--layout-space-16,var(--space-16));background:var(--surface);border:1px solid var(--neutral-200);font-size:var(--text-12);position:sticky;max-width:fit-content!important}.profile-status:empty{display:none}@media (width<=1100px){.profile-lab{grid-template-columns:1fr}.profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-header .header-title{display:none}}@media (width<=600px){.profile-controls,.profile-presets{grid-template-columns:1fr}.profile-specimen-backdrop{padding:var(--layout-space-12,var(--space-12))}.profile-specimen{padding:var(--layout-space-16,var(--space-16))}.profile-controls>.profile-hint{grid-column:auto}.catalog-header .accent-control{display:none}.catalog-header{gap:var(--layout-space-8,var(--space-8));padding-inline:var(--layout-space-12,var(--space-12))}.catalog-header .header-right{gap:var(--layout-space-4,var(--space-4))}}.profile-quick-presets{margin-top:var(--layout-space-24,var(--space-24));padding-top:var(--layout-space-24,var(--space-24));border-top:1px solid var(--neutral-200)}.profile-sample-panel{gap:var(--layout-space-16,var(--space-16));flex-direction:column;min-width:0;display:flex}.ds-current-state table{table-layout:fixed;width:100%;min-width:0}.ds-current-state th,.ds-current-state td{white-space:normal;overflow-wrap:anywhere;vertical-align:top}.ds-current-state code{white-space:normal;overflow-wrap:anywhere;font-size:var(--text-12)}.ds-current-state td p{margin:var(--space-8) 0 0}.source-references{gap:var(--space-24);padding:var(--space-24);flex-direction:column;min-width:0;display:flex}.source-references>p,.source-reference p{color:var(--neutral-600);font-size:var(--text-14);margin:0;line-height:1.5}.source-reference,.source-reference figure{gap:var(--space-16);flex-direction:column;min-width:0;margin:0;display:flex}.source-reference figcaption{gap:var(--space-8);flex-direction:column;display:flex}.source-reference strong{font-size:var(--text-16);font-weight:500}.source-reference-links{gap:var(--space-8) var(--space-16);font-size:var(--text-14);flex-wrap:wrap;display:flex}.source-reference a{color:var(--status-accent-text);text-underline-offset:var(--space-4)}.source-reference img{border:var(--stroke-1) solid var(--border-faint);border-radius:var(--layout-radius-12,var(--radius-12));width:100%;height:auto;display:block}.source-reference a:focus-visible{outline:var(--stroke-1) solid var(--focus-ring);outline-offset:var(--space-4)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--layout-space-64,var(--space-64)) + var(--layout-space-24,var(--space-24)))}body{background:var(--surface);color:var(--neutral-900);font:var(--weight-normal) var(--text-14)/1.45 Onest,sans-serif;letter-spacing:var(--tracking);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{cursor:not-allowed}.lucide{stroke-width:1.5px;flex:none;width:20px;height:20px}h1,h2,h3,p{margin:0}h1{font-size:var(--text-32);font-weight:var(--weight-emphasis);letter-spacing:var(--tracking);line-height:1.45}h2{font-size:var(--text-20);font-weight:var(--weight-emphasis);letter-spacing:var(--tracking);line-height:1.2}h3{font-size:var(--text-16);font-weight:var(--weight-emphasis)}strong{font-weight:var(--weight-emphasis)}code,pre,kbd{font-family:ui-monospace,SFMono-Regular,monospace;font-size:var(--text-12)}button{border:0}.catalog-header{height:72px;padding:0 var(--layout-space-32,var(--space-32));align-items:center;gap:var(--layout-space-24,var(--space-24));background:var(--surface);border-bottom:1px solid var(--neutral-100);z-index:40;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--layout-space-12,var(--space-12));font-size:var(--text-24);letter-spacing:var(--tracking);font-weight:var(--weight-emphasis);display:flex}.brand-slash{color:var(--neutral-300);font-weight:var(--weight-normal)}.header-divider{background:var(--neutral-200);width:1px;height:20px}.header-title{color:var(--neutral-600);font-size:var(--text-14)}.header-right{align-items:center;gap:var(--layout-space-24,var(--space-24));margin-left:auto;display:flex}.local-status{align-items:center;gap:var(--layout-space-8,var(--space-8));font-size:var(--text-12);display:flex}.local-status>span:last-child{margin-left:var(--layout-space-8,var(--space-8));color:var(--neutral-500)}.status-dot{background:var(--success);border-radius:50%;flex:none;width:6px;height:6px;display:inline-block}.catalog-sidebar{width:248px;padding:var(--layout-space-24,var(--space-24)) var(--layout-space-20,var(--space-20)) var(--layout-space-20,var(--space-20)) var(--layout-space-24,var(--space-24));border-right:1px solid var(--neutral-100);background:var(--surface);z-index:30;scrollbar-width:thin;position:fixed;inset:72px auto 0 0;overflow-y:auto}.search-box{border-radius:var(--layout-radius-12,var(--radius-12));background:var(--neutral-100);align-items:center;gap:var(--layout-space-8,var(--space-8));height:40px;padding:0 var(--layout-space-8,var(--space-8));margin-bottom:var(--layout-space-24,var(--space-24));display:flex}.nav-group h2{font-size:var(--text-12);color:var(--neutral-500);letter-spacing:var(--tracking);font-weight:var(--weight-normal);margin:0 var(--layout-space-12,var(--space-12)) var(--layout-space-8,var(--space-8))}.new-dot{height:var(--size-4);width:var(--size-4);background:var(--accent);border-radius:50%}.sidebar-footer{border-top:1px solid var(--neutral-100);padding:var(--layout-space-20,var(--space-20)) var(--layout-space-12,var(--space-12)) 0;font-size:var(--text-12);color:var(--neutral-600);line-height:1.45}.sidebar-footer span{font-size:var(--text-12);color:var(--neutral-500)}.catalog-main{padding:var(--layout-space-48,var(--space-48)) var(--layout-space-48,var(--space-48)) 0;min-width:0;max-width:1320px;margin-left:248px}.eyebrow{font-size:var(--text-12);color:var(--neutral-500);align-items:center;gap:var(--layout-space-8,var(--space-8));margin-bottom:var(--layout-space-20,var(--space-20));display:flex}.hero h1{font-size:var(--text-32);letter-spacing:var(--tracking);line-height:1.45}.hero h1 span{color:var(--neutral-500)}.hero>p{font-size:var(--text-16);color:var(--neutral-600);max-width:560px;margin-top:var(--layout-space-24,var(--space-24));line-height:1.45}.hero-actions{align-items:center;gap:var(--layout-space-8,var(--space-8));margin-top:var(--layout-space-24,var(--space-24));flex-wrap:wrap;display:flex}.overview-showcase{margin-top:var(--layout-space-40,var(--space-40));grid-template-columns:1.4fr 1fr;display:grid;overflow:hidden}.showcase-form{align-items:flex-start;gap:var(--layout-space-24,var(--space-24));padding:var(--layout-space-32,var(--space-32));flex-direction:column;display:flex}.showcase-form .dbm-next-field{max-width:360px}.mini-label{font-size:var(--text-12);letter-spacing:var(--tracking);color:var(--neutral-500)}.showcase-form h2{font-size:var(--text-20)}.showcase-type{background:var(--neutral-100);padding:var(--layout-space-32,var(--space-32));justify-content:center;align-items:center;gap:var(--layout-space-16,var(--space-16));flex-direction:column;display:flex}.type-specimen{font-size:var(--text-32);font-weight:var(--weight-normal);letter-spacing:var(--tracking);line-height:1}.type-scale{word-spacing:12px;color:var(--neutral-500);font-size:var(--text-14)}.type-scale span{color:var(--neutral-900)}.showcase-type p{font-size:var(--text-12);color:var(--neutral-600);text-align:center}.example-row{align-items:center;gap:var(--layout-space-8,var(--space-8));flex-wrap:wrap;display:flex}.stat-strip{padding:var(--layout-space-24,var(--space-24)) 0;border-bottom:1px solid var(--neutral-200);gap:var(--layout-space-24,var(--space-24));grid-template-columns:repeat(3,1fr);display:grid}.stat-strip>div{align-items:center;gap:var(--layout-space-12,var(--space-12));display:flex}.stat-strip strong{font-size:var(--text-24);letter-spacing:var(--tracking)}.stat-strip span{font-size:var(--text-12);color:var(--neutral-500);max-width:140px}.doc-section{margin-top:var(--layout-space-40,var(--space-40))}.doc-section>h2{margin-bottom:var(--layout-space-20,var(--space-20))}.doc-section>p{color:var(--neutral-600);max-width:800px}.link-grid{gap:var(--layout-space-12,var(--space-12));grid-template-columns:repeat(2,1fr);display:grid}.link-card{border:1px solid var(--neutral-200);border-radius:var(--layout-radius-16,var(--radius-16));padding:var(--layout-space-24,var(--space-24));gap:var(--layout-space-8,var(--space-8)) var(--layout-space-16,var(--space-16));grid-template-columns:24px 1fr;transition:background .15s;display:grid;position:relative}.link-card>.lucide{grid-row:span 2}.link-card strong{font-size:var(--text-16)}.link-card span{font-size:var(--text-12);color:var(--neutral-500)}.link-card:hover{background:var(--neutral-50)}.link-card .card-arrow{color:var(--neutral-400);width:16px;height:16px;position:absolute;top:24px;right:20px}.process-row{gap:var(--layout-space-32,var(--space-32));padding:var(--layout-space-4,var(--space-4)) 0 var(--layout-space-24,var(--space-24));grid-template-columns:repeat(3,1fr);display:grid}.process-row>div>span{color:var(--neutral-400);font-size:var(--text-12)}.process-row h3{margin:var(--layout-space-12,var(--space-12)) 0 var(--layout-space-8,var(--space-8))}.process-row p{font-size:var(--text-12);color:var(--neutral-600)}.muted{font-size:var(--text-12);line-height:1.45;color:var(--neutral-500)!important}.lead{max-width:720px;margin-top:var(--layout-space-20,var(--space-20));color:var(--neutral-600);font-size:var(--text-16);line-height:1.45}.title-line{align-items:center;gap:var(--layout-space-16,var(--space-16));flex-wrap:wrap;display:flex}.small-notice{margin-top:var(--layout-space-20,var(--space-20))}.component-toolbar{margin:var(--layout-space-32,var(--space-32)) 0 var(--layout-space-16,var(--space-16));align-items:center;gap:var(--layout-space-12,var(--space-12));flex-wrap:wrap;justify-content:space-between;display:flex}.preview-card{min-width:0;overflow:hidden}.preview-tabs{padding:var(--layout-space-12,var(--space-12)) var(--layout-space-16,var(--space-16));border-bottom:1px solid var(--neutral-100);justify-content:space-between;align-items:center;gap:var(--layout-space-12,var(--space-12));display:flex}.preview-tabs [role=tablist]{gap:var(--layout-space-4,var(--space-4));display:flex}.viewport-switch{display:flex}.preview-controls{align-items:flex-end;gap:var(--layout-space-12,var(--space-12));padding:var(--layout-space-20,var(--space-20)) var(--layout-space-24,var(--space-24));border-bottom:1px solid var(--neutral-100);background:var(--neutral-50);flex-wrap:wrap;display:flex}.control-select{gap:var(--layout-space-6,var(--space-6));min-width:120px;font-size:var(--text-12);flex-direction:column;display:flex}.control-select>span{color:var(--neutral-500)}.preview-shell{background:var(--surface);width:100%;margin:auto;transition:max-width .15s}.preview-shell.narrow{border-inline:1px dashed var(--neutral-200);max-width:376px}.preview-shell iframe{background:var(--surface);border:0;width:100%;display:block}.preview-caption{align-items:center;gap:var(--layout-space-8,var(--space-8));border-top:1px solid var(--neutral-100);padding:var(--layout-space-16,var(--space-16)) var(--layout-space-24,var(--space-24));font-size:var(--text-12);color:var(--neutral-500);flex-wrap:wrap;display:flex}.preview-caption>span:last-child{margin-left:auto}.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.compare-grid>div{border-bottom:1px solid var(--neutral-200);border-right:1px solid var(--neutral-200);min-width:0}.compare-label{padding:var(--layout-space-16,var(--space-16)) var(--layout-space-24,var(--space-24));font-size:var(--text-12);color:var(--neutral-600);background:var(--neutral-50)}.code-note{padding:var(--layout-space-20,var(--space-20)) var(--layout-space-24,var(--space-24));color:var(--neutral-600);font-size:var(--text-12);overflow-wrap:anywhere}.code-block{border-radius:var(--layout-radius-12,var(--radius-12));padding:var(--layout-space-24,var(--space-24));margin-top:var(--layout-space-16,var(--space-16));min-width:0;position:relative}.preview-card>.code-block{border-radius:0;margin:0}.code-block>.dbm-next-button{position:absolute;top:12px;right:12px}.code-block pre{padding-right:var(--layout-space-40,var(--space-40));tab-size:2;max-height:520px;margin:0;line-height:1.45;overflow-x:auto}.code-block p{font-size:var(--text-12);margin-top:var(--layout-space-12,var(--space-12))}.reference-links{gap:var(--layout-space-12,var(--space-12));margin-bottom:var(--layout-space-16,var(--space-16));flex-wrap:wrap;display:flex}.reference-links a,.inline-link{align-items:center;gap:var(--layout-space-8,var(--space-8));font-size:var(--text-12);color:var(--accent);display:inline-flex}.reference-links svg,.inline-link svg{width:14px;height:14px}.source-entry{padding:var(--layout-space-20,var(--space-20)) 0;border-top:1px solid var(--neutral-100);gap:var(--layout-space-8,var(--space-8));flex-direction:column;min-width:0;display:flex}.source-entry code{overflow-wrap:anywhere;color:var(--neutral-600)}.source-entry small{font-size:var(--text-12);color:var(--neutral-500)}.source-entry summary{font-size:var(--text-12);color:var(--neutral-600);min-height:32px}.source-entry details code{margin-top:var(--layout-space-8,var(--space-8));font-size:var(--text-12);display:block}.review-note>label{color:var(--neutral-600);font-size:var(--text-12);margin-bottom:var(--layout-space-8,var(--space-8));display:block}.review-note>div{gap:var(--layout-space-16,var(--space-16));margin-top:var(--layout-space-12,var(--space-12));flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.type-controls{gap:var(--layout-space-16,var(--space-16));margin:var(--layout-space-32,var(--space-32)) 0 var(--layout-space-20,var(--space-20));flex-wrap:wrap;display:flex}.type-controls .control-select{min-width:160px}.type-lab{gap:var(--layout-space-32,var(--space-32));overflow-wrap:anywhere;flex-direction:column;display:flex}.type-lab>.dbm-next-field{max-width:360px}.type-lab-samples{gap:var(--layout-space-20,var(--space-20));grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.type-lab-samples>div{align-items:flex-start;gap:var(--layout-space-12,var(--space-12));flex-direction:column;min-width:0;display:flex}.type-lab-samples small{font-size:var(--text-12);color:var(--neutral-500)}.type-list>div{gap:var(--layout-space-24,var(--space-24));padding:var(--layout-space-20,var(--space-20)) 0;border-bottom:1px solid var(--neutral-100);grid-template-columns:72px 1fr 44px;align-items:center;min-width:0;display:grid}.type-list code,.type-list>div>span:last-child{font-size:var(--text-12);color:var(--neutral-500)}.type-list>div>[data-ui-component]{overflow-wrap:anywhere}.legacy-sizes{gap:var(--layout-space-8,var(--space-8));margin-top:var(--layout-space-16,var(--space-16));flex-wrap:wrap;display:flex}.legacy-sizes>span{padding:var(--layout-space-8,var(--space-8)) var(--layout-space-12,var(--space-12));border:1px solid var(--neutral-200);border-radius:var(--layout-radius-8,var(--radius-8));color:var(--neutral-500)}.legacy-sizes>span.in-scale{background:var(--neutral-100);color:var(--neutral-900)}.legacy-sizes small{font-size:var(--text-12);margin-left:var(--layout-space-4,var(--space-4));color:var(--neutral-500)}.spacing-list{gap:var(--layout-space-12,var(--space-12)) var(--layout-space-40,var(--space-40));grid-template-columns:1fr 1fr;display:grid}.spacing-list>div{align-items:center;gap:var(--layout-space-16,var(--space-16));height:36px;color:var(--neutral-600);grid-template-columns:72px 1fr 40px;display:grid}.spacing-bar{border-radius:var(--layout-radius-4,var(--radius-4));background:var(--neutral-900);height:12px;display:block}.spacing-list>div>span:last-child{font-size:var(--text-12)}.radius-grid{gap:var(--layout-space-20,var(--space-20));grid-template-columns:repeat(7,1fr);display:grid}.radius-grid>div{gap:var(--layout-space-12,var(--space-12));color:var(--neutral-500);flex-direction:column;display:flex}.radius-grid>div>span{background:var(--neutral-100);border:1px solid var(--neutral-300);width:64px;height:64px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:var(--text-14)}th,td{padding:var(--layout-space-16,var(--space-16)) var(--layout-space-12,var(--space-12));border-bottom:1px solid var(--neutral-200);white-space:nowrap}th{font-size:var(--text-12);font-weight:var(--weight-normal);color:var(--neutral-500)}.table-scroll+p{margin-top:var(--layout-space-16,var(--space-16))}.swatch-grid{gap:var(--layout-space-24,var(--space-24)) var(--layout-space-16,var(--space-16));margin-top:var(--layout-space-32,var(--space-32));grid-template-columns:repeat(3,1fr);display:grid}.swatch{gap:var(--layout-space-8,var(--space-8));flex-direction:column;min-width:0;display:flex}.swatch>span{border:1px solid var(--neutral-200);border-radius:var(--layout-radius-12,var(--radius-12));width:100%;height:88px}.swatch>strong{font-size:var(--text-14)}.swatch code,.swatch small{font-size:var(--text-12);color:var(--neutral-500);overflow-wrap:anywhere}.surface-demo{gap:var(--layout-space-24,var(--space-24));grid-template-columns:1fr 1fr;align-items:center;display:grid}.inset-demo{--field-bg:var(--surface);--control-bg:var(--surface);--control-hover-bg:var(--neutral-50)}.inventory-toolbar{align-items:flex-end;gap:var(--layout-space-12,var(--space-12));margin:var(--layout-space-32,var(--space-32)) 0 var(--layout-space-16,var(--space-16));display:flex}.inventory-toolbar>.dbm-next-field{flex:1}.inventory-toolbar .dbm-next-button{flex:none}.inventory-list{margin-top:var(--layout-space-24,var(--space-24))}.inventory-list>details{border-bottom:1px solid var(--neutral-200)}.inventory-list>details>summary{align-items:center;gap:var(--layout-space-16,var(--space-16));padding:var(--layout-space-16,var(--space-16)) 0;cursor:pointer;min-height:64px;list-style:none;display:flex}.inventory-list summary::-webkit-details-marker{display:none}.inventory-name{font-size:var(--text-14);gap:var(--layout-space-4,var(--space-4));overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.inventory-name small{font-size:var(--text-12);color:var(--neutral-500)}.inventory-state{font-size:var(--text-12);color:var(--neutral-500);white-space:nowrap;margin-left:auto}.inventory-list summary>svg{width:16px;height:16px;color:var(--neutral-400)}.inventory-list details[open]>summary>svg{transform:rotate(90deg)}.inventory-list details>div{padding:0 0 var(--layout-space-20,var(--space-20));min-width:0}.inventory-list details>div>code{font-size:var(--text-12);overflow-wrap:anywhere;color:var(--neutral-500);margin:var(--layout-space-8,var(--space-8)) 0 var(--layout-space-16,var(--space-16));display:block}.empty-search{padding:var(--layout-space-16,var(--space-16)) var(--layout-space-12,var(--space-12));color:var(--neutral-500);font-size:var(--text-12)}.page-footer{margin-top:var(--layout-space-64,var(--space-64));padding:var(--layout-space-24,var(--space-24)) 0 var(--layout-space-32,var(--space-32));border-top:1px solid var(--neutral-100);font-size:var(--text-12);color:var(--neutral-500);gap:var(--layout-space-12,var(--space-12));justify-content:space-between;display:flex}.mobile-menu,.menu-scrim{display:none}@media (width>=1550px){.catalog-main{max-width:1480px;margin-inline:auto;padding-left:304px}}@media (width<=1100px){.catalog-main{padding:var(--layout-space-40,var(--space-40)) var(--layout-space-32,var(--space-32)) 0}.hero h1{font-size:var(--text-32)}.overview-showcase{grid-template-columns:1.4fr 1fr}.showcase-form,.showcase-type{padding:var(--layout-space-24,var(--space-24))}.type-specimen{font-size:var(--text-32)}.type-scale{word-spacing:6px}.stat-strip>div{align-items:flex-start;gap:var(--layout-space-4,var(--space-4));flex-direction:column}.radius-grid{grid-template-columns:repeat(4,1fr)}.compare-grid{grid-template-columns:1fr}.type-lab-samples{grid-template-columns:1fr 1fr}.inventory-toolbar{flex-wrap:wrap}}@media (width<=800px){.catalog-header{height:64px;padding:0 var(--layout-space-16,var(--space-16));gap:var(--layout-space-12,var(--space-12))}.mobile-menu{display:grid}.header-divider,.header-title{display:none}.header-right{gap:var(--layout-space-8,var(--space-8))}.catalog-sidebar{width:268px;transition:transform .15s;top:64px;transform:translate(-100%)}.catalog-sidebar.is-open{transform:translate(0)}.menu-scrim{background:var(--overlay-bg,#0003);z-index:25;display:block;position:fixed;inset:64px 0 0}.catalog-main{padding:var(--layout-space-32,var(--space-32)) var(--layout-space-24,var(--space-24)) 0;max-width:100%;margin-left:0}.hero h1{font-size:var(--text-32)}.hero>p{font-size:var(--text-14)}.overview-showcase{margin-top:var(--layout-space-32,var(--space-32))}.page-footer{margin-top:var(--layout-space-40,var(--space-40))}.type-list>div{gap:var(--layout-space-12,var(--space-12));grid-template-columns:60px 1fr 40px}}@media (width<=560px){.catalog-main{padding:var(--layout-space-24,var(--space-24)) var(--layout-space-20,var(--space-20)) 0}h1,.hero h1{font-size:var(--text-32)}.local-status{font-size:var(--text-12)}.local-status>span:last-child{display:none}.overview-showcase{grid-template-columns:1fr}.showcase-type{padding:var(--layout-space-24,var(--space-24));gap:var(--layout-space-12,var(--space-12));grid-template-columns:1fr 1fr;display:grid}.showcase-type .mini-label{grid-column:1/-1}.type-specimen{font-size:var(--text-32);grid-row:span 2}.type-scale{font-size:var(--text-12);word-spacing:6px}.showcase-type p{text-align:left}.link-grid{grid-template-columns:1fr}.stat-strip{gap:var(--layout-space-12,var(--space-12))}.stat-strip strong{font-size:var(--text-24)}.stat-strip span{font-size:var(--text-12)}.process-row{gap:var(--layout-space-24,var(--space-24));grid-template-columns:1fr}.process-row h3{margin-top:var(--layout-space-4,var(--space-4))}.process-row p{max-width:300px}.doc-section{margin-top:var(--layout-space-32,var(--space-32))}.lead{font-size:var(--text-14);margin-top:var(--layout-space-16,var(--space-16))}.component-toolbar{margin-top:var(--layout-space-24,var(--space-24))}.source-pills{gap:0}.preview-tabs{padding:var(--layout-space-8,var(--space-8))}.preview-controls{padding:var(--layout-space-16,var(--space-16));gap:var(--layout-space-8,var(--space-8))}.control-select{flex:1;min-width:0}.preview-caption{padding:var(--layout-space-12,var(--space-12)) var(--layout-space-16,var(--space-16))}.preview-caption>span:last-child{display:none}.code-block{padding:var(--layout-space-16,var(--space-16))}.code-block pre{font-size:var(--text-12)}.type-controls{gap:var(--layout-space-8,var(--space-8))}.type-controls .control-select{min-width:0}.type-lab-samples{grid-template-columns:1fr}.type-list>div{gap:var(--layout-space-12,var(--space-12));grid-template-columns:52px 1fr}.type-list>div>span:last-child{display:none}.spacing-list{grid-template-columns:1fr}.radius-grid{gap:var(--layout-space-16,var(--space-16));grid-template-columns:repeat(3,1fr)}.swatch-grid{gap:var(--layout-space-24,var(--space-24)) var(--layout-space-12,var(--space-12));grid-template-columns:1fr 1fr}.surface-demo{grid-template-columns:1fr}.inventory-toolbar>.dbm-next-field{flex-basis:100%}.inventory-list>details>summary{gap:var(--layout-space-8,var(--space-8))}.inventory-state{font-size:var(--text-12);white-space:normal;max-width:82px}.page-footer{flex-direction:column}.review-note>div{align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}body{font-size:var(--text-14);font-weight:var(--weight-normal);--control-bg:var(--neutral-100);--control-hover-bg:var(--neutral-200);line-height:1.45}h1{font-size:var(--text-32);line-height:1.2}p{line-height:1.45}.catalog-main{padding-top:var(--layout-space-40,var(--space-40))}.header-right{gap:var(--layout-space-12,var(--space-12))}.accent-control{align-items:center;gap:var(--layout-space-8,var(--space-8));width:fit-content;min-width:0;max-width:100%;display:flex}.header-right{min-width:0}.accent-swatch{width:var(--size-16);height:var(--size-16);border-radius:var(--layout-radius-4,var(--radius-4));background:var(--action-primary);flex:none}.search-box{margin-bottom:var(--layout-space-24,var(--space-24))}.nav-group .dbm-next-nav{width:100%;margin-block:var(--layout-space-2,var(--space-2))}.nav-group small{font-size:var(--text-12)}.overview-showcase.dbm-next-surface,.preview-card.dbm-next-surface,.usage-preview.dbm-next-surface{padding:0;overflow:hidden}.overview-showcase{margin-top:var(--layout-space-32,var(--space-32))}.type-specimen{font-size:var(--text-32);line-height:1.2}.source-pills{gap:var(--layout-space-4,var(--space-4));flex-wrap:wrap;display:flex}.preview-tabs{flex-wrap:wrap}.preview-controls{background:var(--surface);padding:var(--layout-space-24,var(--space-24))}.control-select{flex:1;width:auto;min-width:fit-content;max-width:100%}.preview-controls .control-select{flex:144px;max-width:240px}.type-controls .control-select{min-width:fit-content;max-width:100%}.viewport-switch{gap:var(--layout-space-4,var(--space-4));display:flex}.review-note>.dbm-next-field{align-items:stretch;margin:0;display:flex}.usage-tabs{margin:var(--layout-space-20,var(--space-20)) 0 var(--layout-space-12,var(--space-12))}.state-description{font-size:var(--text-14);margin-bottom:var(--layout-space-16,var(--space-16))}.usage-preview{margin-bottom:var(--layout-space-16,var(--space-16))}.tone-matrix{gap:var(--layout-space-24,var(--space-24));margin-top:var(--layout-space-24,var(--space-24));flex-direction:column;display:flex}.tone-matrix>div{gap:var(--layout-space-8,var(--space-8));flex-direction:column;display:flex}.type-lab-samples .dbm-next-field{width:100%}.type-lab-samples .dbm-next-badge{min-height:var(--size-40)}.dbm-next-button.mobile-menu{display:none}@media (width<=800px){.dbm-next-button.mobile-menu{display:inline-flex}.local-status{display:none}.catalog-main{padding:var(--layout-space-32,var(--space-32)) var(--layout-space-24,var(--space-24)) 0}}@media (width<=560px){.catalog-header{padding-inline:var(--layout-space-12,var(--space-12));gap:var(--layout-space-8,var(--space-8))}.header-right{gap:var(--layout-space-4,var(--space-4))}.accent-control{gap:var(--layout-space-4,var(--space-4));width:fit-content;max-width:100%}.accent-swatch{display:none}.brand{font-size:var(--text-20);gap:var(--layout-space-8,var(--space-8))}.catalog-main{padding:var(--layout-space-24,var(--space-24)) var(--layout-space-16,var(--space-16)) 0}.preview-tabs{padding:var(--layout-space-12,var(--space-12));gap:var(--layout-space-8,var(--space-8))}.preview-controls{padding:var(--layout-space-16,var(--space-16))}.control-select{min-width:0}.preview-controls .control-select{flex:120px}.type-controls .control-select{min-width:120px}.type-lab{padding:var(--layout-space-16,var(--space-16))}.preview-caption{font-size:var(--text-12)}}.preview-controls{padding:var(--layout-space-16,var(--space-16));gap:var(--layout-space-12,var(--space-12));align-items:flex-end}.preview-controls .control-select{flex:128px;min-width:112px;max-width:192px}.component-toolbar+.preview-card{margin-top:0}.title-line~.preview-card{margin-top:var(--layout-space-24,var(--space-24))}@media (width<=560px){.preview-controls{gap:var(--layout-space-8,var(--space-8));padding:var(--layout-space-12,var(--space-12))}.preview-controls .control-select{flex:112px;min-width:0;max-width:none}.preview-tabs{gap:var(--layout-space-8,var(--space-8))}.preview-tabs .dbm-next-tabs{gap:0}}.code-block>.dbm-next-copy-inline{top:var(--layout-space-12,var(--space-12));right:var(--layout-space-12,var(--space-12));max-width:calc(100% - var(--layout-space-24,var(--space-24)));align-items:flex-end;position:absolute}.code-block>.dbm-next-copy-inline>button{position:static}.code-block .dbm-next-copy-error{padding:var(--layout-space-8,var(--space-8));background:var(--surface);border-radius:var(--layout-radius-8,var(--radius-8))}.preview-shell{position:relative}.preview-shell[data-preview-status=loading]>iframe,.preview-shell[data-preview-status=error]>iframe{visibility:hidden}.preview-feedback{justify-content:center;align-items:center;gap:var(--layout-space-16,var(--space-16));padding:var(--layout-space-24,var(--space-24));text-align:center;color:var(--neutral-600);flex-direction:column;display:flex;position:absolute;inset:0}.type-scale-matrix,.layout-examples{gap:var(--layout-space-16,var(--space-16));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.type-scale-matrix>.dbm-next-surface,.layout-example{align-items:flex-start;gap:var(--layout-space-12,var(--space-12));overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.type-scale-matrix code{color:var(--neutral-600)}.layout-example>.dbm-next-field:not([data-layout=content]){width:100%}@media (width<=800px){.type-scale-matrix,.layout-examples{grid-template-columns:minmax(0,1fr)}}html{scroll-behavior:auto}body{background:var(--surface)}.catalog-app{--catalog-nav-width:288px;min-height:100vh}.catalog-app[data-nav-width=wide]{--catalog-nav-width:336px}.catalog-app[data-nav-collapsed]{--catalog-nav-width:0px}.catalog-header{background:var(--surface);border-color:var(--neutral-200);gap:var(--layout-space-16,var(--space-16));padding-inline:var(--layout-space-24,var(--space-24))}.catalog-header>.dbm-next-tooltip-trigger{align-self:center}.header-title{font-size:var(--text-12)}.brand{white-space:nowrap}.catalog-header .header-right{gap:var(--layout-space-8,var(--space-8))}.catalog-sidebar{width:var(--catalog-nav-width);padding:var(--layout-space-16,var(--space-16));border-color:var(--neutral-200);background:var(--surface)}.catalog-main{margin-left:var(--catalog-nav-width);padding:var(--layout-space-32,var(--space-32));min-width:0;max-width:none}.catalog-main>*{max-width:1200px;margin-left:auto;margin-right:auto}.catalog-main:focus{outline:none}.sidebar-tools{gap:var(--layout-space-4,var(--space-4));margin-bottom:var(--layout-space-20,var(--space-20));display:flex}.sidebar-tools>.dbm-next-button:first-child{flex:1;justify-content:flex-start;min-width:0}.sidebar-tools kbd{margin-left:var(--layout-space-16,var(--space-16));font-size:var(--text-12);color:var(--neutral-600)}.nav-foundations .dbm-next-nav{justify-content:flex-start;gap:var(--layout-space-12,var(--space-12))}.nav-group{margin-bottom:var(--layout-space-16,var(--space-16))}.nav-group h2{align-items:center;gap:var(--layout-space-8,var(--space-8));margin:var(--layout-space-12,var(--space-12)) var(--layout-space-8,var(--space-8));color:var(--neutral-600);display:flex}.nav-group h2 svg{width:var(--size-16);height:var(--size-16)}.nav-group h2 span{margin-left:auto}.nav-catalog-label{font-size:var(--text-12);color:var(--neutral-600);padding:var(--layout-space-16,var(--space-16)) var(--layout-space-8,var(--space-8));border-top:1px solid var(--neutral-200);justify-content:space-between;align-items:center;display:flex}.nav-group-toggle{width:100%;margin-bottom:var(--layout-space-4,var(--space-4));color:var(--neutral-600)!important;justify-content:flex-start!important}.nav-group-toggle .dbm-next-button-label{gap:var(--layout-space-8,var(--space-8));flex:1;align-items:center;min-width:0;display:flex}.nav-group-toggle .dbm-next-button-label>span{text-overflow:ellipsis;overflow:hidden}.nav-group-toggle small{color:var(--neutral-500);margin-left:auto}.nav-group-toggle svg{transition:transform .14s}.nav-group-toggle svg[data-closed=true]{transform:rotate(-90deg)}.catalog-nav-row{align-items:center;gap:var(--layout-space-2,var(--space-2));border-radius:var(--layout-radius-12,var(--radius-12));min-width:0;display:flex}.catalog-nav-row>.dbm-next-nav{flex:1;min-width:0;overflow:hidden}.catalog-nav-copy{gap:var(--layout-space-2,var(--space-2));flex-direction:column;min-width:0;line-height:1;display:flex}.catalog-nav-copy>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.catalog-nav-copy small{font-size:var(--text-12);color:var(--neutral-600);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.catalog-nav-row>.dbm-next-tooltip-trigger{opacity:0;flex:none;align-self:center}.catalog-nav-row:hover>.dbm-next-tooltip-trigger,.catalog-nav-row:focus-within>.dbm-next-tooltip-trigger{opacity:1}.catalog-nav-row>.dbm-next-tooltip-trigger:has([aria-pressed=true]){opacity:1}.catalog-nav-row [aria-pressed=true]{color:var(--accent)}.sidebar-content[data-density=compact] .nav-group{margin-bottom:var(--layout-space-8,var(--space-8))}.sidebar-content[data-density=compact] .catalog-nav-copy small{display:none}.sidebar-content[data-density=compact] .nav-group .dbm-next-nav{margin-block:0}.sidebar-footer{gap:var(--layout-space-8,var(--space-8));padding:var(--layout-space-16,var(--space-16)) var(--layout-space-8,var(--space-8));flex-direction:column;display:flex}.skip-link{left:var(--layout-space-24,var(--space-24));top:var(--layout-space-12,var(--space-12));z-index:100;padding:var(--layout-space-12,var(--space-12));border-radius:var(--layout-radius-12,var(--radius-12));background:var(--surface);color:var(--accent);position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:none}.nav-settings-fields{gap:var(--layout-space-12,var(--space-12));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.nav-settings-hint{margin-block:var(--layout-space-20,var(--space-20));color:var(--neutral-600);font-size:var(--text-12)}.nav-settings-groups{gap:var(--layout-space-8,var(--space-8));flex-direction:column;display:flex}.nav-settings-row.dbm-next-surface{padding:var(--layout-space-8,var(--space-8));align-items:center;gap:var(--layout-space-8,var(--space-8));border-radius:var(--layout-radius-12,var(--radius-12));display:flex}.nav-settings-row>.dbm-next-choice-host{flex:1;min-width:0}.nav-settings-row>div:last-child{flex:none;display:flex}.nav-settings-row .dbm-next-choice-copy{overflow-wrap:anywhere}.catalog-search-dialog .dbm-next-dialog-body{min-width:0}.search-filter{align-items:center;gap:var(--layout-space-16,var(--space-16));margin-block:var(--layout-space-16,var(--space-16));display:flex}.search-filter>.dbm-next-field{flex:1;min-width:0}.search-filter>span{font-size:var(--text-12);color:var(--neutral-600);white-space:nowrap}.catalog-results{overscroll-behavior:contain;gap:var(--layout-space-4,var(--space-4));flex-direction:column;max-height:48vh;display:flex;overflow-y:auto}.catalog-result{align-items:center;gap:var(--layout-space-12,var(--space-12));padding:var(--layout-space-12,var(--space-12));border-radius:var(--layout-radius-12,var(--radius-12));cursor:pointer;color:var(--neutral-900);flex:none;display:flex}.catalog-result[aria-selected=true]{background:var(--control-bg)}.result-glyph{width:var(--size-40);height:var(--size-40);background:var(--accent-tint);border-radius:var(--layout-radius-12,var(--radius-12));color:var(--accent);flex:none;place-items:center;display:grid}.catalog-result>div{flex:1;min-width:0}.catalog-result strong{gap:var(--layout-space-8,var(--space-8));font-size:var(--text-14);overflow-wrap:anywhere;flex-wrap:wrap;font-weight:500;display:flex}.catalog-result strong>span{color:var(--neutral-600);font-weight:400;font-size:var(--text-12)}.catalog-result p{font-size:var(--text-12);color:var(--neutral-600);margin-top:var(--layout-space-4,var(--space-4));overflow-wrap:anywhere}.catalog-result small{color:var(--accent);font-size:var(--text-12)}.catalog-result>.lucide{width:var(--size-16);height:var(--size-16)}.search-help{font-size:var(--text-12);color:var(--neutral-600);gap:var(--layout-space-12,var(--space-12));margin-top:var(--layout-space-16,var(--space-16));justify-content:space-between;display:flex}.catalog-search-empty{padding:var(--layout-space-32,var(--space-32)) var(--layout-space-16,var(--space-16));align-items:center;gap:var(--layout-space-12,var(--space-12));text-align:center;flex-direction:column;display:flex}.catalog-search-empty p{color:var(--neutral-600)}.preference-error{color:var(--warning);margin-bottom:var(--layout-space-16,var(--space-16))}.overview-intro{gap:var(--layout-space-40,var(--space-40));padding:var(--layout-space-24,var(--space-24)) 0 var(--layout-space-40,var(--space-40));grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;display:grid}.overview-copy .eyebrow{color:var(--neutral-600)}.overview-copy h1{font-size:var(--text-32);line-height:1.2}.overview-copy h1>span{color:var(--accent)}.overview-copy>p{font-size:var(--text-16);color:var(--neutral-600);margin-top:var(--layout-space-24,var(--space-24));max-width:480px}.overview-facts{gap:var(--layout-space-12,var(--space-12));margin-top:var(--layout-space-32,var(--space-32));font-size:var(--text-12);color:var(--neutral-600);flex-wrap:wrap;display:flex}.overview-facts span{align-items:center;gap:var(--layout-space-4,var(--space-4));display:flex}.overview-facts svg{width:var(--size-16);height:var(--size-16);color:var(--accent)}.overview-lab{background:linear-gradient(145deg,var(--accent-tint),var(--neutral-100));padding:var(--layout-space-20,var(--space-20));border-radius:var(--layout-radius-24,var(--radius-24));border:1px solid var(--neutral-200);min-width:0}.lab-caption{align-items:center;gap:var(--layout-space-8,var(--space-8));font-size:var(--text-12);margin-bottom:var(--layout-space-16,var(--space-16));color:var(--neutral-600);display:flex}.lab-caption>.dbm-next-badge{margin-left:auto}.lab-caption>.lucide{color:var(--accent);width:var(--size-16);height:var(--size-16)}.lab-panel.dbm-next-surface{padding:var(--layout-space-20,var(--space-20));gap:var(--layout-space-20,var(--space-20));flex-direction:column;display:flex}.lab-heading{align-items:center;gap:var(--layout-space-12,var(--space-12));display:flex}.lab-heading h2{font-size:var(--text-16)}.lab-heading p{font-size:var(--text-12);color:var(--neutral-600);margin-top:var(--layout-space-4,var(--space-4))}.lab-symbol,.explore-symbol{width:var(--size-40);height:var(--size-40);border-radius:var(--layout-radius-12,var(--radius-12));background:var(--accent-tint);color:var(--accent);flex:none;place-items:center;display:grid}.lab-panel [role=tabpanel]{gap:var(--layout-space-16,var(--space-16));flex-direction:column;min-width:0;display:flex}.lab-panel [role=tabpanel]>.dbm-next-button{align-self:flex-start}.lab-switch{justify-content:space-between;align-items:center;gap:var(--layout-space-12,var(--space-12));font-size:var(--text-12);color:var(--neutral-600);display:flex}.lab-switch .dbm-next-switch-host{width:100%}.lab-panel [role=tabpanel]>.dbm-next-surface{gap:var(--layout-space-16,var(--space-16));flex-direction:column;display:flex}.lab-panel h3{overflow-wrap:anywhere}.lab-tokens{justify-content:space-between;align-items:center;gap:var(--layout-space-12,var(--space-12));margin-top:var(--layout-space-16,var(--space-16));font-size:var(--text-12);color:var(--neutral-600);flex-wrap:wrap;display:flex}.lab-tokens>span{gap:var(--layout-space-8,var(--space-8));align-items:center;display:flex}.lab-tokens .lucide{width:var(--size-16);height:var(--size-16)}.token-colors i{width:var(--size-16);height:var(--size-16);border-radius:var(--layout-radius-4,var(--radius-4));background:var(--accent)}.token-colors i:nth-child(2){background:var(--neutral-900)}.token-colors i:nth-child(3){background:var(--neutral-300)}.token-colors i:nth-child(4){background:var(--surface);border:1px solid var(--neutral-200)}.section-heading{justify-content:space-between;align-items:center;gap:var(--layout-space-16,var(--space-16));margin-bottom:var(--layout-space-20,var(--space-20));display:flex}.section-heading p{margin-top:var(--layout-space-8,var(--space-8));color:var(--neutral-600);font-size:var(--text-14)}.explore-grid{gap:var(--layout-space-16,var(--space-16));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.explore-card.dbm-next-surface{padding:var(--layout-space-20,var(--space-20));gap:var(--layout-space-12,var(--space-12));flex-direction:column;display:flex}.explore-card-head{margin-bottom:var(--layout-space-12,var(--space-12));justify-content:space-between;align-items:center;display:flex}.explore-card>p{font-size:var(--text-12);color:var(--neutral-600)}.explore-links{margin-top:var(--layout-space-8,var(--space-8));gap:var(--layout-space-4,var(--space-4));flex-direction:column;display:flex}.explore-links a{justify-content:space-between;align-items:center;gap:var(--layout-space-8,var(--space-8));padding:var(--layout-space-12,var(--space-12)) var(--layout-space-8,var(--space-8));border-radius:var(--layout-radius-8,var(--radius-8));transition:background .14s;display:flex}.explore-links a:hover{background:var(--control-bg)}.explore-links a>span{min-width:0}.explore-links small{color:var(--neutral-600);font-size:var(--text-12);margin-top:var(--layout-space-4,var(--space-4));overflow-wrap:anywhere;display:block}.explore-links .lucide{width:var(--size-16);height:var(--size-16);color:var(--accent)}.foundation-strip{justify-content:space-between;align-items:center;gap:var(--layout-space-24,var(--space-24));margin-top:var(--layout-space-32,var(--space-32));padding:var(--layout-space-24,var(--space-24));background:var(--accent-tint);border-radius:var(--layout-radius-16,var(--radius-16));border:1px solid var(--neutral-200);display:flex}.foundation-strip>div:first-child{gap:var(--layout-space-8,var(--space-8)) var(--layout-space-12,var(--space-12));grid-template-columns:auto 1fr;display:grid}.foundation-strip h2{font-size:var(--text-16)}.foundation-strip p{font-size:var(--text-12);color:var(--neutral-600);grid-column:2}.foundation-strip>div:last-child{gap:var(--layout-space-8,var(--space-8));flex-wrap:wrap;flex-shrink:0;display:flex}.foundation-strip .lucide{color:var(--accent)}.overview-favorites{margin-bottom:var(--layout-space-32,var(--space-32))}.overview-favorites h2{gap:var(--layout-space-8,var(--space-8));font-size:var(--text-16);margin-bottom:var(--layout-space-12,var(--space-12));align-items:center;display:flex}.overview-favorites>div{gap:var(--layout-space-8,var(--space-8));flex-wrap:wrap;display:flex}.overview-favorites a{align-items:center;gap:var(--layout-space-12,var(--space-12));padding:var(--layout-space-12,var(--space-12));background:var(--surface);border:1px solid var(--neutral-200);border-radius:var(--layout-radius-12,var(--radius-12));display:flex}.overview-favorites a .lucide{width:var(--size-16);height:var(--size-16);color:var(--accent)}.title-line{gap:var(--layout-space-12,var(--space-12))}.title-line>.dbm-next-tooltip-trigger:has(.component-favorite){align-self:center;margin-left:auto}.component-favorite[aria-pressed=true]{color:var(--accent)}.component-facts{gap:var(--layout-space-12,var(--space-12));font-size:var(--text-12);color:var(--neutral-600);margin-top:var(--layout-space-16,var(--space-16));flex-wrap:wrap;display:flex}.component-facts>span{align-items:center;gap:var(--layout-space-8,var(--space-8));display:flex}.component-facts>span:before{content:"";width:var(--layout-space-4,var(--space-4));height:var(--layout-space-4,var(--space-4));border-radius:var(--radius-full);background:var(--accent)}.component-toolbar{margin-top:var(--layout-space-24,var(--space-24))}.preview-card.dbm-next-surface{margin-top:var(--layout-space-24,var(--space-24));border-radius:var(--layout-radius-20,var(--radius-20));border-color:var(--neutral-300)}.preview-tabs{background:var(--surface);border-color:var(--neutral-200)}.preview-caption{background:var(--neutral-50)}.doc-section>h2{align-items:center;gap:var(--layout-space-12,var(--space-12));display:flex}.doc-section>h2:before{content:"";width:var(--layout-space-4,var(--space-4));height:var(--size-20);border-radius:var(--layout-radius-4,var(--radius-4));background:var(--accent)}.source-loading{align-items:center;gap:var(--layout-space-16,var(--space-16));padding:var(--layout-space-24,var(--space-24));display:flex}@media (width>=1550px){.catalog-main{margin-left:var(--catalog-nav-width);padding-left:var(--layout-space-40,var(--space-40));max-width:none}}@media (width<=1200px){.overview-intro{gap:var(--layout-space-24,var(--space-24))}.foundation-strip{flex-direction:column;align-items:flex-start}.explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.explore-card:last-child{grid-column:1/-1}.explore-card:last-child .explore-links{grid-template-columns:1fr 1fr;display:grid}}@media (width<=1000px){.overview-intro{grid-template-columns:1fr}.overview-copy>p{max-width:640px}.overview-lab{width:100%;max-width:560px}.header-title{display:none}}@media (width<=800px){.catalog-main{padding:var(--layout-space-24,var(--space-24)) var(--layout-space-16,var(--space-16));margin-left:0}.catalog-header{height:64px;padding-inline:var(--layout-space-12,var(--space-12));gap:var(--layout-space-8,var(--space-8))}.catalog-sidebar{display:none}.catalog-mobile-navigation .dbm-next-dialog-body{padding:var(--layout-space-12,var(--space-12))}.catalog-mobile-navigation .sidebar-content{max-height:72vh;overflow-y:auto}.catalog-nav-row>.dbm-next-tooltip-trigger{opacity:1}.overview-intro{padding-top:var(--layout-space-8,var(--space-8))}.header-right{flex:1;justify-content:flex-end}.catalog-header .accent-control{width:fit-content;max-width:100%}.overview-facts{margin-top:var(--layout-space-24,var(--space-24))}}@media (width<=560px){.catalog-header .accent-control{width:fit-content;max-width:100%}.brand{font-size:var(--text-16);gap:var(--layout-space-4,var(--space-4))}.catalog-header .header-right{gap:var(--layout-space-2,var(--space-2))}.explore-grid{grid-template-columns:1fr}.explore-card:last-child{grid-column:auto}.explore-card:last-child .explore-links{display:flex}.overview-lab{padding:var(--layout-space-12,var(--space-12))}.lab-panel.dbm-next-surface{padding:var(--layout-space-16,var(--space-16))}.nav-settings-fields{grid-template-columns:1fr}.catalog-result{padding:var(--layout-space-12,var(--space-12)) var(--layout-space-8,var(--space-8));gap:var(--layout-space-8,var(--space-8))}.result-glyph{display:none}.search-help{flex-wrap:wrap}.foundation-strip{padding:var(--layout-space-16,var(--space-16))}.nav-settings-row.dbm-next-surface{align-items:flex-start}.component-facts{gap:var(--layout-space-8,var(--space-8))}.title-line h1{overflow-wrap:anywhere;min-width:0}.lab-tokens{gap:var(--layout-space-8,var(--space-8))}}@media (prefers-reduced-motion:reduce){.catalog-app *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (hover:none){.catalog-nav-row>.dbm-next-tooltip-trigger{opacity:1}}.catalog-main{background:var(--surface);--control-bg:var(--neutral-100);--control-hover-bg:var(--neutral-200);--control-selected-bg:var(--surface);min-height:calc(100vh - 72px)}.sidebar-tools>.dbm-next-button:first-child .dbm-next-button-label{align-items:center;gap:var(--layout-space-12,var(--space-12));flex:1;min-width:0;display:flex}.sidebar-tools kbd{color:var(--neutral-500);font-size:var(--text-12);margin-left:auto;font-weight:400}.catalog-header .accent-control{width:fit-content;max-width:100%}.accent-control>.dbm-next-select{width:100%}.accent-control .accent-swatch{width:var(--size-16);height:var(--size-16);border-radius:var(--layout-radius-4,var(--radius-4));display:block}.type-controls.dbm-next-surface{padding:var(--layout-space-20,var(--space-20));border-radius:var(--layout-radius-16,var(--radius-16))}.type-controls.dbm-next-surface>.dbm-next-field{flex:1;min-width:160px}.type-lab{border-color:var(--neutral-200)}.inventory-list>details{background:var(--neutral-100);border:var(--stroke-1) solid var(--neutral-200);border-radius:var(--layout-radius-12,var(--radius-12));overflow:hidden}.inventory-list>details>summary{padding:var(--layout-space-16,var(--space-16)) var(--layout-space-20,var(--space-20));gap:var(--layout-space-16,var(--space-16));background:var(--neutral-100)}.inventory-list>details>summary:hover{background:var(--neutral-200)}.inventory-list>details[open]>summary{border-bottom:var(--stroke-1) solid var(--neutral-200)}.inventory-list>details>div{background:var(--surface);padding:var(--layout-space-20,var(--space-20))}.inventory-state{color:var(--neutral-600)}.inventory-name{font-weight:500}.inventory-name small{color:var(--neutral-600);font-weight:400}@media (width<=800px){.catalog-header .accent-control{width:fit-content;max-width:100%}.catalog-main{min-height:calc(100vh - 64px)}}@media (width<=560px){.type-controls.dbm-next-surface{grid-template-columns:1fr;display:grid}.type-controls.dbm-next-surface>.dbm-next-field{min-width:0}.inventory-list>details>summary{padding:var(--layout-space-16,var(--space-16))}.inventory-state{display:none}}.gallery-intro{justify-content:space-between;align-items:center;gap:var(--layout-space-24,var(--space-24));padding-block:var(--layout-space-16,var(--space-16)) var(--layout-space-32,var(--space-32));display:flex}.gallery-intro h1{font-size:var(--text-32);margin-top:var(--layout-space-12,var(--space-12));font-weight:500;line-height:1.2}.gallery-intro p{margin-top:var(--layout-space-12,var(--space-12));color:var(--neutral-600)}.gallery-intro>.dbm-next-button{flex-shrink:0}.gallery-foundations{gap:var(--layout-space-16,var(--space-16));margin-bottom:var(--layout-space-40,var(--space-40));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.gallery-foundations>a{border:var(--stroke-1) solid var(--neutral-200);border-radius:var(--layout-radius-16,var(--radius-16));padding:var(--layout-space-20,var(--space-20));align-items:center;gap:var(--layout-space-16,var(--space-16));min-width:0;display:flex}.gallery-foundations>a:hover{background:var(--neutral-50)}.gallery-foundations small{font-size:var(--text-12);color:var(--neutral-600);margin-top:var(--layout-space-4,var(--space-4));display:block}.gallery-foundations>a>.lucide{width:var(--size-16);height:var(--size-16);color:var(--neutral-500);flex-shrink:0;margin-left:auto}.gallery-foundations .token-colors{gap:var(--layout-space-4,var(--space-4));flex-shrink:0;grid-template-columns:repeat(2,1fr);display:grid}.foundation-aa{font-size:var(--text-32);font-weight:500;line-height:1}.foundation-shapes{align-items:flex-end;gap:var(--layout-space-2,var(--space-2));flex-shrink:0;display:flex}.foundation-shapes i{background:var(--neutral-300);width:var(--size-12);height:var(--size-32);border-radius:var(--layout-radius-4,var(--radius-4))}.foundation-shapes i:nth-child(2){height:var(--size-24)}.foundation-shapes i:nth-child(3){height:var(--size-16)}.gallery-section{margin-bottom:var(--layout-space-40,var(--space-40))}.gallery-toolbar{justify-content:space-between;align-items:center;gap:var(--layout-space-16,var(--space-16));margin-bottom:var(--layout-space-20,var(--space-20));display:flex}.gallery-toolbar>.dbm-next-select{flex-shrink:1;width:fit-content;max-width:100%}.gallery-grid{gap:var(--layout-space-24,var(--space-24));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.gallery-card{border:var(--stroke-1) solid var(--neutral-200);border-radius:var(--layout-radius-16,var(--radius-16));min-width:0;padding:var(--layout-space-8,var(--space-8));flex-direction:column;display:flex}.gallery-specimen.dbm-next-surface{border-radius:var(--layout-radius-12,var(--radius-12));min-height:220px;padding:var(--layout-space-24,var(--space-24));flex:1;justify-content:center;align-items:center;display:flex}.gallery-form{gap:var(--layout-space-16,var(--space-16));flex-direction:column;width:100%;min-width:0;display:flex}.gallery-form>.dbm-next-badge{align-self:flex-start}.gallery-actions{justify-content:center;align-items:center;gap:var(--layout-space-8,var(--space-8));flex-wrap:wrap;display:flex}.gallery-result{justify-content:space-between;align-items:center;gap:var(--layout-space-12,var(--space-12));min-width:0;display:flex}.gallery-result>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.gallery-card-caption{gap:var(--layout-space-12,var(--space-12));padding:var(--layout-space-20,var(--space-20)) var(--layout-space-12,var(--space-12)) var(--layout-space-12,var(--space-12));justify-content:space-between;align-items:center;display:flex}.gallery-card-caption h3,.composition-link h3{font-size:var(--text-14);font-weight:500}.gallery-card-caption p,.composition-link p{color:var(--neutral-600);font-size:var(--text-12);margin-top:var(--layout-space-4,var(--space-4))}.gallery-card-caption>a{width:var(--size-32);height:var(--size-32);border-radius:var(--layout-radius-8,var(--radius-8));color:var(--neutral-600);flex:none;place-items:center;display:grid}.gallery-card-caption>a:hover{background:var(--control-bg);color:var(--accent)}.gallery-card-caption svg{width:var(--size-16);height:var(--size-16)}.composition-grid{gap:var(--layout-space-16,var(--space-16));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.composition-link{align-items:center;gap:var(--layout-space-16,var(--space-16));padding:var(--layout-space-20,var(--space-20));border:var(--stroke-1) solid var(--neutral-200);border-radius:var(--layout-radius-16,var(--radius-16));display:flex}.composition-link:hover{background:var(--neutral-50)}.composition-icon{width:var(--size-40);height:var(--size-40);border-radius:var(--layout-radius-12,var(--radius-12));background:var(--accent-tint);color:var(--accent);flex:none;place-items:center;display:grid}.composition-icon svg{width:var(--size-20);height:var(--size-20)}.composition-link>.lucide{width:var(--size-16);height:var(--size-16);color:var(--neutral-500);flex:none;margin-left:auto}@media (width<=1200px){.gallery-foundations{grid-template-columns:1fr}.gallery-foundations>a{padding:var(--layout-space-16,var(--space-16))}.gallery-foundations small{margin-left:var(--layout-space-8,var(--space-8));display:inline}.gallery-foundations{gap:var(--layout-space-8,var(--space-8))}.gallery-toolbar{flex-wrap:wrap}.gallery-intro{flex-direction:column;align-items:flex-start}}@media (width<=960px){.gallery-grid{grid-template-columns:1fr}}@media (width<=560px){.composition-grid{grid-template-columns:1fr}.gallery-foundations small{margin-left:0;display:block}.gallery-toolbar>.dbm-next-tabs{max-width:100%;overflow:auto}.gallery-specimen.dbm-next-surface{padding:var(--layout-space-16,var(--space-16))}.gallery-toolbar{align-items:stretch}.gallery-intro h1{font-size:var(--text-24)}}.inventory-list{gap:var(--layout-space-8,var(--space-8));flex-direction:column;display:flex}.section-heading>.dbm-next-badge{white-space:nowrap;flex-shrink:0}