/*! @merzigo/ui — components.css
 * Generated from packages/ui/src/styles. Do not edit dist/ by hand.
 */
:where(.mz-badge,.mz-tag,.mz-breadcrumb,.mz-field__label,.mz-kpi__label,.mz-table th){font-family:var(--font-label);text-transform:uppercase;letter-spacing:var(--tracking-label)}:is(:where(.mz-focusable):focus-visible,:where(.mz-button,.mz-icon-button,.mz-input,.mz-textarea,.mz-select,.mz-checkbox input,.mz-radio input,.mz-switch input,.mz-tab,.mz-breadcrumb a,.mz-modal,.mz-drawer):focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}:root,[data-density=standard]{--mz-control-height:40px;--mz-control-padding:0 16px;--mz-row-height:var(--table-row-standard)}[data-density=compact]{--mz-control-height:32px;--mz-control-padding:0 12px;--mz-row-height:var(--table-row-compact)}[data-density=comfortable]{--mz-control-height:48px;--mz-control-padding:0 20px;--mz-row-height:var(--table-row-comfortable)}:root,[data-experience=operational]{--mz-duration:var(--motion-operational);--mz-shadow:var(--shadow-operational)}[data-experience=expressive]{--mz-duration:var(--motion-expressive);--mz-shadow:var(--shadow-expressive)}@media (prefers-reduced-motion:reduce){:root{--mz-duration:1ms}}.mz-text-highlight{background:var(--color-brand-signal);color:var(--color-brand-signal-text);font:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.02em .12em}.mz-portal-media{min-width:0;color:inherit;margin:0}.mz-portal-media--light .mz-portal-media__frame{color:var(--neutral-0)}.mz-portal-media--dark .mz-portal-media__frame{color:var(--neutral-1000)}.mz-portal-media--violet .mz-portal-media__frame{color:var(--violet-500)}.mz-portal-media__frame{aspect-ratio:1918.31/865.98;position:relative}.mz-portal-media__frame:after{content:"";pointer-events:none;background:currentColor;position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_2'%20data-name='Layer%202'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201918.31%20865.98'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23fff;%20}%20%3c/style%3e%3c/defs%3e%3cg%20id='Layer_1'%20data-name='Layer%201'%3e%3cpath%20class='cls-1'%20d='M0,0v865.98h1918.31V0H0ZM1401.95,67.86h448.49v730.25h-233.33v-300.08l-139.53,300.08h-275.66v-300.07l-139.53,300.07H67.86V67.86h1134.05v430.19l200.04-430.19Z'/%3e%3c/g%3e%3c/svg%3e") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_2'%20data-name='Layer%202'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201918.31%20865.98'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20%23fff;%20}%20%3c/style%3e%3c/defs%3e%3cg%20id='Layer_1'%20data-name='Layer%201'%3e%3cpath%20class='cls-1'%20d='M0,0v865.98h1918.31V0H0ZM1401.95,67.86h448.49v730.25h-233.33v-300.08l-139.53,300.08h-275.66v-300.07l-139.53,300.07H67.86V67.86h1134.05v430.19l200.04-430.19Z'/%3e%3c/g%3e%3c/svg%3e") 50%/100% 100% no-repeat}.mz-portal-media__image{clip-path:polygon(0 0,100% 0,100% 58.91%,87.696% 100%,0 100%);width:59.117%;height:84.327%;position:absolute;top:7.836%;left:3.5375%}.mz-portal-media__caption{font:14px/1.5 var(--font-body);overflow-wrap:anywhere;margin-block-start:12px}.mz-brand-banner{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border-default);padding:clamp(20px,4vw,40px);container-type:inline-size}.mz-brand-banner--brand{background:var(--gradient-brand-primary);color:var(--neutral-0);border-color:#0000}.mz-brand-banner--inverse{background:var(--neutral-1000);color:var(--neutral-0);border-color:var(--neutral-800)}.mz-brand-banner__layout{align-items:center;gap:32px;display:grid}.mz-brand-banner__copy,.mz-brand-banner__media{min-width:0}.mz-brand-banner__copy{gap:20px;display:grid}.mz-brand-banner__kicker{font:500 12px/1.5 var(--font-body);letter-spacing:.04em}.mz-brand-banner .mz-brand-banner__heading{color:inherit;overflow-wrap:anywhere;margin:0;font-size:clamp(28px,5cqi,48px);line-height:1.05}.mz-brand-banner__description{max-width:54ch;font:16px/1.5 var(--font-body);overflow-wrap:anywhere}.mz-brand-banner__actions{flex-wrap:wrap;gap:12px;display:flex}.mz-brand-banner__actions>*{white-space:normal;max-width:100%}.mz-brand-banner--inverse .mz-portal-media--auto .mz-portal-media__frame{color:var(--violet-500)}.mz-brand-banner--brand .mz-button--secondary,.mz-brand-banner--inverse .mz-button--secondary{color:var(--neutral-0);border-color:var(--neutral-0);background:0 0}.mz-brand-banner--brand .mz-button--secondary:hover,.mz-brand-banner--inverse .mz-button--secondary:hover{background:#ffffff1f}:is(.mz-brand-banner--brand .mz-button:focus-visible,.mz-brand-banner--inverse .mz-button:focus-visible){outline-color:var(--neutral-0)}@container (width>=640px){.mz-brand-banner__layout--media{grid-template-columns:1.1fr 1fr}}.mz-brand-footer{border-block-start:1px solid var(--color-border-default);background:var(--color-surface);color:var(--color-text-primary);font:14px/1.5 var(--font-body);padding:clamp(20px,4vw,32px)}.mz-brand-footer--inverse{--color-text-secondary:var(--neutral-300);--color-border-default:var(--neutral-700);background:var(--neutral-1000);color:var(--neutral-0)}.mz-brand-footer__columns{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:32px;display:grid}.mz-brand-footer__column{overflow-wrap:anywhere;min-width:0}.mz-brand-footer__title{font:700 14px/1.5 var(--font-body);color:var(--color-interactive-primary);margin:0 0 12px}.mz-brand-footer--inverse .mz-brand-footer__title{color:var(--violet-300)}.mz-brand-footer__subtitle{margin-block-end:8px;font-weight:500}.mz-brand-footer__content{gap:8px;display:grid}.mz-brand-footer address{font-style:normal}.mz-brand-footer a{color:inherit;text-underline-offset:3px}.mz-brand-footer a:hover{text-decoration-thickness:2px}.mz-brand-footer a:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.mz-brand-footer__meta{border-block-start:1px solid var(--color-border-default);color:var(--color-text-secondary);overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;gap:16px 24px;margin-block-start:32px;padding-block-start:20px;font-size:12px;display:flex}.mz-brand-footer__meta>*{min-width:0}.mz-brand-footer__meta nav{flex-wrap:wrap;gap:12px;display:flex}@media (forced-colors:active){.mz-text-highlight{color:highlighttext;background:highlight}.mz-portal-media__frame:after{background:canvastext}.mz-brand-banner,.mz-brand-footer{color:canvastext;background:canvas;border-color:canvastext}.mz-brand-footer__title,.mz-brand-banner .mz-button--secondary{color:canvastext;border-color:canvastext}}.mz-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--mz-control-height);padding:var(--mz-control-padding);border-radius:var(--radius-control);color:var(--color-text-primary);font-family:var(--font-label);letter-spacing:var(--tracking-label);text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background var(--mz-duration) var(--ease-standard), border-color var(--mz-duration) var(--ease-standard), opacity var(--mz-duration) var(--ease-standard), transform var(--mz-duration) var(--ease-standard);background:0 0;border:1px solid #0000;font-size:13px;font-weight:400;line-height:1;text-decoration:none;display:inline-flex}.mz-button--sm{min-height:32px;padding:0 12px;font-size:12px}.mz-button--md{min-height:var(--mz-control-height)}.mz-button--lg{min-height:48px;padding:0 22px;font-size:14px}.mz-button--primary{background:var(--button-primary-background);color:var(--button-primary-text)}.mz-button--secondary{background:var(--color-surface);border-color:var(--color-border-strong)}.mz-button--tertiary{border-color:var(--color-border-default);background:0 0}.mz-button--ghost{background:0 0}.mz-button--destructive{background:var(--color-danger);color:var(--neutral-0)}.mz-button:hover:not(:disabled):not([aria-busy=true]){transform:translateY(-1px)}.mz-button--secondary:hover:not(:disabled),.mz-button--tertiary:hover:not(:disabled),.mz-button--ghost:hover:not(:disabled){background:var(--color-background-secondary)}.mz-button:active:not(:disabled){transform:translateY(0)}.mz-button:disabled,.mz-button[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}.mz-button[aria-busy=true]{cursor:progress}.mz-button--block{width:100%}.mz-icon-button{width:var(--mz-control-height);height:var(--mz-control-height);border-radius:var(--radius-control);color:var(--color-text-secondary);cursor:pointer;transition:background var(--mz-duration) var(--ease-standard), color var(--mz-duration) var(--ease-standard);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.mz-icon-button--sm{width:32px;height:32px}.mz-icon-button--lg{width:48px;height:48px}.mz-icon-button--bordered{border-color:var(--color-border-default)}.mz-icon-button:hover:not(:disabled){background:var(--color-background-secondary);color:var(--color-text-primary)}.mz-icon-button:disabled{opacity:.45;cursor:not-allowed}.mz-button-group{display:inline-flex}.mz-button-group .mz-button{border-radius:0;margin-inline-start:-1px}.mz-button-group .mz-button:first-child{border-start-start-radius:var(--radius-control);border-end-start-radius:var(--radius-control);margin-inline-start:0}.mz-button-group .mz-button:last-child{border-start-end-radius:var(--radius-control);border-end-end-radius:var(--radius-control)}.mz-button-group .mz-button:focus-visible{z-index:1;position:relative}.mz-accordion{font-family:var(--font-body);font-size:14px;line-height:var(--leading-body);color:var(--color-text-primary)}.mz-accordion__item{border-bottom:1px solid var(--color-border-default)}.mz-accordion__heading{font:inherit;margin:0}.mz-accordion__trigger{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;min-height:44px;padding:var(--space-3) 0;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;font-weight:500;display:flex}.mz-accordion__trigger>span{flex-shrink:0;font-size:20px}.mz-accordion__trigger:disabled{opacity:.45;cursor:not-allowed}.mz-accordion__trigger:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.mz-accordion__panel{padding-bottom:var(--space-4);color:var(--color-text-secondary)}.mz-accordion__panel[hidden]{display:none}.mz-accordion__panel>p{margin:0}.mz-badge{border-radius:var(--radius-control);align-items:center;gap:6px;width:max-content;padding:3px 8px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.mz-badge__dot{border-radius:var(--radius-control);background:currentColor;flex:none;width:6px;height:6px}.mz-badge--success{color:var(--color-success);background:color-mix(in srgb, var(--color-success) 12%, transparent)}.mz-badge--warning{color:var(--color-warning);background:color-mix(in srgb, var(--color-warning) 12%, transparent)}.mz-badge--danger{color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 12%, transparent)}.mz-badge--info{color:var(--color-info);background:color-mix(in srgb, var(--color-info) 12%, transparent)}.mz-badge--neutral{color:var(--color-text-secondary);background:var(--color-background-secondary)}.mz-badge--signal{color:var(--color-brand-signal-text);background:var(--color-brand-signal)}.mz-tag{border:1px solid var(--color-border-default);border-radius:var(--radius-control);background:var(--color-surface);align-items:center;gap:6px;padding:3px 4px 3px 8px;font-size:12px;display:inline-flex}.mz-tag--static{padding-inline-end:8px}.mz-tag__remove{border-radius:var(--radius-control);width:18px;height:18px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.mz-tag__remove:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.mz-card{--card-portal-cut:14px;clip-path:polygon(0 0, calc(100% - var(--card-portal-cut)) 0, 100% calc(var(--card-portal-cut) * var(--portal-cut-slope)), 100% 100%, 0 100%);border:1px solid var(--color-border-default);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-text-primary);flex-direction:column;display:flex}.mz-card--raised{background:var(--color-surface-raised);box-shadow:var(--mz-shadow);border-color:var(--color-border-subtle)}.mz-card--flat{border-color:var(--color-border-subtle)}.mz-card__header{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border-subtle);display:flex}.mz-card__title{margin:0;font-size:15px;font-weight:650}.mz-card__description{color:var(--color-text-secondary);margin:4px 0 0;font-size:13px}.mz-card__body{padding:var(--space-4)}.mz-card__footer{align-items:center;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--color-border-subtle);display:flex}.mz-card__actions{gap:var(--space-2);margin-inline-start:auto;display:flex}.mz-card--interactive{cursor:pointer;transition:border-color var(--mz-duration) var(--ease-standard), transform var(--mz-duration) var(--ease-standard)}.mz-card--interactive:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.mz-card--interactive:focus-within{outline:2px solid var(--color-focus);outline-offset:-3px}.mz-kpi{gap:var(--space-2);min-width:0;padding:var(--space-6);font-family:var(--font-body)}.mz-kpi__label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:500;line-height:1.5}.mz-kpi__value{color:var(--color-text-primary);font:700 32px/1.25 var(--font-body);letter-spacing:-.025em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.mz-kpi__description{color:var(--color-text-secondary);font-size:14px;line-height:1.5}.mz-kpi__delta{align-items:center;gap:4px;font-size:12px;font-weight:500;line-height:1.5;display:inline-flex}.mz-kpi__delta--up{color:var(--color-success)}.mz-kpi__delta--down{color:var(--color-danger)}.mz-kpi__delta--flat{color:var(--color-text-muted)}.mz-table-wrap{border:1px solid var(--color-border-default);border-radius:var(--radius-card);width:100%;overflow-x:auto}.mz-table{border-collapse:collapse;width:100%;font-size:13px}.mz-table thead th{z-index:1;height:38px;padding:0 var(--space-3);background:var(--color-background-secondary);color:var(--color-text-secondary);text-align:start;white-space:nowrap;border-bottom:1px solid var(--color-border-default);font-size:12px;font-weight:650;position:sticky;top:0}.mz-table tbody td{height:var(--mz-row-height);padding:0 var(--space-3);border-bottom:1px solid var(--color-border-subtle)}.mz-table tbody tr:last-child td{border-bottom:0}.mz-table tbody tr:hover{background:var(--table-row-hover)}.mz-table tbody tr[aria-selected=true]{background:color-mix(in srgb, var(--color-interactive-secondary) 8%, var(--color-surface))}.mz-table .mz-table__num{text-align:end;font-variant-numeric:tabular-nums}.mz-table__sort{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.mz-alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-card);border:1px solid;font-size:13px;display:flex}.mz-alert__icon{flex:none;margin-top:1px}.mz-alert__content{flex:1;min-width:0}.mz-alert__title{margin:0 0 2px;font-size:13px;font-weight:650}.mz-alert__body{color:var(--color-text-secondary);margin:0}.mz-alert__actions{margin-top:var(--space-3);gap:var(--space-2);display:flex}.mz-alert--info{color:var(--color-info);border-color:color-mix(in srgb, var(--color-info) 40%, transparent);background:color-mix(in srgb, var(--color-info) 8%, var(--color-surface))}.mz-alert--success{color:var(--color-success);border-color:color-mix(in srgb, var(--color-success) 40%, transparent);background:color-mix(in srgb, var(--color-success) 8%, var(--color-surface))}.mz-alert--warning{color:var(--color-warning);border-color:color-mix(in srgb, var(--color-warning) 40%, transparent);background:color-mix(in srgb, var(--color-warning) 8%, var(--color-surface))}.mz-alert--danger{color:var(--color-danger);border-color:color-mix(in srgb, var(--color-danger) 40%, transparent);background:color-mix(in srgb, var(--color-danger) 8%, var(--color-surface))}.mz-alert__title{color:currentColor}.mz-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite mz-spin;display:inline-block}.mz-spinner--sm{border-width:1.5px;width:12px;height:12px}.mz-spinner--lg{border-width:2.5px;width:24px;height:24px}@keyframes mz-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.mz-spinner{animation-duration:1.6s}}.mz-skeleton{border-radius:var(--radius-control);background:linear-gradient(90deg, color-mix(in srgb, var(--color-border-default) 60%, var(--color-surface)) 25%, color-mix(in srgb, var(--color-border-default) 90%, var(--color-surface)) 37%, color-mix(in srgb, var(--color-border-default) 60%, var(--color-surface)) 63%);background-size:400% 100%;animation:1.4s infinite mz-skeleton-shimmer;display:block}.mz-skeleton--text{height:1em;margin-block:.25em}.mz-skeleton--avatar{border-radius:var(--radius-control);clip-path:polygon(0 0, calc(100% - 6px) 0, 100% calc(6px * var(--portal-cut-slope)), 100% 100%, 0 100%)}.mz-skeleton--circle{border-radius:50%}@keyframes mz-skeleton-shimmer{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.mz-skeleton{animation:none}}.mz-progress{border-radius:var(--radius-control);background:var(--color-background-secondary);width:100%;height:6px;overflow:hidden}.mz-progress__bar{background:var(--color-interactive-secondary);height:100%;transition:inline-size var(--mz-duration) var(--ease-standard)}.mz-empty{align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-6);text-align:center;flex-direction:column;display:flex}.mz-empty__icon{color:var(--color-text-muted);margin-bottom:var(--space-2)}.mz-empty__title{margin:0;font-size:15px;font-weight:650}.mz-empty__body{max-width:46ch;color:var(--color-text-secondary);margin:0;font-size:13px}.mz-empty__actions{margin-top:var(--space-3);gap:var(--space-2);display:flex}.mz-field{gap:var(--space-2);flex-direction:column;display:flex}.mz-field__label{align-items:center;gap:var(--space-1);color:var(--color-text-primary);font-size:12px;font-weight:600;display:inline-flex}.mz-field__required{color:var(--color-danger)}.mz-field__optional{color:var(--color-text-muted);font-weight:400}.mz-field__hint{color:var(--color-text-secondary);margin:0;font-size:12px}.mz-field__error{align-items:center;gap:var(--space-1);color:var(--color-danger);margin:0;font-size:12px;display:flex}.mz-field--disabled{opacity:.5}.mz-input,.mz-textarea,.mz-select{width:100%;min-height:var(--mz-control-height);border:1px solid var(--input-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text-primary);transition:border-color var(--mz-duration) var(--ease-standard);padding:8px 12px;font-family:inherit;font-size:14px}.mz-textarea{resize:vertical;min-height:96px;line-height:1.5}.mz-input::placeholder,.mz-textarea::placeholder{color:var(--color-text-muted)}.mz-input:hover:not(:disabled),.mz-textarea:hover:not(:disabled),.mz-select:hover:not(:disabled){border-color:var(--color-border-strong)}:is(.mz-input:focus-visible,.mz-textarea:focus-visible,.mz-select:focus-visible){outline:2px solid var(--color-focus);outline-offset:1px;border-color:var(--input-border-focus)}.mz-input:disabled,.mz-textarea:disabled,.mz-select:disabled{opacity:.55;cursor:not-allowed;background:var(--color-background-secondary)}.mz-input[aria-invalid=true],.mz-textarea[aria-invalid=true],.mz-select[aria-invalid=true]{border-color:var(--color-danger)}.mz-select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 18px) calc(50% + 2px),calc(100% - 13px) calc(50% + 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-inline-end:34px}.mz-input-group{align-items:center;display:flex;position:relative}.mz-input-group__addon{color:var(--color-text-muted);pointer-events:none;align-items:center;display:inline-flex;position:absolute}.mz-input-group__addon--start{inset-inline-start:12px}.mz-input-group__addon--end{inset-inline-end:12px}.mz-input-group--has-start .mz-input{padding-inline-start:38px}.mz-input-group--has-end .mz-input{padding-inline-end:38px}.mz-checkbox,.mz-radio{align-items:flex-start;gap:var(--space-2);cursor:pointer;font-size:14px;display:inline-flex}.mz-checkbox input,.mz-radio input{width:18px;height:18px;accent-color:var(--control-selected-fill);cursor:pointer;flex:none;margin:2px 0 0}:where(.mz-checkbox input,.mz-choice-input){-webkit-appearance:none;appearance:none;border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background-color:var(--color-surface);cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:14px 14px;flex:none;width:18px;height:18px;margin:2px 0 0}:where(.mz-checkbox input,.mz-choice-input):is(:checked,:indeterminate){border-color:var(--color-interactive-secondary);background-color:var(--control-selected-fill);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}:where(.mz-checkbox input,.mz-choice-input):indeterminate{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h10' stroke='white' stroke-width='2'/%3E%3C/svg%3E")}:where(.mz-checkbox input,.mz-choice-input):hover:not(:disabled){border-color:var(--color-interactive-secondary)}.mz-choice-input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.mz-choice-input:disabled{opacity:.55;cursor:not-allowed}.mz-checkbox input:disabled,.mz-radio input:disabled{cursor:not-allowed}:is(.mz-checkbox:has(input:disabled),.mz-radio:has(input:disabled)){opacity:.55;cursor:not-allowed}.mz-checkbox__description,.mz-radio__description,.mz-switch__description{color:var(--color-text-secondary);margin-top:2px;font-size:12px;display:block}.mz-switch{align-items:center;gap:var(--space-2);cursor:pointer;font-size:14px;display:inline-flex}.mz-switch input{-webkit-appearance:none;appearance:none;border-radius:var(--radius-control);background:var(--color-border-strong);cursor:pointer;width:36px;height:20px;transition:background var(--mz-duration) var(--ease-standard);flex:none;margin:0}.mz-switch input:after{content:"";border-radius:var(--radius-control);background:var(--neutral-0);width:14px;height:14px;transition:transform var(--mz-duration) var(--ease-standard);margin:3px;display:block}.mz-switch input:checked{background:var(--control-selected-fill);box-shadow:inset 0 0 0 1px var(--color-interactive-secondary)}.mz-switch input:checked:after{transform:translate(16px)}.mz-switch input:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):checked:after{transform:translate(-16px)}.mz-switch input:disabled{cursor:not-allowed}.mz-switch:has(input:disabled){opacity:.55;cursor:not-allowed}@media (pointer:coarse){:where(.mz-checkbox,.mz-radio,.mz-switch){align-items:center;min-height:44px}}@media (forced-colors:active){:where(.mz-checkbox input,.mz-choice-input){-webkit-appearance:auto;appearance:auto;forced-color-adjust:auto;accent-color:highlight;background-image:none}.mz-switch input{border:1px solid buttontext}.mz-switch input:checked{background:highlight}.mz-switch input:after{background:buttontext}.mz-switch input:checked:after{background:highlighttext}}:where(.mz-menu,.mz-floating,.mz-tooltip,.mz-dialog,.mz-sheet,.mz-command,.mz-calendar,.mz-sidebar-provider,.mz-toast,.mz-chart-figure,.mz-questionnaire,.mz-item,.mz-attachment,.mz-message,.mz-bubble,.mz-marker,.mz-radio-group,.mz-toggle,.mz-menubar,.mz-navigation-menu,.mz-data-table,.mz-control-group){font-family:var(--font-body);color:var(--color-text-primary);font-size:14px;line-height:1.5}:where(.mz-menu,.mz-floating,.mz-dialog,.mz-sheet,.mz-command,.mz-calendar,.mz-toast){box-sizing:border-box}:where(.mz-menu__item,.mz-select-trigger,.mz-toggle,.mz-radio-group__item,.mz-slider__thumb,.mz-menubar__trigger,.mz-navigation-menu__trigger,.mz-navigation-menu__link,.mz-collapsible__trigger,.mz-combobox__trigger,.mz-combobox__input,.mz-combobox__chips-input,.mz-combobox__chip-remove,.mz-command__input,.mz-command__item,.mz-sidebar-trigger,.mz-sidebar__button,.mz-resizable__handle,.mz-message-scroller__viewport,.mz-questionnaire fieldset,.mz-chart-data summary,.mz-calendar button,.mz-data-table input,.mz-scroll-area__viewport):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}:where(.mz-select-trigger,.mz-toggle,.mz-radio-group__item,.mz-combobox__trigger,.mz-menubar__trigger,.mz-sidebar-trigger,.mz-sidebar__button,.mz-calendar button):disabled,:where(.mz-menu__item,.mz-command__item)[data-disabled]{opacity:.5;cursor:not-allowed}:where(.mz-menu__item,.mz-select-trigger,.mz-combobox__trigger,.mz-command__input,.mz-menubar__trigger,.mz-navigation-menu__trigger,.mz-navigation-menu__link,.mz-collapsible__trigger,.mz-sidebar-trigger,.mz-sidebar__button,.mz-calendar button,.mz-slider__track){border-radius:var(--radius-control)}.mz-label{font:600 14px/1.5 var(--font-body)}.mz-avatar{--avatar-cut:6px;--avatar-border:1px;--avatar-inner-cut:calc(var(--avatar-cut) - var(--avatar-border) * .732051);--avatar-shape:polygon(0 0, calc(100% - var(--avatar-cut)) 0, 100% calc(var(--avatar-cut) * var(--portal-cut-slope)), 100% 100%, 0 100%);--avatar-inner-shape:polygon(0 0, calc(100% - var(--avatar-inner-cut)) 0, 100% calc(var(--avatar-inner-cut) * var(--portal-cut-slope)), 100% 100%, 0 100%);clip-path:var(--avatar-shape);width:40px;height:40px;padding:var(--avatar-border);border-radius:var(--radius-control);background:var(--color-interactive-secondary);vertical-align:middle;border:0;flex:none;display:inline-flex;position:relative;overflow:hidden}.mz-avatar:before{content:"";inset:var(--avatar-border);clip-path:var(--avatar-inner-shape);background:color-mix(in srgb, var(--color-interactive-secondary) 9%, var(--color-surface));pointer-events:none;position:absolute}.mz-avatar--sm{--avatar-cut:4px;width:28px;height:28px}.mz-avatar--lg{--avatar-cut:8px;width:56px;height:56px}.mz-avatar--sm .mz-avatar__fallback{font-size:11px}.mz-avatar--lg .mz-avatar__fallback{font-size:18px}.mz-avatar__image,.mz-avatar__fallback{clip-path:var(--avatar-inner-shape);width:100%;height:100%;position:relative}.mz-avatar__image{object-fit:cover}.mz-avatar__fallback{color:var(--color-interactive-secondary);font:600 14px var(--font-body);place-items:center;display:grid}.mz-separator{background:var(--color-border-default);flex:none}.mz-separator[data-orientation=horizontal]{width:100%;height:1px;margin-block:12px}.mz-separator[data-orientation=vertical]{width:1px;height:100%;margin-inline:12px}.mz-radio-group{flex-direction:column;gap:12px;display:flex}.mz-radio-group__item{border:1px solid var(--color-border-strong);background:var(--color-surface);width:18px;height:18px;color:var(--color-interactive-secondary);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:inline-grid}.mz-radio-group__item[data-state=checked]{border-color:var(--color-interactive-secondary);background:var(--control-selected-fill);color:var(--control-selected-text)}.mz-radio-group__indicator{background:currentColor;border-radius:50%;width:9px;height:9px}.mz-toggle-group{flex-wrap:wrap;gap:4px;display:inline-flex}.mz-toggle{min-height:var(--mz-control-height);min-width:var(--mz-control-height);border:1px solid var(--color-border-default);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;padding:8px 12px}.mz-toggle:hover,.mz-toggle[data-state=on]{color:var(--color-interactive-secondary);border-color:var(--color-interactive-secondary);background:color-mix(in srgb, var(--color-interactive-secondary) 9%, var(--color-surface))}.mz-slider{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;width:100%;height:28px;display:flex;position:relative}.mz-slider__track{background:var(--color-border-default);flex:1;height:4px;position:relative}.mz-slider__range{background:var(--color-interactive-secondary);height:100%;position:absolute}.mz-slider__thumb{border:2px solid var(--color-interactive-secondary);border-radius:var(--radius-control);background:var(--color-surface);width:18px;height:18px;box-shadow:var(--mz-shadow);cursor:grab;display:block}.mz-slider[data-orientation=vertical]{flex-direction:column;width:28px;height:200px}.mz-slider[data-orientation=vertical] .mz-slider__track{width:4px}.mz-slider[data-orientation=vertical] .mz-slider__range{width:100%;height:auto}.mz-slider[data-disabled]{opacity:.5}.mz-kbd{border:1px solid var(--color-border-default);background:var(--color-background-secondary);min-width:22px;height:24px;color:var(--color-text-secondary);font:12px var(--font-mono);border-radius:var(--radius-control);border-bottom-width:2px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.mz-kbd-group{align-items:center;gap:4px;display:inline-flex}.mz-control-group{min-height:var(--mz-control-height);border:1px solid var(--input-border);background:var(--color-surface);align-items:center;gap:8px;padding-inline:12px;display:flex}.mz-control-group:focus-within{outline:2px solid var(--color-focus);outline-offset:1px}.mz-control-group :is(.mz-input,.mz-textarea){background:0 0;border:0;outline:0;min-width:0;padding-inline:0}.mz-control-group__addon{color:var(--color-text-secondary);flex:none;align-items:center;gap:6px;display:flex}.mz-item-group{gap:8px;display:grid}.mz-item,.mz-attachment{border:1px solid var(--color-border-default);background:var(--color-surface);align-items:center;gap:12px;padding:14px;display:flex}.mz-item__media,.mz-attachment__media{color:var(--color-interactive-secondary);flex:none;display:flex}.mz-item__content,.mz-attachment__content{flex:1;min-width:0}.mz-item__title,.mz-attachment__title{overflow-wrap:anywhere;font-weight:600}.mz-item__description,.mz-attachment__description{color:var(--color-text-secondary);margin:2px 0 0;font-size:13px}.mz-item__actions,.mz-attachment__actions{flex:none;gap:8px;display:flex}.mz-typography{font:16px/1.65 var(--font-body);color:var(--color-text-primary);margin:0}.mz-typography--display{font:900 clamp(32px, 5vw, 64px)/1.03 var(--font-display);letter-spacing:-.04em}.mz-typography--page{letter-spacing:-.025em;overflow-wrap:anywhere;font-size:clamp(24px,2.5vw,32px);font-weight:700;line-height:1.25}.mz-typography--section{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:24px;font-weight:700;line-height:1.3}.mz-typography--heading{letter-spacing:-.02em;font-size:24px;font-weight:700;line-height:1.2}.mz-typography--muted,.mz-card__description{color:var(--color-text-secondary)}.mz-typography--code{font:13px/1.6 var(--font-mono)}.mz-menu,.mz-floating,.mz-tooltip,.mz-navigation-menu__content,.mz-navigation-menu__viewport{z-index:100;border:1px solid var(--color-border-default);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-expressive);animation:mz-surface-in var(--mz-duration) var(--ease-standard);position:relative}.mz-menu{min-width:190px;max-width:min(360px,100vw - 24px);max-height:var(--radix-dropdown-menu-content-available-height,360px);padding:6px;overflow-y:auto}.mz-menu__item{min-height:var(--mz-control-height);color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;border:0;outline:none;align-items:center;gap:10px;padding:8px 12px;display:flex;position:relative}.mz-menu__item:is([data-highlighted],[data-highlighted=true],[data-state=open]){background:color-mix(in srgb, var(--color-interactive-secondary) 12%, var(--color-surface));color:var(--color-interactive-secondary)}.mz-menu__item[data-disabled]{pointer-events:none}.mz-menu__item:is([role=menuitemcheckbox],[role=menuitemradio]){padding-inline-start:32px}.mz-menu__label{color:var(--color-text-secondary);padding:8px 12px;font-size:12px;font-weight:600}.mz-menu__separator{background:var(--color-border-default);height:1px;margin:5px -6px}.mz-menu__indicator{display:inline-flex;position:absolute;inset-inline-start:10px}.mz-menu__sub-trigger:after{content:"›";margin-inline-start:auto}.mz-menubar{border:1px solid var(--color-border-default);background:var(--color-surface);flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.mz-menubar__trigger,.mz-navigation-menu__trigger,.mz-navigation-menu__link{min-height:var(--mz-control-height);color:inherit;font:600 14px var(--font-body);cursor:pointer;background:0 0;border:0;align-items:center;padding:8px 12px;text-decoration:none;display:inline-flex}.mz-menubar__trigger:is(:hover,[data-state=open]),.mz-navigation-menu__trigger:is(:hover,[data-state=open]),.mz-navigation-menu__link:hover{background:var(--color-background-secondary);color:var(--color-interactive-secondary)}.mz-navigation-menu{z-index:2;position:relative}.mz-navigation-menu__list{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.mz-navigation-menu__content{inset-inline-start:0;min-width:240px;padding:12px;display:grid;position:absolute;top:100%}.mz-navigation-menu__viewport{width:var(--radix-navigation-menu-viewport-width);height:var(--radix-navigation-menu-viewport-height);transition:width var(--mz-duration), height var(--mz-duration);position:absolute;top:100%;overflow:hidden}.mz-navigation-menu__viewport .mz-navigation-menu__content{box-shadow:none;border:0;position:relative;top:auto}.mz-floating{width:300px;max-width:calc(100vw - 24px);padding:16px}.mz-tooltip{max-width:min(280px,100vw - 24px);padding:8px 12px;font-size:13px}.mz-select-trigger{width:100%;min-height:var(--mz-control-height);border:1px solid var(--input-border);background:var(--color-surface);color:var(--color-text-primary);font:14px var(--font-body);cursor:pointer;text-align:start;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.mz-select-trigger[data-placeholder]{color:var(--color-text-muted)}.mz-select-content{min-width:var(--radix-select-trigger-width);max-height:var(--radix-select-content-available-height,320px)}.mz-select__viewport{padding:0}.mz-select-scroll{place-items:center;padding:4px;display:grid}.mz-select-item{padding-inline-start:32px}.mz-select-item__indicator{position:absolute;inset-inline-start:10px}.mz-combobox{min-height:var(--mz-control-height);border:1px solid var(--input-border);background:var(--color-surface);display:flex}.mz-combobox:focus-within{outline:2px solid var(--color-focus);outline-offset:1px}.mz-combobox__input,.mz-combobox__chips-input{width:100%;min-width:0;color:var(--color-text-primary);font:14px var(--font-body);background:0 0;border:0;outline:0;padding:8px 12px}.mz-combobox__trigger{min-width:var(--mz-control-height);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.mz-combobox__positioner{z-index:100}.mz-combobox__popup{width:var(--anchor-width);min-width:200px;transform-origin:var(--transform-origin);padding:6px}.mz-combobox__list{max-height:300px;overflow-y:auto}.mz-combobox__empty{color:var(--color-text-secondary);padding:12px}.mz-combobox__indicator{margin-inline-start:auto}.mz-combobox__chips{min-height:var(--mz-control-height);background:var(--color-surface);border:1px solid var(--input-border);flex-wrap:wrap;align-items:center;gap:6px;padding:6px;display:flex}.mz-combobox__chip{color:var(--color-interactive-secondary);background:color-mix(in srgb, var(--color-interactive-secondary) 12%, var(--color-surface));align-items:center;gap:6px;padding:3px 8px;display:inline-flex}.mz-combobox__chip-remove{cursor:pointer;color:inherit;background:0 0;border:0}.mz-combobox__chips-input{flex:1;width:auto}.mz-command{background:var(--color-surface);border:1px solid var(--color-border-default);width:100%}.mz-command__input{width:100%;min-height:var(--mz-control-height);border:0;border-bottom:1px solid var(--color-border-default);color:var(--color-text-primary);font:14px var(--font-body);background:0 0;padding:12px 16px}.mz-command__list{max-height:280px;padding:6px;overflow-y:auto}.mz-command__empty{text-align:center;color:var(--color-text-secondary);padding:24px}.mz-command__group [cmdk-group-heading]{color:var(--color-text-secondary);padding:8px 12px;font-size:12px;font-weight:600}.mz-command__item{min-height:var(--mz-control-height);cursor:pointer;align-items:center;gap:10px;padding:8px 12px;display:flex}.mz-command__item[data-selected=true]{color:var(--color-interactive-secondary);background:color-mix(in srgb, var(--color-interactive-secondary) 10%, var(--color-surface))}.mz-command__separator{background:var(--color-border-default);height:1px;margin:6px 0}.mz-command__shortcut{font:12px var(--font-mono);color:var(--color-text-secondary);margin-inline-start:auto}.mz-otp{align-items:center;gap:8px;display:flex}.mz-otp__group{display:flex}.mz-otp__slot{width:var(--mz-control-height);height:calc(var(--mz-control-height) + 8px);border:1px solid var(--input-border);color:var(--color-text-primary);background:var(--color-surface);font:600 20px var(--font-body);place-items:center;margin-inline-end:-1px;display:grid;position:relative}.mz-otp__slot[data-active]{outline:2px solid var(--color-focus);outline-offset:2px;z-index:1}.mz-otp__caret{background:currentColor;width:1px;height:20px;animation:1s step-end infinite mz-caret}.mz-otp__separator{color:var(--color-text-secondary)}.mz-dialog-overlay{z-index:110;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:mz-surface-in var(--mz-duration) var(--ease-standard);background:#00000085;position:fixed;inset:0}.mz-dialog{z-index:111;border:1px solid var(--color-border-strong);background:var(--color-surface);width:min(480px,100vw - 32px);max-height:calc(100dvh - 48px);box-shadow:var(--shadow-expressive);padding:24px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.mz-dialog__header{gap:8px;margin-bottom:20px;display:grid}.mz-dialog__title,.mz-sheet__title{font:700 22px/1.25 var(--font-body);margin:0}.mz-dialog__description,.mz-sheet__description{color:var(--color-text-secondary);font:14px/1.6 var(--font-body);margin:0}.mz-dialog__footer,.mz-sheet__footer{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:24px;display:flex}.mz-sheet{z-index:111;background:var(--color-surface);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-expressive);padding:24px;position:fixed;overflow-y:auto}.mz-sheet--start,.mz-sheet--end{width:min(400px,100vw - 24px);top:0;bottom:0}.mz-sheet--start{inset-inline-start:0}.mz-sheet--end{inset-inline-end:0}.mz-sheet--top,.mz-sheet--bottom{max-height:80dvh;left:0;right:0}.mz-sheet--top{top:0}.mz-sheet--bottom{bottom:0}.mz-sheet__header{gap:8px;margin-bottom:24px;display:grid}.mz-toast-viewport{z-index:150;bottom:20px;outline:none;flex-direction:column;gap:10px;width:min(380px,100vw - 32px);max-height:calc(100dvh - 40px);margin:0;padding:0;list-style:none;display:flex;position:fixed;inset-inline-end:20px}.mz-toast{border:1px solid var(--color-border-strong);border-inline-start:3px solid var(--color-interactive-secondary);background:var(--color-surface);box-shadow:var(--shadow-expressive);animation:mz-surface-in var(--mz-duration) var(--ease-standard);grid-template-columns:1fr auto;gap:6px 16px;padding:16px;display:grid}.mz-toast--success{border-inline-start-color:var(--color-success)}.mz-toast--danger{border-inline-start-color:var(--color-danger)}.mz-toast__title{font-weight:600}.mz-toast__description{color:var(--color-text-secondary);grid-column:1}.mz-toast .mz-icon-button{grid-area:1/2;align-self:start}.mz-toast .mz-button{justify-self:start}.mz-toast[data-swipe=move]{transform:translateX(var(--radix-toast-swipe-move-x))}.mz-toast[data-swipe=end]{transform:translateX(var(--radix-toast-swipe-end-x));opacity:0}.mz-calendar{--mz-day-size:36px;width:max-content;max-width:100%}.mz-calendar .rdp-months{flex-wrap:wrap;gap:24px;max-width:100%;display:flex;position:relative}.mz-calendar .rdp-month{min-width:0}.mz-calendar .rdp-month_caption{align-items:center;min-height:44px;padding-inline:6px 76px;font-weight:600;display:flex}.mz-calendar .rdp-nav{inset-inline-end:0;z-index:1;gap:2px;display:flex;position:absolute;top:2px}.mz-calendar :is(.rdp-button_previous,.rdp-button_next){border:1px solid var(--color-border-default);background:var(--color-surface);width:34px;height:34px;color:var(--color-text-primary);cursor:pointer;place-items:center;padding:6px;display:grid}.mz-calendar .rdp-chevron{fill:currentColor;width:18px;height:18px}.mz-calendar .rdp-month_grid{border-collapse:separate;border-spacing:0 4px}.mz-calendar .rdp-weekday{width:var(--mz-day-size);font:500 12px var(--font-body);color:var(--color-text-secondary);padding-block:6px}.mz-calendar .rdp-day{text-align:center;padding:0}.mz-calendar .rdp-day_button{width:var(--mz-day-size);height:var(--mz-day-size);color:inherit;font:14px var(--font-body);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;display:grid}.mz-calendar .rdp-day_button:hover:not(:disabled){background:var(--color-background-secondary);border-color:var(--color-interactive-secondary)}.mz-calendar .rdp-selected .rdp-day_button{background:var(--control-selected-fill);color:var(--control-selected-text)}.mz-calendar .rdp-today:not(.rdp-selected) .rdp-day_button{border-color:var(--color-interactive-secondary);color:var(--color-interactive-secondary);font-weight:700}.mz-calendar .rdp-outside{color:var(--color-text-muted)}.mz-calendar .rdp-range_middle{background:color-mix(in srgb, var(--color-interactive-secondary) 12%, var(--color-surface))}.mz-calendar .rdp-range_middle .rdp-day_button{color:inherit;background:0 0}.mz-calendar .rdp-dropdowns{align-items:center;gap:6px;display:flex}.mz-calendar .rdp-dropdown_root{position:relative}.mz-calendar .rdp-dropdown{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.mz-calendar .rdp-caption_label{align-items:center;gap:6px;display:flex}.mz-calendar .rdp-hidden{visibility:hidden}.mz-date-picker{width:max-content;padding:12px}.mz-scroll-area{position:relative;overflow:hidden}.mz-scroll-area__viewport{width:100%;height:100%}.mz-scroll-area__bar{touch-action:none;-webkit-user-select:none;user-select:none;background:var(--color-background-secondary);display:flex}.mz-scroll-area__bar[data-orientation=vertical]{width:8px;padding:2px}.mz-scroll-area__bar[data-orientation=horizontal]{flex-direction:column;height:8px;padding:2px}.mz-scroll-area__thumb{background:var(--color-border-strong);border-radius:var(--radius-control);flex:1;position:relative}.mz-collapsible__content{padding-top:12px}.mz-carousel__viewport{overflow:hidden}.mz-carousel__content{touch-action:pan-y pinch-zoom;display:flex}.mz-carousel__content--vertical{touch-action:pan-x pinch-zoom;flex-direction:column}.mz-carousel__item{flex:0 0 100%;min-width:0}.mz-resizable,.mz-resizable__panel{min-width:0;min-height:0}.mz-resizable__handle{background:var(--color-background-secondary);border-inline:1px solid var(--color-border-default);cursor:col-resize;flex:none;place-items:center;width:10px;display:grid;position:relative}.mz-resizable__handle:after{content:"";background:var(--color-border-strong);width:2px;height:24px}.mz-resizable__handle[aria-orientation=horizontal]{border-inline:0;border-block:1px solid var(--color-border-default);cursor:row-resize;width:auto;height:10px}.mz-resizable__handle[aria-orientation=horizontal]:after{width:24px;height:2px}.mz-data-table{gap:12px;display:grid}.mz-data-table>.mz-input{max-width:340px}.mz-data-table__footer{color:var(--color-text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.mz-data-table tr[data-selected]{background:color-mix(in srgb, var(--color-interactive-secondary) 8%, var(--color-surface))}.mz-data-table__empty{text-align:center;color:var(--color-text-secondary);padding:32px}.mz-chart-figure{gap:12px;min-width:0;margin:0;display:grid}.mz-chart-figure figcaption{font-weight:600}.mz-chart{width:100%;min-width:0}.mz-chart .recharts-legend-wrapper{font-size:12px}.mz-chart-data summary{cursor:pointer;color:var(--color-text-secondary);font-size:13px}.mz-chart-data table{border-collapse:collapse;width:100%;margin-top:12px}.mz-chart-data :is(td,th){border-bottom:1px solid var(--color-border-default);text-align:start;padding:8px}.mz-sidebar-provider{--mz-sidebar-width:var(--sidebar-width-expanded);grid-template-columns:var(--mz-sidebar-width) minmax(0, 1fr);gap:16px;min-width:0;display:grid}.mz-sidebar-provider[data-collapsed]{--mz-sidebar-width:var(--sidebar-width-collapsed)}.mz-sidebar{border:1px solid var(--shell-navbar-border);background:var(--shell-navbar-bg);min-width:0;min-height:0;box-shadow:var(--shell-navbar-shadow);-webkit-backdrop-filter:blur(var(--shell-navbar-blur)) saturate(var(--shell-navbar-saturation));backdrop-filter:blur(var(--shell-navbar-blur)) saturate(var(--shell-navbar-saturation));flex-direction:column;gap:12px;display:flex;overflow:hidden}.mz-sidebar__header,.mz-sidebar__footer{align-items:center;gap:8px;min-height:56px;padding:12px;display:flex}.mz-sidebar__header{border-bottom:1px solid var(--color-border-default)}.mz-sidebar__footer{border-top:1px solid var(--color-border-default);margin-top:auto}.mz-sidebar__content{flex:1;padding:6px;overflow-y:auto}.mz-sidebar__group{gap:6px;margin-bottom:16px;display:grid}.mz-sidebar__group-label{color:var(--color-text-secondary);padding:4px 10px;font-size:12px;font-weight:600}.mz-sidebar__menu{gap:4px;margin:0;padding:0;list-style:none;display:grid}.mz-sidebar__button{width:100%;min-height:var(--mz-control-height);color:var(--color-text-secondary);font:14px var(--font-body);text-align:start;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.mz-sidebar__button svg{flex:none}.mz-sidebar__button:hover,.mz-sidebar__button[aria-current=page]{color:var(--color-interactive-secondary);background:color-mix(in srgb, var(--color-interactive-secondary) 10%, transparent)}.mz-sidebar__button[aria-current=page]{box-shadow:inset 2px 0 var(--color-interactive-secondary)}.mz-sidebar-trigger{border:1px solid var(--color-border-default);width:32px;height:32px;color:var(--color-text-secondary);background:var(--color-surface);cursor:pointer;flex:none;place-items:center;padding:4px;display:inline-grid}.mz-sidebar[data-collapsed] :is(.mz-sidebar__button>span,.mz-sidebar__group-label,.mz-sidebar__header>:not(.mz-sidebar-trigger),.mz-sidebar__footer>:not(.mz-sidebar-trigger)){display:none}.mz-sidebar[data-collapsed] :is(.mz-sidebar__header,.mz-sidebar__footer){justify-content:center;padding-inline:6px}.mz-sidebar-inset{min-width:0}.mz-sidebar-drawer .mz-sidebar{height:100%;box-shadow:none;border:0}.mz-message{align-items:start;gap:12px;display:flex}.mz-message[data-from=user]{flex-direction:row-reverse}.mz-message__content{gap:6px;min-width:0;max-width:85%;display:grid}.mz-message__meta{color:var(--color-text-secondary);font-size:12px}.mz-message__actions{gap:6px;display:flex}.mz-bubble{border:1px solid var(--color-border-default);background:var(--color-surface);border-radius:var(--radius-control);border-inline-start:2px solid var(--color-interactive-secondary);overflow-wrap:anywhere;width:fit-content;padding:12px 16px}.mz-bubble[data-from=user]{border-color:color-mix(in srgb, var(--color-interactive-secondary) 35%, transparent);background:color-mix(in srgb, var(--color-interactive-secondary) 10%, var(--color-surface));border-radius:var(--radius-control);margin-inline-start:auto}.mz-bubble p{margin:0}.mz-message-scroller{height:360px;min-height:0;position:relative}.mz-message-scroller__viewport{overscroll-behavior:contain;height:100%;overflow-y:auto}.mz-message-scroller__content{gap:20px;padding:16px;display:grid}.mz-message-scroller__latest{max-width:calc(100% - 24px);position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.mz-marker{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.mz-marker__icon{display:inline-flex}.mz-marker--border{border-bottom:1px solid var(--color-border-default);padding-block:10px}.mz-marker--separator:before,.mz-marker--separator:after{content:"";background:var(--color-border-default);flex:1;height:1px}.mz-questionnaire{gap:20px;display:grid}.mz-questionnaire__progress{color:var(--color-text-secondary);gap:8px;font-size:13px;display:grid}.mz-questionnaire__progress>div{background:var(--color-border-default);height:3px}.mz-questionnaire__progress i{background:var(--color-interactive-secondary);height:100%;display:block}.mz-questionnaire fieldset{border:0;min-width:0;margin:0;padding:0}.mz-questionnaire legend{font:600 18px/1.4 var(--font-body)}.mz-questionnaire fieldset>p{color:var(--color-text-secondary);margin:8px 0 16px}.mz-questionnaire__choices{gap:12px;display:grid}.mz-questionnaire__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@keyframes mz-surface-in{0%{opacity:0}to{opacity:1}}@keyframes mz-caret{50%{opacity:0}}@media (max-width:767px){.mz-sidebar-provider{grid-template-columns:minmax(0,1fr)}}@media (max-width:480px){.mz-calendar{--mz-day-size:32px}.mz-dialog,.mz-sheet{padding:20px}.mz-otp{gap:6px}.mz-otp__slot{width:36px}}@media (prefers-reduced-motion:reduce){:where(.mz-menu,.mz-floating,.mz-tooltip,.mz-dialog-overlay,.mz-toast,.mz-otp__caret){animation:none}}@media (prefers-reduced-transparency:reduce){.mz-sidebar{background:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none}.mz-dialog-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (forced-colors:active){.mz-slider__range{background:highlight}.mz-radio-group__item[data-state=checked]{color:highlighttext;forced-color-adjust:none;background:highlight;border-color:highlight}.mz-radio-group__indicator{background:currentColor}.mz-toggle[data-state=on],.mz-calendar .rdp-selected .rdp-day_button{border-color:highlight}}@media (pointer:coarse){:where(.mz-toggle,.mz-menu__item,.mz-select-trigger,.mz-combobox__trigger,.mz-menubar__trigger,.mz-navigation-menu__trigger,.mz-navigation-menu__link,.mz-sidebar__button,.mz-command__item){min-height:44px}.mz-sidebar-trigger{width:44px;height:44px}}.mz-data-table--virtual .mz-table{table-layout:fixed}.mz-data-table__cell{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mz-data-table__error{color:var(--color-danger);flex-wrap:wrap;align-items:center;gap:12px;display:flex}@font-face{font-family:Google Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/google-sans-medium-latin.BnFH3s7s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Google Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/google-sans-medium-latin-ext.C3Wmwjfh.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}.mz-login{isolation:isolate;min-height:680px;font:14px/1.5 var(--font-body);color:var(--color-text-primary);background:var(--shell-scene-overlay), var(--shell-scene-image) center / cover no-repeat, var(--color-background-primary);grid-template-rows:auto 1fr auto;display:grid;position:relative;container-type:inline-size}.mz-login__header{justify-content:space-between;align-items:center;gap:16px;padding:24px clamp(20px,4cqi,40px);display:flex}.mz-login__identity{color:inherit;flex-wrap:wrap;align-items:center;gap:16px;min-width:0;text-decoration:none;display:flex}.mz-login__wordmark{background:currentColor;flex:none;width:166px;height:26px;margin-block:17px;display:block;-webkit-mask:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_2'%20data-name='Layer%202'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201164.61%20159.37'%3e%3cg%20id='Layer_1'%20data-name='Layer%201'%3e%3cg%3e%3cpath%20d='M357.53,3.21h119.15v38.5h-70.59v18.61h66.31v38.08h-66.31v19.25h71.45v38.5h-120V3.21Z'/%3e%3cpath%20d='M489.3,3.21h72.3c43.64,0,64.17,17.97,64.17,51.77,0,21.82-8.56,37.01-26.31,45.14l30.8,56.04h-55.83l-22.46-49.41h-14.12v49.41h-48.56V3.21ZM559.47,70.38c10.91,0,17.11-4.49,17.11-14.33s-6.2-14.33-17.11-14.33h-21.61v28.66h21.61Z'/%3e%3cpath%20d='M637.33,119.58l66.53-77.86h-63.53V3.21h123.86v36.58l-68.67,77.87h71.02v38.5h-129.2v-36.58Z'/%3e%3cpath%20d='M778.08,3.21h48.56v152.95h-48.56V3.21Z'/%3e%3cpath%20d='M917.12,0c40.22,0,68.67,20.54,75.73,61.39h-50.48c-3-14.55-12.41-22.89-26.1-22.89-18.61,0-29.73,15.4-29.73,40.64s10.48,41.71,31.23,41.71c12.41,0,21.39-5.35,26.1-16.26h-26.74v-32.09h76.15v83.64h-27.81l-3.21-19.04c-11.12,14.55-28.24,22.25-49.63,22.25-46.85,0-75.72-31.66-75.72-78.72S867.28,0,917.12,0Z'/%3e%3cpath%20d='M1083.97,0c48.99,0,80.64,30.16,80.64,79.79s-31.45,79.58-80.64,79.58-81.07-30.16-81.07-79.58S1034.98,0,1083.97,0ZM1083.75,120.86c19.04,0,31.23-14.55,31.23-41.07s-12.19-41.29-31.23-41.29-31.23,14.55-31.23,41.29,12.19,41.07,31.23,41.07Z'/%3e%3c/g%3e%3cg%3e%3cpolygon%20points='256.92%203.01%20215.88%2091.27%20215.88%20157.17%20260.24%20157.17%20290.88%2091.27%20290.88%20157.17%20343.22%20157.17%20343.22%203.01%20256.92%203.01'/%3e%3cpolygon%20points='0%203.01%200%20157.17%20185.24%20157.17%20215.88%2091.27%20215.88%203.01%200%203.01'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_2'%20data-name='Layer%202'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201164.61%20159.37'%3e%3cg%20id='Layer_1'%20data-name='Layer%201'%3e%3cg%3e%3cpath%20d='M357.53,3.21h119.15v38.5h-70.59v18.61h66.31v38.08h-66.31v19.25h71.45v38.5h-120V3.21Z'/%3e%3cpath%20d='M489.3,3.21h72.3c43.64,0,64.17,17.97,64.17,51.77,0,21.82-8.56,37.01-26.31,45.14l30.8,56.04h-55.83l-22.46-49.41h-14.12v49.41h-48.56V3.21ZM559.47,70.38c10.91,0,17.11-4.49,17.11-14.33s-6.2-14.33-17.11-14.33h-21.61v28.66h21.61Z'/%3e%3cpath%20d='M637.33,119.58l66.53-77.86h-63.53V3.21h123.86v36.58l-68.67,77.87h71.02v38.5h-129.2v-36.58Z'/%3e%3cpath%20d='M778.08,3.21h48.56v152.95h-48.56V3.21Z'/%3e%3cpath%20d='M917.12,0c40.22,0,68.67,20.54,75.73,61.39h-50.48c-3-14.55-12.41-22.89-26.1-22.89-18.61,0-29.73,15.4-29.73,40.64s10.48,41.71,31.23,41.71c12.41,0,21.39-5.35,26.1-16.26h-26.74v-32.09h76.15v83.64h-27.81l-3.21-19.04c-11.12,14.55-28.24,22.25-49.63,22.25-46.85,0-75.72-31.66-75.72-78.72S867.28,0,917.12,0Z'/%3e%3cpath%20d='M1083.97,0c48.99,0,80.64,30.16,80.64,79.79s-31.45,79.58-80.64,79.58-81.07-30.16-81.07-79.58S1034.98,0,1083.97,0ZM1083.75,120.86c19.04,0,31.23-14.55,31.23-41.07s-12.19-41.29-31.23-41.29-31.23,14.55-31.23,41.29,12.19,41.07,31.23,41.07Z'/%3e%3c/g%3e%3cg%3e%3cpolygon%20points='256.92%203.01%20215.88%2091.27%20215.88%20157.17%20260.24%20157.17%20290.88%2091.27%20290.88%20157.17%20343.22%20157.17%20343.22%203.01%20256.92%203.01'/%3e%3cpolygon%20points='0%203.01%200%20157.17%20185.24%20157.17%20215.88%2091.27%20215.88%203.01%200%203.01'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e") 50%/contain no-repeat}.mz-login__product{border-inline-start:1px solid var(--color-border-strong);padding-inline-start:16px;font-weight:500}.mz-login__utilities{align-items:center;gap:8px;display:flex}.mz-login__body{grid-template-columns:minmax(0,400px);justify-content:center;align-items:center;gap:48px;padding:20px clamp(20px,4cqi,40px) 40px;display:grid}.mz-login__intro{min-width:0;display:none}.mz-login__intro>*{max-width:42ch}.mz-login__intro [data-login-headline]{font:900 clamp(36px, 5.5cqi, 64px)/1.06 var(--font-display);letter-spacing:var(--tracking-display);overflow-wrap:anywhere;margin-block:24px;display:block}.mz-login__intro p{font:16px/1.5 var(--font-body);color:var(--color-text-secondary)}.mz-login__panel{width:min(100%,400px);min-width:0;box-shadow:var(--shadow-operational);justify-self:center}.mz-login__panel-body.mz-card__body{gap:24px;padding:clamp(20px,4cqi,32px);display:grid}.mz-login__welcome{gap:8px;display:grid}.mz-login__eyebrow{letter-spacing:.06em;color:var(--color-interactive-secondary);font-size:12px;font-weight:500}.mz-login__welcome h1,.mz-login__welcome h2,.mz-login__welcome h3{font:700 28px/1.2 var(--font-body);letter-spacing:-.025em;overflow-wrap:anywhere;margin:0}.mz-login__welcome p{font:14px/1.5 var(--font-body);color:var(--color-text-secondary);margin:0}.mz-login__google.mz-button{color:#1f1f1f;text-transform:none;letter-spacing:normal;white-space:normal;background:#fff;border:1px solid #747775;gap:10px;min-height:44px;padding:12px;font:500 14px/20px Google Sans,Arial,sans-serif}.mz-login__google.mz-button:hover:not(:disabled){background:#f2f2f2;border-color:#747775}.mz-login__google-logo{background:url(/_next/static/media/google-g.CpxN0HWb.png) 50%/contain no-repeat;flex:none;width:20px;height:20px;display:inline-block}.mz-login__divider{color:var(--color-text-secondary);text-align:center;align-items:center;gap:12px;font-size:12px;display:flex}.mz-login__divider:before,.mz-login__divider:after{content:"";border-block-start:1px solid var(--color-border-default);flex:1}.mz-login__form{gap:20px;display:grid}.mz-login__form .mz-input{min-height:44px}.mz-login__form>.mz-button{min-height:44px;font-size:14px}.mz-login__password{min-width:0;position:relative}.mz-login__password .mz-input{padding-inline-end:44px}.mz-login__password .mz-icon-button{inset-inline-end:2px;min-width:44px;min-height:44px;position:absolute;top:50%;transform:translateY(-50%)}.mz-login__options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.mz-login__options .mz-button{min-height:40px;color:var(--color-interactive-secondary);text-transform:none;letter-spacing:normal;padding-inline:0;font-size:14px}.mz-login__options .mz-checkbox{align-items:center;min-height:44px;font-size:14px}.mz-login__status{overflow-wrap:anywhere;font-size:14px}.mz-login__footer{color:var(--color-text-secondary);overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:24px clamp(20px,4cqi,40px);font-size:12px;display:flex}.mz-login__footer a{color:inherit;text-underline-offset:3px}@container (width>=760px){.mz-login__body--intro{grid-template-columns:minmax(0,1fr) minmax(320px,400px)}.mz-login__intro{display:block}}@media (forced-colors:active){.mz-login{background:canvas}.mz-login__wordmark{background:canvastext}.mz-login__google.mz-button{color:buttontext;background:buttonface;border-color:buttontext}}.mz-breadcrumb{font-size:12px}.mz-breadcrumb ol{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.mz-breadcrumb li{align-items:center;gap:var(--space-2);color:var(--color-text-muted);display:inline-flex}.mz-breadcrumb a{color:var(--color-text-secondary);border-radius:var(--radius-control);text-decoration:none}.mz-breadcrumb a:hover{color:var(--color-text-primary);text-decoration:underline}.mz-breadcrumb__current{color:var(--color-text-primary);font-weight:600}.mz-breadcrumb__sep{color:var(--color-border-strong);-webkit-user-select:none;user-select:none}.mz-tabs__list{gap:var(--space-1);border-bottom:1px solid var(--color-border-default);scrollbar-width:none;display:flex;overflow-x:auto}.mz-tabs__list::-webkit-scrollbar{display:none}.mz-tab{min-height:40px;padding:0 var(--space-3);color:var(--color-text-secondary);font-family:var(--font-label);letter-spacing:var(--tracking-label);text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color var(--mz-duration) var(--ease-standard);background:0 0;border:0;font-size:13px;font-weight:400;position:relative}.mz-tab:after{content:"";inset-inline:0;background:0 0;height:2px;position:absolute;bottom:-1px}.mz-tab:hover,.mz-tab[aria-selected=true]{color:var(--color-text-primary)}.mz-tab[aria-selected=true]:after{background:var(--gradient-brand-primary)}.mz-tab:disabled{opacity:.45;cursor:not-allowed}.mz-tabs__panel{padding-top:var(--space-4)}.mz-tabs__panel:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.mz-pagination{align-items:center;gap:var(--space-1);color:var(--color-text-primary);font-family:var(--font-body);flex-wrap:wrap;font-size:14px;display:flex}.mz-pagination__item{align-items:center;gap:var(--space-1);display:inline-flex}.mz-pagination button{min-width:44px;min-height:44px;padding:0 var(--space-2);border-radius:var(--radius-control);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.mz-pagination button:hover:not(:disabled){background:var(--color-background-secondary)}.mz-pagination button[aria-current=page]{background:var(--color-background-secondary);color:var(--color-text-primary);font-weight:500;position:relative}.mz-pagination button[aria-current=page]:after{content:"";inset-inline:12px;background:var(--color-interactive-primary);height:2px;position:absolute;bottom:6px}@media (forced-colors:active){.mz-pagination button[aria-current=page]{outline-offset:-1px;outline:1px solid highlight}.mz-pagination button[aria-current=page]:after{background:highlight}}.mz-pagination button:disabled{opacity:.45;cursor:not-allowed}.mz-pagination button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.mz-pagination__gap{padding-inline:var(--space-1)}.mz-modal{border:1px solid var(--color-border-strong);border-radius:var(--radius-large);background:var(--color-surface-raised);width:min(560px,100vw - 32px);max-height:min(80vh,720px);color:var(--color-text-primary);margin:auto;padding:0;overflow:hidden}.mz-modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c}.mz-modal--sm{width:min(420px,100vw - 32px)}.mz-modal--lg{width:min(760px,100vw - 32px)}.mz-modal__inner{max-height:inherit;flex-direction:column;display:flex}.mz-modal__header{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);display:flex}.mz-modal__title{margin:0;font-size:16px;font-weight:650}.mz-modal__description{color:var(--color-text-secondary);margin:4px 0 0;font-size:13px}.mz-modal__close{margin-inline-start:auto}.mz-modal__body{padding:0 var(--space-4) var(--space-4);overflow-y:auto}.mz-modal__footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-subtle);background:var(--color-background-secondary);display:flex}.mz-drawer{border:0;border-inline-start:1px solid var(--color-border-default);background:var(--color-surface);width:min(480px,100vw);max-width:none;height:auto;max-height:none;color:var(--color-text-primary);margin:0;padding:0;position:fixed;inset-block:0;inset-inline:auto 0}.mz-drawer--start{border-inline-start:0;border-inline-end:1px solid var(--color-border-default);inset-inline:0 auto}.mz-drawer--lg{width:min(720px,100vw)}.mz-drawer::backdrop{background:#00000073}.mz-drawer__inner{flex-direction:column;height:100%;display:flex}.mz-drawer__header{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border-subtle);display:flex}.mz-drawer__title{margin:0;font-size:15px;font-weight:650}.mz-drawer__close{margin-inline-start:auto}.mz-drawer__body{padding:var(--space-4);flex:1;overflow-y:auto}.mz-drawer__footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-subtle);display:flex}@media (max-width:640px){.mz-drawer{width:100vw}}.mz-page-header{min-width:0;color:var(--color-text-primary);font-family:var(--font-body);container:mz-page-header/inline-size}.mz-page-header__main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.mz-page-header__identity{flex:280px;align-items:center;gap:20px;min-width:0;display:flex}.mz-page-header__copy{gap:8px;min-width:0;display:grid}.mz-page-header__eyebrow{color:var(--color-text-secondary);font:500 12px/1.5 var(--font-label);letter-spacing:.06em;text-transform:uppercase;overflow-wrap:anywhere;align-items:center;gap:8px;display:flex}.mz-page-header__eyebrow:before{content:"";background:var(--color-interactive-secondary);flex:none;width:16px;height:2px}.mz-page-header__description{max-width:64ch;color:var(--color-text-secondary);font:400 14px/1.65 var(--font-body);overflow-wrap:anywhere;margin:0}.mz-page-header__utilities{gap:16px;min-width:0;display:grid}.mz-page-header__metadata{flex-wrap:wrap;gap:16px;margin:0;display:flex}.mz-page-header__metadata>div{border-inline-start:1px solid var(--color-border-default);min-width:72px;padding-inline-start:16px}.mz-page-header__metadata dt{color:var(--color-text-secondary);font:500 12px/1.5 var(--font-label);letter-spacing:.04em;text-transform:uppercase}.mz-page-header__metadata dd{font:700 14px/1.5 var(--font-body);overflow-wrap:anywhere;margin:6px 0 0}.mz-page-header__actions{flex-wrap:wrap;gap:8px;display:flex}.mz-page-header__support{margin-top:24px}.mz-page-header--framed{--page-header-cut:16px;border:1px solid var(--color-border-default);border-inline-start:2px solid var(--color-interactive-secondary);background:linear-gradient(110deg, var(--color-surface) 45%, color-mix(in srgb, var(--violet-500) 7%, var(--color-surface)));clip-path:polygon(0 0, calc(100% - var(--page-header-cut)) 0, 100% calc(var(--page-header-cut) * var(--portal-cut-slope)), 100% 100%, 0 100%);padding:28px;position:relative}.mz-page-header--framed:before{content:"";pointer-events:none;background-image:linear-gradient(var(--color-border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--color-border-subtle) 1px, transparent 1px);opacity:.38;background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 60%);mask-image:linear-gradient(90deg,#000,#0000 60%)}.mz-page-header--framed:after{content:"";top:calc(var(--page-header-cut) * var(--portal-cut-slope) - 1px);width:calc(var(--page-header-cut) * 1.1547);border-top:1px solid var(--color-border-default);transform-origin:100% 0;pointer-events:none;position:absolute;right:-1px;transform:rotate(30deg)}.mz-page-header--framed>*{z-index:1;position:relative}.mz-page-header--framed .mz-page-header__eyebrow:before{display:none}.mz-page-header__mark{clip-path:polygon(0 0, calc(100% - 8px) 0, 100% calc(8px * var(--portal-cut-slope)), 100% 100%, 0 100%);background:var(--neutral-950);border:1px solid var(--color-border-strong);flex:none;place-items:center;width:56px;height:56px;display:grid;position:relative}.mz-page-header__mark:after{content:"";top:calc(8px * var(--portal-cut-slope) - 1px);border-top:1px solid var(--color-border-strong);transform-origin:100% 0;width:9.2376px;position:absolute;right:-1px;transform:rotate(30deg)}.mz-page-header__mark>span{background:#fff;width:32px;height:20px;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20552.5906%20248.204'%20fill='%23FFFFFF'%3e%3c!--%20Original%20vector%20paths%20from%20Merzigo%20Guidelines%202026,%20page%2018;%20coordinates%20normalized,%20no%20redrawing.%20--%3e%3cpath%20d='M0%200V248.204H298.233L347.57%20142.104V0Z%20M413.6486%200L347.5706%20142.104V248.204H418.9826L468.3196%20142.102V248.204H552.5906V0Z'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20552.5906%20248.204'%20fill='%23FFFFFF'%3e%3c!--%20Original%20vector%20paths%20from%20Merzigo%20Guidelines%202026,%20page%2018;%20coordinates%20normalized,%20no%20redrawing.%20--%3e%3cpath%20d='M0%200V248.204H298.233L347.57%20142.104V0Z%20M413.6486%200L347.5706%20142.104V248.204H418.9826L468.3196%20142.102V248.204H552.5906V0Z'/%3e%3c/svg%3e") 50%/contain no-repeat}.mz-page-header-notice{border-inline-start:2px solid var(--color-interactive-secondary);flex-direction:row;align-items:center;gap:16px;padding:20px;display:flex;position:relative}.mz-page-header-notice:after{content:"";top:calc(var(--card-portal-cut) * var(--portal-cut-slope) - 1px);width:calc(var(--card-portal-cut) * 1.1547);border-top:1px solid var(--color-border-default);transform-origin:100% 0;pointer-events:none;position:absolute;right:-1px;transform:rotate(30deg)}.mz-page-header-notice__icon{width:40px;height:40px;color:var(--color-interactive-secondary);background:color-mix(in srgb, var(--color-interactive-primary) 7%, var(--color-surface));flex:none;place-items:center;display:grid}.mz-page-header-notice__copy{flex:1;min-width:0}.mz-page-header-notice__copy strong{color:var(--color-text-primary);font:700 16px/1.5 var(--font-body);overflow-wrap:anywhere;display:block}.mz-page-header-notice__copy p{color:var(--color-text-secondary);font:400 14px/1.65 var(--font-body);overflow-wrap:anywhere;margin:4px 0 0}.mz-page-header-notice__action{flex:none}.mz-page-header-notice__action .mz-icon-button{width:44px;height:44px;color:var(--color-interactive-secondary)}@container mz-page-header (width<=600px){.mz-page-header__main{gap:20px}.mz-page-header__identity{flex-basis:100%;gap:16px}.mz-page-header__utilities{width:100%}.mz-page-header__metadata>div:first-child{border-inline-start:0;padding-inline-start:0}.mz-page-header__actions{justify-content:flex-start}}@container mz-page-header (width<=360px){.mz-page-header__identity{align-items:flex-start}.mz-page-header__mark{width:40px;height:40px}.mz-page-header__mark>span{width:24px;height:16px}.mz-page-header-notice{flex-wrap:wrap;gap:12px;padding:16px}.mz-page-header-notice__icon{display:none}.mz-page-header-notice__copy{flex-basis:calc(100% - 56px)}}@media (max-width:680px){.mz-page-header--framed{padding:20px}}@media (forced-colors:active){.mz-page-header--framed:before{display:none}.mz-page-header__mark>span{background:canvastext}}.mz-topbar{z-index:var(--shell-navbar-z-index);padding:var(--shell-top-inset) clamp(12px, 2vw, 24px) 0;position:sticky;top:0}.mz-topbar__frame{align-items:center;gap:var(--space-4);min-height:var(--topbar-height);padding-inline:var(--space-3);color:var(--color-text-primary);font-family:var(--font-body);font-size:14px;line-height:var(--leading-body);background:var(--color-surface);border:1px solid var(--shell-navbar-border);border-radius:var(--radius-control);box-shadow:var(--shell-navbar-shadow);display:flex;position:relative}.mz-topbar__frame:before{content:"";inset-inline:12%;background:linear-gradient(90deg, transparent, var(--violet-500), var(--blue-500), transparent);pointer-events:none;height:1px;position:absolute;top:-1px}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.mz-topbar__frame{background:var(--shell-navbar-bg);-webkit-backdrop-filter:blur(var(--shell-navbar-blur)) saturate(var(--shell-navbar-saturation));backdrop-filter:blur(var(--shell-navbar-blur)) saturate(var(--shell-navbar-saturation))}}@media (prefers-reduced-transparency:reduce){.mz-topbar__frame{background:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none}}.mz-file-upload{border:1px dashed var(--color-border-default);background:var(--color-surface);color:var(--color-text-primary);font-family:var(--font-body);gap:12px;padding:20px;display:grid}.mz-file-upload--dragging{border-color:var(--color-focus);background:var(--color-background-secondary)}.mz-file-upload input{width:100%;min-width:0;font:inherit;color:inherit}.mz-file-upload input::file-selector-button{border:1px solid var(--color-border-default);background:var(--color-surface);color:inherit;font:inherit;cursor:pointer;border-radius:0;margin-inline-end:12px;padding:8px 12px}:is(.mz-file-upload input:focus-visible,.mz-stepper button:focus-visible){outline:2px solid var(--color-focus);outline-offset:3px}.mz-file-upload__hint{color:var(--color-text-secondary);margin:0;font-size:13px}.mz-file-upload__files{gap:8px;margin:0;padding:0;list-style:none;display:grid}.mz-file-upload__files li{justify-content:space-between;align-items:center;gap:12px;display:flex}.mz-file-upload__files li>span{overflow-wrap:anywhere;min-width:0}.mz-file-upload__files small{color:var(--color-text-secondary)}.mz-stepper,.mz-timeline{color:var(--color-text-primary);font:14px/1.5 var(--font-body)}.mz-stepper ol{flex-wrap:wrap;gap:16px;margin:0;padding:0;list-style:none;display:flex}.mz-stepper li{border-block-end:2px solid var(--color-border-default);flex:160px;padding-block-end:12px}.mz-stepper li[data-state=current]{border-color:var(--violet-500)}.mz-stepper li>:is(button,div){align-items:center;gap:12px;display:flex}.mz-stepper button{color:inherit;text-align:start;font:inherit;cursor:pointer;background:0 0;border:0;padding:4px}.mz-stepper button:disabled{opacity:.5;cursor:not-allowed}.mz-stepper small{color:var(--color-text-secondary);display:block}.mz-stepper__number{border:1px solid var(--color-border-default);flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.mz-stepper [data-state=current] .mz-stepper__number{background:var(--violet-500);color:#fff;border-color:var(--violet-500)}.mz-timeline ol{margin:0;padding:0;list-style:none}.mz-timeline li{grid-template-columns:24px minmax(0,1fr);gap:12px;padding-block-end:24px;display:grid;position:relative}.mz-timeline li:not(:last-child):before{content:"";inset-inline-start:11px;border-inline-start:1px solid var(--color-border-default);position:absolute;top:24px;bottom:0}.mz-timeline__marker{background:var(--color-background-secondary);width:24px;height:24px;color:var(--color-text-secondary);place-items:center;display:grid}.mz-timeline__marker:empty:after{content:"";background:currentColor;width:6px;height:6px}.mz-timeline [data-tone=success] .mz-timeline__marker{color:var(--color-success)}.mz-timeline [data-tone=warning] .mz-timeline__marker{color:var(--color-warning)}.mz-timeline [data-tone=danger] .mz-timeline__marker{color:var(--color-danger)}.mz-timeline__heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.mz-timeline time,.mz-timeline__description{color:var(--color-text-secondary);font-size:13px}.mz-timeline__description,.mz-timeline__actions{overflow-wrap:anywhere;margin-block-start:8px}@font-face{font-family:Delight Black;src:url(/_next/static/media/Delight-Black.DMaej5DZ.otf)format("opentype");font-style:normal;font-weight:900;font-display:swap}@font-face{font-family:Degular Display;src:url(/_next/static/media/DegularDisplay-Light.Bwxn4L66.otf)format("opentype");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Degular Mono;src:url(/_next/static/media/DegularMono-Light.Dhbd25az.otf)format("opentype");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Merzigo Sans;src:url(/_next/static/media/MerzigoSans-Regular.CtKJEL-m.otf)format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Merzigo Sans;src:url(/_next/static/media/MerzigoSans-Medium.BGMftXCy.otf)format("opentype");font-style:normal;font-weight:500 600;font-display:swap}@font-face{font-family:Merzigo Sans;src:url(/_next/static/media/MerzigoSans-Bold.Bdk7EPu7.otf)format("opentype");font-style:normal;font-weight:700 900;font-display:swap}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-merzigo-sans:"Merzigo Sans", Arial, sans-serif;--font-display:"Delight Black", "Delight", var(--font-merzigo-sans);--font-body:var(--font-merzigo-sans);--font-label:var(--font-merzigo-sans);--font-mono:"SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", monospace;--font-brand-mono:"Degular Mono", var(--font-mono);--font-weight-display:900;--font-weight-body:400;--font-weight-label:500;--tracking-display:-.045em;--tracking-label:.02em;--leading-display:.95;--leading-body:1.5;--violet-50:#f7f1ff;--violet-100:#ecddff;--violet-200:#d9baff;--violet-300:#c18cff;--violet-400:#a958ff;--violet-500:#8826ff;--violet-600:#7110e6;--violet-700:#5b0dbb;--violet-800:#460e8c;--violet-900:#32105f;--violet-950:#1e073d;--blue-50:#f2f2ff;--blue-100:#e4e3ff;--blue-200:#c9c5ff;--blue-300:#aaa0ff;--blue-400:#7968ff;--blue-500:#2f00ff;--blue-600:#2b00e6;--blue-700:#2400bd;--blue-800:#1e0791;--blue-900:#190c69;--blue-950:#0d043d;--lime-50:#fbffe8;--lime-100:#f5ffc4;--lime-200:#ebff8a;--lime-300:#ddff4d;--lime-400:#d2ff1f;--lime-500:#ccfa00;--lime-600:#a6cc00;--lime-700:#809d00;--lime-800:#607700;--lime-900:#455600;--lime-950:#243000;--neutral-0:#fff;--neutral-50:#f5f5fa;--neutral-100:#eeeeef;--neutral-200:#d9d9dd;--neutral-300:#c0c0c6;--neutral-400:#9d9da5;--neutral-500:#74747d;--neutral-600:#55555d;--neutral-700:#37373d;--neutral-800:#26262a;--neutral-900:#171719;--neutral-950:#0c0c0d;--neutral-1000:#000;--green-50:#eefbf5;--green-100:#d6f5e7;--green-200:#adebd0;--green-300:#78ddb3;--green-400:#42c893;--green-500:#16845b;--green-600:#126d4c;--green-700:#12583f;--green-800:#114737;--green-900:#0f3b2f;--green-950:#071f1a;--amber-50:#fff9ed;--amber-100:#ffefd0;--amber-200:#ffdb9a;--amber-300:#ffc15e;--amber-400:#ee9827;--amber-500:#b66b0a;--amber-600:#975107;--amber-700:#793d09;--amber-800:#64310d;--amber-900:#542a0e;--amber-950:#301505;--red-50:#fff1f2;--red-100:#ffe0e3;--red-200:#ffc7cc;--red-300:#ff9ca5;--red-400:#fa6170;--red-500:#d92f40;--red-600:#ba2132;--red-700:#981d2c;--red-800:#7f1d29;--red-900:#6c1c27;--red-950:#3c0b11;--cyan-50:#ecfcff;--cyan-100:#cef7ff;--cyan-200:#9deefe;--cyan-300:#61def8;--cyan-400:#25c3e6;--cyan-500:#06779b;--cyan-600:#086782;--cyan-700:#0b5369;--cyan-800:#0e4557;--cyan-900:#113a49;--cyan-950:#07252f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-control:0px;--radius-card:0px;--radius-large:0px;--portal-cut-slope:.57735;--portal-cut-mark:8px;--portal-cut-surface:12px;--portal-cut-command:16px;--technical-grid-size:28px;--signal-rail-width:2px;--icon-size-dense:16px;--icon-size-default:20px;--icon-size-emphasis:24px;--icon-stroke:1.7;--topbar-height:56px;--shell-top-inset:12px;--shell-navbar-z-index:30;--sidebar-width-expanded:256px;--sidebar-width-collapsed:56px;--motion-operational:.14s;--motion-expressive:.32s;--motion-nav-indicator:.19s;--motion-brand-fade:.15s;--motion-brand-reveal:.44s;--ease-standard:cubic-bezier(.2, .8, .2, 1);--ease-brand-reveal:cubic-bezier(.4, 0, .2, 1);--gradient-brand-primary:linear-gradient(335deg, var(--blue-500), var(--violet-500));--gradient-brand-dark:linear-gradient(135deg, var(--neutral-1000), #240054 62%, var(--violet-500));--gradient-brand-atmospheric:radial-gradient(circle at 70% 30%, #8826ffcc, transparent 42%), radial-gradient(circle at 35% 70%, #2f00ffa6, transparent 48%);--gradient-brand-signal:linear-gradient(var(--lime-500), var(--lime-500));--brand-diamond-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 9l3 3-3 3-3-3z' fill='white' fill-opacity='.09'/%3E%3C/svg%3E");--color-background-primary:var(--neutral-50);--color-background-secondary:var(--neutral-100);--color-surface:var(--neutral-0);--color-surface-raised:var(--neutral-0);--color-surface-inverse:var(--neutral-1000);--color-text-primary:var(--neutral-900);--color-text-secondary:var(--neutral-600);--color-text-muted:var(--neutral-600);--color-text-inverse:var(--neutral-0);--color-border-subtle:var(--neutral-100);--color-border-default:var(--neutral-200);--color-border-strong:var(--neutral-400);--color-interactive-primary:var(--violet-500);--color-interactive-secondary:var(--violet-600);--color-brand-signal:var(--lime-500);--color-brand-signal-text:var(--neutral-1000);--control-selected-fill:var(--violet-500);--control-selected-text:var(--neutral-0);--color-focus:var(--violet-500);--color-success:var(--green-600);--color-warning:var(--amber-600);--color-danger:var(--red-600);--color-info:var(--cyan-600);--chart-series-1:var(--violet-500);--chart-series-2:var(--blue-500);--chart-series-3:#805cff;--chart-series-neutral:var(--color-border-strong);--chart-grid-line:var(--color-border-subtle);--shell-scene-image:var(--shell-scene-light,none);--shell-scene-overlay:linear-gradient(180deg, #ffffff38, #ffffff6b);--button-primary-background:var(--violet-500);--button-primary-text:var(--neutral-0);--input-border:var(--color-border-default);--input-border-focus:var(--color-focus);--table-row-hover:#f3f0f8;--table-row-compact:36px;--table-row-standard:44px;--table-row-comfortable:52px;--sidebar-active-indicator:var(--gradient-brand-primary);--shadow-operational:0 2px 8px #0000000d;--shadow-expressive:0 28px 90px #2f00ff4d, inset 0 1px #ffffff26;--glass-subtle-bg:#ffffff1a;--glass-standard-bg:#160d268c;--glass-hero-bg:#0e061ca3;--portal-outline:#17171b47;--portal-grid-line:#17171b0b;--brand-mark-tile:#0d0d0f;--shell-navbar-bg:linear-gradient(110deg, #ffffffc2, transparent 42%), linear-gradient(135deg, #8826ff0b, transparent 46%), #ffffffeb;--shell-navbar-border:#362b4624;--shell-navbar-shadow:0 14px 38px #2c1f4021, inset 0 1px 0 #ffffffe6;--shell-navbar-blur:20px;--shell-navbar-saturation:1.14}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background-primary:#0d0d0f;--color-background-secondary:#151518;--color-surface:#19191d;--color-surface-raised:#202025;--color-surface-inverse:var(--neutral-0);--color-text-primary:#f4f4f5;--color-text-secondary:#b8b8c0;--color-text-muted:#92929d;--color-text-inverse:var(--neutral-1000);--color-border-subtle:#242429;--color-border-default:#34343a;--color-border-strong:#55555f;--color-interactive-primary:#a45dff;--color-interactive-secondary:var(--violet-300);--color-focus:var(--violet-300);--chart-series-2:var(--blue-300);--color-success:#43c78d;--color-warning:#f2b650;--color-danger:#ff707c;--color-info:#59c9ed;--input-border:#3b3b42;--input-border-focus:var(--color-focus);--table-row-hover:#24202c;--shadow-operational:0 2px 10px #0000003d;--glass-subtle-bg:#ffffff12;--glass-standard-bg:#1c142aa3;--glass-hero-bg:#090511bd;--portal-outline:#ffffff42;--portal-grid-line:#ffffff09;--brand-mark-tile:#ffffff0e;--shell-scene-image:var(--shell-scene-dark,none);--shell-scene-overlay:radial-gradient(circle at 18% 24%, #8826ff1a, transparent 32%), radial-gradient(circle at 78% 70%, #2f74ff17, transparent 36%), linear-gradient(180deg, #0d0d0f1a, #0d0d0f2e 52%, #0d0d0f24);--shell-navbar-bg:linear-gradient(110deg, #ffffff16, transparent 40%), linear-gradient(135deg, #8826ff11, transparent 44%), #0a0a0d8c;--shell-navbar-border:#ffffff29;--shell-navbar-shadow:inset 0 1px 0 #ffffff17, 0 14px 38px #0003}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background-primary:#0d0d0f;--color-background-secondary:#151518;--color-surface:#19191d;--color-surface-raised:#202025;--color-surface-inverse:var(--neutral-0);--color-text-primary:#f4f4f5;--color-text-secondary:#b8b8c0;--color-text-muted:#92929d;--color-text-inverse:var(--neutral-1000);--color-border-subtle:#242429;--color-border-default:#34343a;--color-border-strong:#55555f;--color-interactive-primary:#a45dff;--color-interactive-secondary:var(--violet-300);--color-focus:var(--violet-300);--chart-series-2:var(--blue-300);--color-success:#43c78d;--color-warning:#f2b650;--color-danger:#ff707c;--color-info:#59c9ed;--input-border:#3b3b42;--input-border-focus:var(--color-focus);--table-row-hover:#24202c;--shadow-operational:0 2px 10px #0000003d;--glass-subtle-bg:#ffffff12;--glass-standard-bg:#1c142aa3;--glass-hero-bg:#090511bd;--portal-outline:#ffffff42;--portal-grid-line:#ffffff09;--brand-mark-tile:#ffffff0e;--shell-scene-image:var(--shell-scene-dark,none);--shell-scene-overlay:radial-gradient(circle at 18% 24%, #8826ff1a, transparent 32%), radial-gradient(circle at 78% 70%, #2f74ff17, transparent 36%), linear-gradient(180deg, #0d0d0f1a, #0d0d0f2e 52%, #0d0d0f24);--shell-navbar-bg:linear-gradient(110deg, #ffffff16, transparent 40%), linear-gradient(135deg, #8826ff11, transparent 44%), #0a0a0d8c;--shell-navbar-border:#ffffff29;--shell-navbar-shadow:inset 0 1px 0 #ffffff17, 0 14px 38px #0003}}:root{--shell-scene-light:url(./brand/backgrounds/orbit-background-light.svg);--shell-scene-dark:url(./brand/backgrounds/orbit-background-dark.svg)}@media (max-width:1023px) and (orientation:portrait){:root{--shell-scene-light:url(./brand/backgrounds/orbit-background-light-mobile.svg);--shell-scene-dark:url(./brand/backgrounds/orbit-background-dark-mobile.svg)}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:60px}body{background:var(--color-background-primary);color:var(--color-text-primary);font-family:var(--font-body);font-weight:var(--font-weight-body);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit}button,a,select,input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--control-selected-fill)}button{color:inherit}button:not(:disabled),a,label,select{cursor:pointer}button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}input[type=checkbox]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}input[type=radio]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}input[type=range]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}[tabindex]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}input:not([type=checkbox]):not([type=radio]):not([type=range]):focus-visible{border-width:2px;outline:0;border-color:var(--color-focus)!important}select:focus-visible{border-width:2px;outline:0;border-color:var(--color-focus)!important}textarea:focus-visible{border-width:2px;outline:0;border-color:var(--color-focus)!important}:is(.checkbox-control input:focus-visible+i,.selection-row input:focus-visible+i,.table-check input:focus-visible+i,.drawer-checklist input:focus-visible+i){outline:2px solid var(--color-focus);outline-offset:2px}.search-control:focus-within,.file-upload:focus-within{border-color:var(--color-focus);border-style:solid;border-width:2px}::selection{background:var(--lime-500);color:var(--neutral-1000)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.brand-mark{background:currentColor;flex:none;width:44px;height:20px;display:inline-block;-webkit-mask:url(/brand/logos/merzigo-monogram-black.svg) 50%/contain no-repeat;mask:url(/brand/logos/merzigo-monogram-black.svg) 50%/contain no-repeat}.brand-mark.compact{width:33px;height:15px}.segmented{border:1px solid var(--color-border-default);background:var(--color-background-secondary);border-radius:var(--radius-control);padding:3px;display:inline-flex}.segmented button{min-height:30px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-control);background:0 0;border:0;padding:0 12px;font-size:12px}.segmented button.selected{background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-operational)}.quick-settings{z-index:25;background:var(--color-surface-raised);position:fixed;bottom:18px;right:18px}@supports (color:color-mix(in lab, red, red)){.quick-settings{background:color-mix(in srgb, var(--color-surface-raised) 92%, transparent)}}.quick-settings{border:1px solid var(--color-border-default);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);clip-path:polygon(0 0, calc(100% - 9px) 0, 100% calc(9px * var(--portal-cut-slope)), 100% 100%, 0 100%);gap:8px;padding:7px;display:flex;box-shadow:0 12px 42px #00000026}.quick-settings>div{align-items:center;gap:7px;display:flex}.quick-settings>div+div{border-left:1px solid var(--color-border-default);padding-left:8px}.quick-settings>div>span{color:var(--color-text-muted);font:12px var(--font-label), monospace;text-transform:uppercase;writing-mode:vertical-rl;transform:rotate(180deg)}.segmented.mini button{min-height:26px;padding:0 9px;font-size:12px}.search-dialog{background:var(--color-surface-raised);width:min(620px,100% - 32px);color:var(--color-text-primary);border:1px solid var(--color-border-strong);border-radius:var(--radius-control);overflow:hidden;box-shadow:0 30px 100px #0000005c}.dialog-search{border-bottom:1px solid var(--color-border-default);align-items:center;gap:13px;height:60px;padding:0 17px;display:flex}.dialog-search input{color:var(--color-text-primary);background:0 0;border:0;outline:0;flex:1;align-self:stretch;font-size:14px}.dialog-search kbd{color:var(--color-text-muted);border:1px solid var(--color-border-default);font:12px var(--font-mono), monospace;padding:3px 6px}.search-results{padding:10px}.search-results>p{color:var(--color-text-muted);font:12px var(--font-label), monospace;text-transform:uppercase;letter-spacing:.1em;margin:6px 8px 9px}.search-results>button{text-align:left;width:100%;min-height:46px;color:var(--color-text-primary);border-radius:var(--radius-control);background:0 0;border:0;grid-template-columns:1fr auto 26px;align-items:center;padding:0 10px;display:grid}:is(.search-results>button:hover,.search-results>button:focus-visible){background:var(--color-background-secondary)}.search-results>button span{align-items:center;gap:10px;font-size:12px;display:flex}.search-results>button i{background:var(--violet-500);width:7px;height:7px;transform:rotate(45deg)}.search-results>button small{color:var(--color-text-muted);font:12px var(--font-label), monospace;text-transform:uppercase}.search-results>button b{color:var(--color-text-muted);text-align:center;font-weight:400}.empty-search{color:var(--color-text-muted);text-align:center;padding:40px 20px;font-size:12px}.hero{background:var(--violet-500);color:#fff;isolation:isolate;grid-template-columns:minmax(420px,.92fr) minmax(460px,1.08fr);align-items:center;min-height:calc(100vh - 60px);padding:64px clamp(36px,5.2vw,84px) 80px;display:grid;position:relative;overflow:hidden}.hero-grid{z-index:-1;background-image:var(--brand-diamond-pattern);pointer-events:none;position:absolute;inset:0}.hero-copy{z-index:3;max-width:720px;position:relative}.hero-eyebrow,.section-eyebrow{font:12px var(--font-label), monospace;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:9px;display:flex}.hero-eyebrow{color:#fff;margin:0 0 24px}.hero-eyebrow span,.section-eyebrow span,.lime-diamond{background:var(--lime-500);flex:none;width:7px;height:7px;transform:rotate(45deg)}.hero h1{font-family:var(--font-display);font-size:clamp(44px,4.9vw,78px);line-height:var(--leading-display);letter-spacing:var(--tracking-display);max-width:12ch;margin:0;font-weight:900}.hero h1 mark{background:var(--lime-500);color:var(--neutral-1000);margin-block:.08em;padding:0 .12em .05em;display:inline-block}.hero .hero-eyebrow span{background:#fff}.hero .hero-actions .primary{background:var(--neutral-0);color:var(--neutral-1000)}.hero-lede{color:#fff;max-width:570px;margin:28px 0 31px;font-size:clamp(14px,1.2vw,17px);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.hero-meta{color:#fff;font:12px var(--font-label), monospace;letter-spacing:.08em;text-transform:uppercase;gap:21px;margin-top:38px;display:flex}.ds-button{font-family:var(--font-label);letter-spacing:var(--tracking-label);text-transform:uppercase;border-radius:var(--radius-control);min-height:40px;transition:transform var(--motion-operational), opacity var(--motion-operational), background var(--motion-operational);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:24px;padding:0 16px;font-size:12px;font-weight:650;text-decoration:none;display:inline-flex}.ds-button:hover:not(:disabled){transform:translateY(-1px)}.ds-button:active:not(:disabled){transform:translateY(0)}.ds-button.primary{color:#fff;background:var(--button-primary-background)}.ds-button.secondary{color:var(--color-text-primary);border-color:var(--color-border-strong);background:var(--color-surface)}.ds-button.tertiary{color:var(--color-text-primary);border-color:var(--color-border-default);background:0 0}.ds-button.destructive{color:#fff;background:var(--color-danger)}.ds-button.ghost{color:var(--color-text-primary)}.ds-button.inverse{color:#fff;background:#08080994;border-color:#4b4850}.ds-button:disabled{opacity:.42;cursor:not-allowed}.ds-button.sm{min-height:32px;padding:0 12px;font-size:12px}.ds-button.lg{min-height:48px;padding:0 22px;font-size:13px}.hero-composition{z-index:2;min-height:510px;position:relative}.composition-label{z-index:6;color:#fff;font:8px var(--font-label), monospace;letter-spacing:.16em;position:absolute}.label-op{top:8%;left:2%;transform:rotate(-3deg)}.label-ex{top:34%;right:3%;transform:rotate(3deg)}.operational-window{z-index:4;color:#1c1c20;background:#f8f8f9;border:1px solid #ffffffa6;width:66%;min-width:370px;position:absolute;top:14%;left:0;transform:rotate(-3deg);box-shadow:0 26px 80px #00000085}.window-bar{background:#fff;border-bottom:1px solid #dedee1;align-items:center;gap:4px;height:31px;padding:0 9px;display:flex}.window-bar i{background:#cdccd1;border-radius:50%;width:5px;height:5px}.window-bar span{color:#94949c;font:6px var(--font-label), monospace;margin-left:auto}.window-bar b{margin-left:auto;font-size:11px}.window-body{grid-template-columns:78px 1fr;min-height:225px;display:grid}.mini-nav{color:#777780;background:#080809;flex-direction:column;gap:11px;padding:18px 9px;font-size:6px;display:flex}.mini-nav strong{color:#fff;border-left:2px solid #8826ff;margin-left:-9px;padding-left:7px}.mini-content{padding:17px}.mini-kpi small{color:#87878e;font:6px var(--font-label), monospace}.mini-kpi b{letter-spacing:-.05em;margin:3px 0;font-size:29px;line-height:1;display:block}.mini-kpi>span{color:#1b805a;font:7px var(--font-label), monospace}.mini-data{border-top:1px solid #dddde0;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-top:15px;font-size:7px;display:grid}.mini-data b{color:#96969c;font:5.5px var(--font-label), monospace;padding-top:8px}.mini-data mark{color:#17734f;background:#e8f5ed;padding:3px 5px;font-size:5.5px}.mini-data mark.review{color:#9b5f0a;background:#fff2dc}.expressive-window{z-index:5;clip-path:polygon(0 0,93% 0,100% 9%,100% 100%,0 100%);background:linear-gradient(145deg,#190734,#020105 70%);width:60%;min-width:350px;height:330px;position:absolute;bottom:4%;right:0;overflow:hidden;transform:rotate(3deg);box-shadow:0 35px 100px #2f00ff4d}.poster-art{background:radial-gradient(circle at 65% 35%,#8826ffb3,#0000 34%),radial-gradient(circle at 52% 70%,#2f00ff8c,#0000 46%),linear-gradient(135deg,#0000 51%,#ffffff14 51.2%,#0000 51.5%);padding:30px;position:absolute;inset:0}.poster-art span{letter-spacing:-.07em;font-size:30px;font-weight:900;line-height:.85}.poster-art small{color:#9890a7;font:6px var(--font-label), monospace;letter-spacing:.14em;position:absolute;bottom:24px;left:30px}.glass-stat{background:var(--glass-standard-bg);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);width:50%;box-shadow:var(--shadow-expressive);clip-path:polygon(0 0,92% 0,100% 13%,100% 100%,0 100%);border:1px solid #ffffff3d;padding:17px;position:absolute;bottom:17px;right:16px}.glass-stat small,.glass-stat>span{color:#a9a3b2;font:5.5px var(--font-label), monospace;display:block}.glass-stat strong{letter-spacing:-.06em;margin:6px 0 3px;font-size:38px;line-height:1;display:block}.glass-stat mark{background:var(--lime-500);color:#0b0d08;font:5px var(--font-label), monospace;padding:4px;position:absolute;bottom:10px;right:10px}.scroll-cue{color:#77747d;font:12px var(--font-label), monospace;letter-spacing:.12em;align-items:center;gap:16px;text-decoration:none;display:flex;position:absolute;bottom:23px;left:clamp(36px,5.2vw,84px)}.doc-section{background:var(--color-surface);border-top:1px solid var(--color-border-default);padding:clamp(72px,7.5vw,120px) clamp(36px,6vw,96px);scroll-margin-top:58px}.doc-section.alternate{background:var(--color-background-primary)}.section-header{grid-template-columns:minmax(0,760px) auto;justify-content:space-between;align-items:end;gap:36px;margin-bottom:46px;display:grid}.section-eyebrow{color:var(--color-interactive-primary);margin:0 0 15px}.section-eyebrow span{background:var(--color-interactive-primary)}.section-header h2{letter-spacing:-.058em;text-transform:uppercase;max-width:15ch;margin:0;font-size:clamp(35px,4.2vw,63px);line-height:.94}.section-description{max-width:720px;color:var(--color-text-secondary);margin:21px 0 0;font-size:15px;line-height:1.65}.section-aside{align-self:start}.foundation-tag,.component-status{border:1px solid var(--color-border-default);color:var(--color-text-muted);font:12px var(--font-label), monospace;letter-spacing:.08em;align-items:center;gap:7px;padding:7px 9px;display:inline-flex}.component-status i{background:var(--color-success);border-radius:50%;width:6px;height:6px}.site-footer{background:var(--neutral-1000);color:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:50px;min-height:220px;padding:58px clamp(36px,6vw,96px);display:grid}.footer-brand{align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.site-footer p{color:#888891;max-width:540px;font-size:12px;line-height:1.7}.site-footer a{color:#fff;font:12px var(--font-label), monospace;letter-spacing:.08em;text-decoration:none}.philosophy-grid{border-top:1px solid var(--color-border-default);border-left:1px solid var(--color-border-default);grid-template-columns:repeat(4,1fr);display:grid}.philosophy-grid article{border-right:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);min-height:250px;transition:background var(--motion-operational);padding:25px;position:relative}.philosophy-grid article:hover{background:var(--color-background-secondary)}.philosophy-grid article>span{color:var(--color-interactive-primary);font:12px var(--font-label), monospace}.philosophy-grid h3{text-transform:uppercase;margin:44px 0 12px;font-size:15px}.philosophy-grid p{color:var(--color-text-secondary);font-size:12px;line-height:1.6}.philosophy-grid article>i{color:var(--color-text-muted);font-style:normal;position:absolute;top:20px;right:19px}.system-manifesto{background:var(--neutral-1000);color:#fff;border-left:3px solid var(--violet-500);margin:36px 0 0;padding:38px 42px;position:relative;overflow:hidden}.system-manifesto:after{content:"";background:var(--gradient-brand-atmospheric);opacity:.55;width:330px;height:260px;position:absolute;top:-100px;right:-80px}.system-manifesto p{z-index:1;letter-spacing:-.03em;max-width:760px;margin:0;font-size:clamp(20px,2.4vw,33px);font-weight:700;line-height:1.22;position:relative}.system-manifesto footer{color:#85818c;font:12px var(--font-label), monospace;text-transform:uppercase;letter-spacing:.1em;margin-top:18px}.mode-comparison{grid-template-columns:1fr 1fr;gap:18px;display:grid}.experience-panel{border:1px solid var(--color-border-default);background:var(--color-background-primary);opacity:.72;transition:opacity var(--motion-operational), border-color var(--motion-operational), transform var(--motion-operational);padding:22px}.experience-panel.highlighted{opacity:1;border-color:var(--color-border-strong);transform:translateY(-3px)}.experience-panel>header{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.experience-panel>header div{align-items:center;gap:10px;display:flex}.experience-panel>header span{background:var(--neutral-1000);color:#fff;width:24px;height:24px;font:12px var(--font-label), monospace;place-items:center;display:grid}.experience-panel>header p{font:12px var(--font-label), monospace;letter-spacing:.08em;margin:0}.experience-panel>header strong{color:var(--color-text-muted);font-size:12px;font-weight:500}.experience-panel>ul{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.experience-panel>ul li{border:1px solid var(--color-border-default);color:var(--color-text-muted);font:12px var(--font-label), monospace;text-transform:uppercase;padding:5px 7px}.same-screen{background:var(--neutral-50);height:350px;color:var(--neutral-900);border:1px solid var(--neutral-200);grid-template-columns:23% 77%;display:grid;overflow:hidden}.screen-nav{background:var(--neutral-1000);color:#898991;flex-direction:column;gap:12px;padding:14px 8px;font-size:7px;display:flex}.screen-nav b{color:#fff;margin-bottom:5px;font-size:14px}.screen-nav span{padding:6px}.screen-nav span.active{color:#fff;border-left:2px solid var(--violet-500);background:#19191c;margin-left:-8px;padding-left:12px}.screen-canvas{padding:19px}.screen-heading{justify-content:space-between;align-items:end;display:flex}.screen-heading small{color:#888891;font:5.5px var(--font-label), monospace;display:block}.screen-heading b{margin-top:4px;font-size:16px;display:block}.screen-heading button{background:var(--neutral-1000);color:#fff;border:0;height:25px;padding:0 8px;font-size:6px}.screen-filters{gap:4px;margin:16px 0 10px;display:flex}.screen-filters span{border:1px solid var(--neutral-200);color:#77777f;background:#fff;flex:1;padding:6px;font-size:5.5px}.screen-table{grid-template-columns:1.4fr .8fr .75fr;align-items:center;font-size:6px;display:grid}.screen-table>b{color:#888891;font:5px var(--font-label), monospace;border-bottom:1px solid var(--neutral-300);padding:8px 5px}.screen-table>span,.screen-table>.status-badge{border-bottom:1px solid var(--neutral-200);min-height:34px;padding:9px 5px}.same-screen.compact .screen-table>span,.same-screen.compact .screen-table>.status-badge{min-height:28px;padding-block:6px}.status-badge{width:max-content;font:12px var(--font-label), monospace;align-items:center;gap:5px;display:inline-flex;padding:4px 6px!important}.status-badge i{border-radius:50%;width:5px;height:5px}.status-badge.success{color:var(--color-success);background:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.status-badge.success{background:color-mix(in srgb,var(--color-success) 10%,transparent)}}.status-badge.warning{color:var(--color-warning);background:var(--color-warning)}@supports (color:color-mix(in lab, red, red)){.status-badge.warning{background:color-mix(in srgb,var(--color-warning) 10%,transparent)}}.status-badge.danger{color:var(--color-danger);background:var(--color-danger)}@supports (color:color-mix(in lab, red, red)){.status-badge.danger{background:color-mix(in srgb,var(--color-danger) 10%,transparent)}}.status-badge.info{color:var(--color-info);background:var(--color-info)}@supports (color:color-mix(in lab, red, red)){.status-badge.info{background:color-mix(in srgb,var(--color-info) 10%,transparent)}}.status-badge.neutral{color:var(--color-text-secondary);background:var(--color-background-secondary)}.status-badge i{background:currentColor}.experience-panel.expressive{background:var(--neutral-950);color:#fff}.experience-panel.expressive>header span{background:var(--gradient-brand-primary)}.experience-panel.expressive>header strong{color:#898591}.expressive-screen{color:#fff;isolation:isolate;background:#040207;border-color:#30243d;display:block;position:relative}.expressive-backdrop{background:radial-gradient(circle at 72% 30%,#8826ffb8,#0000 30%),radial-gradient(circle at 48% 74%,#2f00ff8c,#0000 42%),linear-gradient(135deg,#170a23,#000 70%);padding:28px;position:absolute;inset:0;overflow:hidden}.expressive-backdrop:before{content:"";clip-path:polygon(0 0,100% 0,40% 100%,0 100%);background:linear-gradient(135deg,#ffffff1a,#0000);border-left:1px solid #ffffff2e;width:32%;height:84%;position:absolute;top:8%;right:12%}.expressive-backdrop span{letter-spacing:-.07em;opacity:.16;font-size:36px;font-weight:900;line-height:.82}.expressive-backdrop small{color:#9992a0;font:5px var(--font-label), monospace;letter-spacing:.15em;position:absolute;bottom:19px;right:22px}.expressive-screen nav{z-index:2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#10091a9e;border:1px solid #ffffff29;align-items:center;gap:16px;height:32px;margin:12px;padding:0 11px;font-size:6px;display:flex;position:relative}.expressive-screen nav b{font-size:11px}.expressive-screen nav i{margin-left:auto;font-style:normal}.expressive-copy{z-index:2;position:absolute;top:96px;left:27px}.expressive-copy small{color:#afa4bf;font:5px var(--font-label), monospace;letter-spacing:.11em}.expressive-copy strong{letter-spacing:-.055em;margin:8px 0;font-size:25px;line-height:.92;display:block}.expressive-copy p{color:#a09aa8;max-width:190px;font-size:7px;line-height:1.5}.expressive-kpis{z-index:2;display:flex;position:absolute;bottom:15px;right:15px}.expressive-kpis div{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#170d25ad;border:1px solid #ffffff29;min-width:74px;padding:10px 13px}.expressive-kpis small{color:#958d9f;font:5px var(--font-label), monospace;display:block}.expressive-kpis b{font-size:12px}.decision-bar{border:1px solid var(--color-border-default);justify-content:space-between;align-items:center;gap:24px;margin-top:18px;padding:15px 18px;display:flex}.decision-bar>div:first-child{align-items:center;gap:12px;display:flex}.decision-bar p{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.5}.decision-bar strong{color:var(--color-text-primary);margin-right:5px}.color-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.color-card{border:1px solid var(--color-border-default);background:var(--color-background-primary)}.color-fill{aspect-ratio:1.18;color:#fff;text-align:left;border:0;justify-content:space-between;align-items:flex-start;width:100%;padding:13px;display:flex}.color-card.violet .color-fill{background:#8826ff}.color-card.blue .color-fill{background:#2f00ff}.color-card.lime .color-fill{color:#000;background:#ccfa00}.color-card.black .color-fill{background:#000}.color-fill>span{font:12px var(--font-label), monospace}.color-fill>.color-copy-label{font:12px var(--font-label), monospace;border:1px solid;padding:5px 7px}.color-fill:focus-visible{z-index:2;outline:2px solid var(--color-focus);outline-offset:2px;position:relative}.palette-scale button:focus-visible{z-index:2;outline:2px solid var(--color-focus);outline-offset:2px;position:relative}.neutral-strip button:focus-visible{z-index:2;outline:2px solid var(--color-focus);outline-offset:2px;position:relative}.color-copy-status{z-index:100;border:1px solid var(--color-border-strong);background:var(--color-surface-raised);max-width:calc(100vw - 40px);color:var(--color-text-primary);box-shadow:var(--shadow-operational);margin:0;padding:12px 18px;font-size:14px;line-height:1.5;position:fixed;bottom:90px;right:20px}.color-copy-status:empty{box-shadow:none;pointer-events:none;border:0;padding:0}.color-copy-status[data-success=false]{border-color:var(--color-danger)}.color-card footer{justify-content:space-between;align-items:end;padding:14px;display:flex}.color-card footer div{flex-direction:column;gap:4px;display:flex}.color-card strong{font-size:12px}.color-card footer span{color:var(--color-text-muted);font-size:12px}.color-card code{color:var(--color-text-secondary);font:12px var(--font-mono), monospace}.color-guidance-grid{grid-template-columns:1.2fr .8fr;gap:12px;margin-top:12px;display:grid}.balance-card,.role-card{border:1px solid var(--color-border-default);padding:22px}.balance-card header,.gradient-library header,.spacing-system header,.border-elevation article>header,.radius-system header{justify-content:space-between;align-items:flex-start;display:flex}.balance-card header p,.gradient-library header p,.spacing-system header p,.border-elevation header p,.radius-system header p{font:12px var(--font-label), monospace;letter-spacing:.1em;margin:0}.balance-card header span,.gradient-library header span,.spacing-system header span,.border-elevation header span,.radius-system header span{color:var(--color-text-muted);font-size:12px}.balance-card header strong{color:var(--color-text-muted);font:12px var(--font-label), monospace}.balance-bar{height:25px;margin-top:28px;display:flex}.balance-bar i:first-child{background:var(--neutral-900)}.balance-bar i:nth-child(2){background:var(--violet-500)}.balance-bar i:nth-child(3){background:var(--lime-500)}.balance-legend{gap:18px;margin-top:13px;display:flex}.balance-legend span{color:var(--color-text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.balance-legend i{width:5px;height:5px}.balance-legend .neutral{background:var(--neutral-900)}.balance-legend .energy{background:var(--violet-500)}.balance-legend .signal{background:var(--lime-500)}.role-card{background:var(--neutral-1000);color:#fff;grid-template-columns:108px 1fr;gap:23px;display:grid}.role-signal{aspect-ratio:1;background:var(--lime-500);color:#000;font:12px var(--font-label), monospace;clip-path:polygon(0 0,86% 0,100% 14%,100% 100%,0 100%);align-self:center;place-items:center;display:grid}.role-card>div>p:first-child{color:#8e8b94;font:12px var(--font-label), monospace}.role-card h3{margin:7px 0;font-size:18px}.role-card p:last-child{color:#a7a4ad;font-size:12px;line-height:1.5}.palette-collection{border:1px solid var(--color-border-default);background:var(--color-surface);margin-top:12px}.palette-collection>header{border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:16px 20px;display:flex}.palette-collection>header p{font:12px var(--font-label), monospace;letter-spacing:.1em;margin:0 0 5px}.palette-collection>header span{color:var(--color-text-muted);font-size:12px;line-height:1.5}.palette-collection>header code{color:var(--color-text-muted);font:12px var(--font-mono), monospace;white-space:nowrap}.palette-row{border-bottom:1px solid var(--color-border-subtle);grid-template-columns:168px minmax(0,1fr);min-width:0;display:grid}.palette-row:last-child{border-bottom:0}.palette-name{background:var(--color-background-primary);border-right:1px solid var(--color-border-default);flex-direction:column;justify-content:center;gap:4px;padding:14px 16px;display:flex}.palette-name strong{font-size:12px}.palette-name span{color:var(--color-text-muted);font-size:12px}.palette-name code{color:var(--color-text-secondary);font:12px var(--font-mono), monospace;margin-top:5px}.palette-scale{grid-template-columns:repeat(11,minmax(0,1fr));min-width:0;display:grid}.palette-scale button{border:0;border-right:1px solid;min-width:0;min-height:76px;padding:8px 5px}@supports (color:color-mix(in lab, red, red)){.palette-scale button{border-right:1px solid color-mix(in srgb, currentColor 12%, transparent)}}.palette-scale button{text-align:left;transition:transform var(--motion-operational), filter var(--motion-operational);flex-direction:column;justify-content:space-between;align-items:flex-start;display:flex}.palette-scale button:last-child{border-right:0}.palette-scale button:hover{z-index:1;filter:brightness(1.07);transform:translateY(-2px)}.palette-scale button span{font:12px var(--font-label), monospace}.palette-scale button small{opacity:.72;max-width:100%;font:12px var(--font-label), monospace;text-overflow:ellipsis;overflow:hidden}.neutral-system{border:1px solid var(--color-border-default);grid-template-columns:240px 1fr;align-items:center;gap:28px;margin-top:12px;padding:20px;display:grid}.neutral-system>div:first-child p{font:12px var(--font-label), monospace;margin:0 0 5px}.neutral-system>div:first-child span{color:var(--color-text-muted);font-size:12px;line-height:1.4}.neutral-strip{grid-template-columns:repeat(13,1fr);height:62px;display:grid}.neutral-strip>button{border:0;min-width:0;padding:0;position:relative}.neutral-strip small{color:#fff;mix-blend-mode:difference;font:12px var(--font-label), monospace;position:absolute;bottom:4px;left:4px}.neutral-0{background:var(--neutral-0)}.neutral-50{background:var(--neutral-50)}.neutral-100{background:var(--neutral-100)}.neutral-200{background:var(--neutral-200)}.neutral-300{background:var(--neutral-300)}.neutral-400{background:var(--neutral-400)}.neutral-500{background:var(--neutral-500)}.neutral-600{background:var(--neutral-600)}.neutral-700{background:var(--neutral-700)}.neutral-800{background:var(--neutral-800)}.neutral-900{background:var(--neutral-900)}.neutral-950{background:var(--neutral-950)}.neutral-1000{background:var(--neutral-1000)}.gradient-library{border:1px solid var(--color-border-default);margin-top:12px;padding:21px}.gradient-library>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.gradient-library article{border:1px solid var(--color-border-subtle);padding:10px}.gradient-swatch{height:82px;margin-bottom:10px}.gradient-swatch.primary{background:var(--gradient-brand-primary)}.gradient-swatch.dark{background:var(--gradient-brand-dark)}.gradient-swatch.atmospheric{background-color:#020105;background-image:var(--gradient-brand-atmospheric)}.gradient-swatch.signal{background:var(--gradient-brand-signal)}.gradient-library strong,.gradient-library code{display:block}.gradient-library strong{margin-bottom:4px;font-size:12px}.gradient-library code{color:var(--color-text-muted);font:12px var(--font-mono),monospace}.brand-asset-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.brand-asset-card{border:1px solid var(--color-border-default);background:var(--color-surface);min-width:0}.brand-asset-preview{place-items:center;height:250px;padding:42px;display:grid;overflow:hidden}.brand-asset-preview.dark{background:#000}.brand-asset-preview.light{background-color:#f3f3f4;background-image:linear-gradient(45deg,#e7e7e9 25%,#0000 25%),linear-gradient(-45deg,#e7e7e9 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e7e7e9 75%),linear-gradient(-45deg,#0000 75%,#e7e7e9 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.brand-asset-preview img{object-fit:contain;width:100%;height:100%;display:block}.brand-asset-meta{border-top:1px solid var(--color-border-default);justify-content:space-between;align-items:center;gap:18px;min-height:74px;padding:16px 18px;display:flex}.brand-asset-meta>div{flex-direction:column;gap:4px;display:flex}.brand-asset-meta strong{font-size:12px}.brand-asset-meta span{color:var(--color-text-muted);font:12px var(--font-label), monospace;text-transform:uppercase}.brand-asset-meta a{color:var(--color-interactive-primary);font:12px var(--font-label), monospace;white-space:nowrap;text-decoration:none}.brand-asset-sizes{border-top:1px solid var(--color-border-subtle);align-items:center;gap:6px;min-height:39px;padding:7px 18px;display:flex}.brand-asset-sizes>span{color:var(--color-text-muted);font:12px var(--font-label), monospace;text-transform:uppercase;margin-right:auto}.brand-asset-sizes a{color:var(--color-text-secondary);border:1px solid var(--color-border-default);font:12px var(--font-label), monospace;padding:5px 7px;text-decoration:none}.brand-download-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.brand-download-row article{border:1px solid var(--color-border-default);grid-template-columns:28px 1fr auto;align-items:center;gap:14px;min-height:126px;padding:20px;display:grid}.brand-download-row article>span{color:var(--color-interactive-primary);font:12px var(--font-label), monospace;align-self:start}.brand-download-row strong{font-size:14px}.brand-download-row p{max-width:430px;color:var(--color-text-muted);margin:7px 0 0;font-size:12px;line-height:1.5}.brand-usage-note{border-left:3px solid var(--lime-500);background:var(--neutral-1000);color:#fff;grid-template-columns:160px 1fr;gap:20px;margin-top:12px;padding:18px 21px;display:grid}.brand-usage-note strong{text-transform:uppercase;font-size:12px}.brand-usage-note p{color:#aaa7b1;margin:0;font-size:12px;line-height:1.6}.type-specimens{grid-template-columns:1.05fr 1fr 1fr;gap:12px;display:grid}.type-specimens article{border:1px solid var(--color-border-default);flex-direction:column;min-height:360px;padding:24px;display:flex;overflow:hidden}.type-specimens article header{justify-content:space-between;display:flex}.type-specimens header span,.type-specimens header code{color:var(--color-text-muted);font:12px var(--font-label), monospace}.type-specimens article>p{letter-spacing:-.09em;margin:42px 0 8px;font-size:92px;font-weight:900;line-height:.8}.type-specimens h3{margin:14px 0 0;font-size:20px}.display-type{background:var(--neutral-1000);color:#fff}.display-type h3{letter-spacing:-.055em;font-size:31px;line-height:.9}.body-type>p{letter-spacing:-.06em!important;font-weight:350!important}.body-type h3{font-weight:450}.medium-type>p{letter-spacing:-.06em!important;font-weight:600!important}.medium-type h3{font-weight:600}.mono-type>p{font-family:var(--font-label),monospace;font-size:75px!important;font-weight:500!important}.mono-type h3{font:12px var(--font-label),monospace;letter-spacing:.02em}.type-specimens footer{border-top:1px solid;border-color:var(--color-border-default);flex-direction:column;gap:4px;margin-top:auto;padding-top:18px;display:flex}.type-specimens footer strong{font-size:12px}.type-specimens footer span{color:var(--color-text-muted);font-size:12px}.type-scale-table{border:1px solid var(--color-border-default);margin-top:12px}.type-scale-header,.type-row{grid-template-columns:150px minmax(230px,1.4fr) 130px 1fr;align-items:center;padding:0 18px;display:grid}.type-scale-header{border-bottom:1px solid var(--color-border-strong);height:34px;color:var(--color-text-muted);font:12px var(--font-label), monospace}.type-row{border-bottom:1px solid var(--color-border-default);min-height:67px}.type-row:last-child{border-bottom:0}.type-row>strong{font-size:12px}.type-row>p{margin:0}.type-row>code,.type-row>span{color:var(--color-text-muted);font-size:12px}.type-row.row-0 p{letter-spacing:-.04em;text-transform:uppercase;font-size:22px;font-weight:900}.type-row.row-1 p{font-family:var(--font-body);font-size:18px;font-weight:700}.type-row.row-2 p{font-size:15px;font-weight:700}.type-row.row-3 p{font-size:12px}.type-row.row-4 p{font:12px var(--font-label),monospace}.font-note{border-left:3px solid var(--violet-500);background:var(--violet-500);margin:12px 0 0}@supports (color:color-mix(in lab, red, red)){.font-note{background:color-mix(in srgb,var(--violet-500) 5%,var(--color-surface))}}.font-note{color:var(--color-text-secondary);padding:14px 18px;font-size:12px;line-height:1.6}.font-note span{color:var(--color-interactive-primary);font:12px var(--font-label),monospace;margin-bottom:4px;display:block}.font-note a{color:var(--color-interactive-primary);font-weight:600}.geometry-grid{grid-template-columns:1.25fr .75fr;gap:12px;display:grid}.portal-geometry,.radius-system,.spacing-system,.border-elevation>article{border:1px solid var(--color-border-default);padding:22px}.portal-geometry{grid-template-columns:44% 1fr;align-items:center;gap:32px;display:grid}.portal-example{background:var(--gradient-brand-dark);color:#fff;clip-path:polygon(0 0,83% 0,100% 22%,100% 100%,0 100%);place-items:center;height:230px;display:grid;position:relative;overflow:hidden}.portal-example:after{content:"";background:#ffffff1c;border-left:1px solid #ffffff40;width:38%;height:140%;position:absolute;top:-15%;left:49%;transform:skew(-26deg)}.portal-example span{letter-spacing:-.12em;font-size:90px;font-weight:900}.portal-example i{background:var(--lime-500);width:7px;height:7px;position:absolute;bottom:20px;left:20px;transform:rotate(45deg)}.portal-geometry code{color:var(--color-interactive-primary);font:12px var(--font-mono),monospace}.portal-geometry h3{text-transform:uppercase;margin:11px 0;font-size:24px}.portal-geometry p{color:var(--color-text-secondary);font-size:12px;line-height:1.6}.radius-system>div{grid-template-columns:repeat(4,1fr);align-items:end;gap:8px;margin:46px 0 11px;display:grid}.radius-system>div span{aspect-ratio:1;border:1px solid var(--color-border-strong);background:var(--color-background-secondary);font:12px var(--font-label),monospace;place-items:center;display:grid}.radius-2,.radius-4,.radius-6,.radius-8{border-radius:var(--radius-control)}.radius-system footer{text-align:center;grid-template-columns:repeat(4,1fr);display:grid}.radius-system footer code{font:12px var(--font-mono),monospace;color:var(--color-text-muted)}.spacing-system{margin-top:12px}.spacing-system>div{justify-content:space-between;align-items:end;gap:16px;margin-top:31px;padding:0 10px;display:flex}.spacing-system article{flex-direction:column;flex:1;align-items:center;gap:7px;display:flex}.spacing-system article span{background:var(--gradient-brand-primary);width:100%;max-width:56px}.spacing-system article code{font:12px var(--font-mono),monospace;color:var(--color-text-muted)}.border-elevation{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.border-elevation article>div{margin-top:24px}.border-elevation article:first-child>div{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.border-elevation article:first-child>div span{border:1px solid var(--color-border-subtle);height:80px;font:12px var(--font-label),monospace;place-items:end center;padding-bottom:8px;display:grid}.border-elevation article:first-child>div span:nth-child(2){border-color:var(--color-border-default)}.border-elevation article:first-child>div span:nth-child(3){border-color:var(--color-border-strong)}.border-elevation article:first-child>div span.interactive{border:2px solid var(--color-interactive-primary)}.elevation-demo{grid-template-columns:repeat(3,1fr);align-items:center;gap:13px;display:grid}.elevation-demo span{background:var(--color-surface);height:70px;font:12px var(--font-label),monospace;place-items:center;display:grid}.elevation-demo span:first-child{border:1px solid var(--color-border-default)}.elevation-demo span:nth-child(2){box-shadow:var(--shadow-operational)}.elevation-demo span:nth-child(3){background:var(--neutral-900);color:#fff;box-shadow:var(--shadow-expressive)}.live-token{background:var(--lime-500);padding:8px 10px}@supports (color:color-mix(in lab, red, red)){.live-token{background:color-mix(in srgb,var(--lime-500) 22%,transparent)}}.live-token{color:var(--color-text-primary);font:12px var(--font-label),monospace}.token-flow{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.token-flow article{border:1px solid var(--color-border-default);padding:23px;position:relative}.token-flow article:first-child{border-top:3px solid var(--neutral-900)}.token-flow article:nth-child(2){border-top:3px solid var(--violet-500)}.token-flow article:nth-child(3){border-top:3px solid var(--lime-500)}.token-flow header{color:var(--color-text-muted);font:12px var(--font-label),monospace;justify-content:space-between;display:flex}.token-flow header b{z-index:2;color:var(--color-border-strong);font-size:18px;position:absolute;right:-19px}.token-flow h3{text-transform:uppercase;margin:26px 0 8px;font-size:18px}.token-flow p{min-height:48px;color:var(--color-text-secondary);font-size:12px;line-height:1.55}.token-flow article>div{flex-direction:column;gap:5px;margin-top:18px;display:flex}.token-flow article>div code{background:var(--color-background-secondary);color:var(--color-text-secondary);font:12px var(--font-mono),monospace;padding:7px 9px}.semantic-preview{border:1px solid var(--color-border-default);margin-top:12px;padding:23px}.semantic-preview>div:first-child p{font:12px var(--font-label),monospace;margin:0 0 5px}.semantic-preview>div:first-child span{color:var(--color-text-muted);font-size:12px}.token-value-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:22px;display:grid}.token-value-grid article{border:1px solid var(--color-border-subtle);align-items:center;gap:10px;padding:9px;display:flex}.token-value-grid article>span{border:1px solid var(--color-border-default);flex:none;width:36px;height:36px}.token-value-grid article div{flex-direction:column;min-width:0;display:flex}.token-value-grid small{color:var(--color-text-muted);font:12px var(--font-label),monospace}.token-value-grid code{font:12px var(--font-mono),monospace;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;overflow:hidden}.material-stage{color:#fff;background:#030205;height:390px;position:relative;overflow:hidden}.stage-backdrop{background:radial-gradient(circle at 68% 35%,#8826ffe6,#0000 30%),radial-gradient(circle at 42% 78%,#2f00ffb3,#0000 42%),linear-gradient(135deg,#170526,#000 72%);padding:35px;position:absolute;inset:0}.stage-backdrop:after{content:"";background:#ffffff14;border-left:1px solid #fff3;width:32%;height:120%;position:absolute;top:-10%;right:12%;transform:skew(-25deg)}.stage-backdrop span{letter-spacing:-.09em;opacity:.22;font-size:74px;font-weight:900;line-height:.78}.stage-backdrop small{color:#978e9f;font:12px var(--font-label),monospace;letter-spacing:.14em;position:absolute;bottom:28px;left:38px}.glass-level{width:29%;min-width:210px;height:145px;box-shadow:var(--shadow-expressive);clip-path:polygon(0 0,91% 0,100% 16%,100% 100%,0 100%);border:1px solid #ffffff38;flex-direction:column;justify-content:flex-end;padding:18px;display:flex;position:absolute}.glass-level code{color:#beb5c8;font:12px var(--font-mono),monospace;margin-bottom:auto}.glass-level strong{font-size:13px}.glass-level span{color:#9e96a8;margin-top:4px;font-size:12px}.glass-level.subtle{background:var(--glass-subtle-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);top:48px;left:31%}.glass-level.standard{background:var(--glass-standard-bg);-webkit-backdrop-filter:blur(18px)saturate(135%);backdrop-filter:blur(18px)saturate(135%);top:129px;left:50%}.glass-level.hero-glass{background:var(--glass-hero-bg);-webkit-backdrop-filter:blur(28px)saturate(150%);backdrop-filter:blur(28px)saturate(150%);bottom:28px;right:5%}.material-rules{border:1px solid var(--color-border-default);border-top:0;grid-template-columns:repeat(3,1fr);display:grid}.material-rules>div{border-right:1px solid var(--color-border-default);gap:12px;padding:17px;display:flex}.material-rules>div:last-child{border-right:0}.material-rules span{color:var(--color-interactive-primary);font:12px var(--font-label),monospace}.material-rules p{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.5}.material-rules strong{color:var(--color-text-primary);margin-bottom:3px;display:block}.motion-system{grid-template-columns:1fr 1fr auto;align-items:stretch;gap:12px;margin-top:12px;display:grid}.motion-system article{border:1px solid var(--color-border-default);padding:18px}.motion-system header{justify-content:space-between;display:flex}.motion-system header span{font:12px var(--font-label),monospace}.motion-system header strong{font-size:12px}.motion-system p{color:var(--color-text-muted);font-size:12px}.motion-track{background:var(--color-background-secondary);height:30px;margin-top:14px;position:relative}.motion-dot{background:var(--violet-500);width:14px;height:14px;animation:motion-demo 1.3s var(--ease-standard) both;position:absolute;top:8px;left:8px}.motion-dot.op{animation-duration:.7s}.motion-dot.ex{background:var(--gradient-brand-primary);box-shadow:0 0 18px #8826ff80}.replay-button{border:1px solid var(--color-border-default);background:var(--color-surface);padding:0 18px;font-size:12px}.replay-button:hover{background:var(--color-background-secondary)}@keyframes motion-demo{0%{opacity:.3;left:8px;transform:scale(.7)}60%,to{opacity:1;left:calc(100% - 22px);transform:scale(1)}}.anatomy-strip{border:1px solid var(--color-border-default);flex-wrap:wrap;margin-bottom:12px;display:flex}.anatomy-strip span{border-right:1px solid var(--color-border-default);color:var(--color-text-muted);font:12px var(--font-label),monospace;padding:10px 14px}.component-playground{border:1px solid var(--color-border-default);grid-template-columns:1.4fr .6fr;min-height:330px;display:grid}.preview-canvas{background:var(--color-background-primary);align-content:center;place-items:center;gap:17px;display:grid;position:relative;overflow:hidden}.preview-canvas.expressive{background:var(--neutral-1000);color:#fff}.preview-canvas.expressive:after{content:"";background:var(--gradient-brand-atmospheric);opacity:.6;pointer-events:none;position:absolute;inset:0}.preview-grid{opacity:.25;background-image:linear-gradient(var(--color-border-default) 1px,transparent 1px),linear-gradient(90deg,var(--color-border-default) 1px,transparent 1px);background-size:32px 32px;position:absolute;inset:0}.preview-canvas>p,.preview-canvas>small{z-index:1;color:var(--color-text-muted);font:12px var(--font-label),monospace;letter-spacing:.1em;position:relative}.preview-canvas .playground{z-index:2;position:relative}.preview-canvas.expressive .playground.primary{box-shadow:0 12px 45px #8826ff73}.spinner{border:1.5px solid;border-right-color:#0000;border-radius:50%;width:11px;height:11px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.playground-controls{border-left:1px solid var(--color-border-default);background:var(--color-surface);padding:22px}.playground-controls>div{margin-bottom:21px}.playground-controls label,.playground-controls>div>label{color:var(--color-text-muted);font:12px var(--font-label),monospace;text-transform:uppercase;margin-bottom:8px;display:block}.control-options{grid-template-columns:1fr 1fr;gap:5px;display:grid}.control-options.row{grid-template-columns:repeat(3,1fr)}.control-options button{border:1px solid var(--color-border-default);text-transform:capitalize;background:0 0;height:31px;font-size:12px}.control-options button.selected{border-color:var(--color-interactive-primary);color:var(--color-interactive-primary);background:var(--color-interactive-primary)}@supports (color:color-mix(in lab, red, red)){.control-options button.selected{background:color-mix(in srgb,var(--color-interactive-primary) 7%,transparent)}}.toggle-row{border-top:1px solid var(--color-border-default);padding-top:17px}.toggle-row label{justify-content:space-between;align-items:center;margin-bottom:12px!important;display:flex!important}.toggle-row label span{color:var(--color-text-primary);font-family:var(--font-body);text-transform:none;font-size:12px}.switch{border:1px solid var(--color-border-strong);background:var(--color-background-secondary);border-radius:var(--radius-control);justify-content:flex-start;width:32px;height:18px;padding:2px;display:flex}.switch i{border-radius:var(--radius-control);background:var(--color-text-muted);width:12px;height:12px;transition:transform var(--motion-operational)}.switch.on{background:var(--control-selected-fill);border-color:var(--control-selected-fill)}.switch.on i{background:#fff;transform:translate(14px)}.button-matrix{border:1px solid var(--color-border-default);margin-top:12px}.button-matrix>header,.button-matrix>div{grid-template-columns:170px repeat(3,1fr);align-items:center;gap:20px;padding:0 18px;display:grid}.button-matrix>header{height:34px;color:var(--color-text-muted);font:12px var(--font-label),monospace;border-bottom:1px solid var(--color-border-strong)}.button-matrix>div{border-bottom:1px solid var(--color-border-default);min-height:67px}.button-matrix>div:last-child{border-bottom:0}.button-matrix>div>strong{text-transform:uppercase;font:12px var(--font-label),monospace}.button-matrix .ds-button{justify-self:start;min-width:105px}.component-details{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}.component-details article{border:1px solid var(--color-border-default);padding:19px}.component-details h3{text-transform:uppercase;margin:0 0 9px;font-size:12px}.component-details p{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.55}.code-block{color:#e4e1e8;font:12px/1.7 var(--font-mono),monospace;white-space:pre;background:#09090b;border:1px solid #24242a;margin:12px 0 0;padding:48px 55px 27px 24px;position:relative;overflow-x:auto}.code-block code{color:#e5e2e9}.code-block .code-dots{color:#4c4c54;letter-spacing:4px;font-size:12px;position:absolute;top:17px;left:22px}.code-block button{color:#aaa8b0;font:12px var(--font-mono),monospace;background:#141418;border:1px solid #323239;padding:5px 8px;position:absolute;top:12px;right:14px}.form-showcase{grid-template-columns:1.08fr .92fr;gap:12px;display:grid}.form-demo,.controls-inventory{border:1px solid var(--color-border-default);background:var(--color-surface);padding:24px}.demo-header{justify-content:space-between;align-items:start;margin-bottom:25px;display:flex}.demo-header p{color:var(--color-interactive-primary);font:12px var(--font-label),monospace;margin:0 0 5px}.demo-header h3{margin:0;font-size:18px}.field{flex-direction:column;gap:6px;margin-bottom:17px;display:flex}.field>span{font-size:12px;font-weight:650}.field>span b{color:var(--color-danger)}.field>span em{float:right;color:var(--color-text-muted);font-size:12px;font-style:normal;font-weight:400}.field input,.field select,.field textarea{border:1px solid var(--input-border);background:var(--color-background-primary);width:100%;color:var(--color-text-primary);border-radius:var(--radius-control);padding:0 11px;font-size:12px}.field input,.field select{height:40px}.field textarea{resize:vertical;padding-top:10px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--input-border-focus)}.field small{color:var(--color-text-muted);font-size:12px}.field.has-error input{border-color:var(--color-danger)}.field.has-error small{color:var(--color-danger)}.field-row{grid-template-columns:1fr 1fr;gap:11px;display:grid}.checkbox-control{align-items:flex-start;gap:10px;margin:4px 0 18px;display:flex}.checkbox-control input,.selection-row input,.table-check input{opacity:0;pointer-events:none;position:absolute}.checkbox-control>i,.selection-row label>i,.table-check i{border:1px solid var(--input-border);color:#0000;flex:none;place-items:center;width:16px;height:16px;font-size:12px;font-style:normal;display:grid}.checkbox-control input:checked+i,.selection-row input:checked+i,.table-check input:checked+i{background:var(--control-selected-fill);border-color:var(--color-interactive-secondary);color:#fff}.checkbox-control span{flex-direction:column;gap:3px;display:flex}.checkbox-control strong{font-size:12px}.checkbox-control small{color:var(--color-text-muted);font-size:12px}.form-actions{border-top:1px solid var(--color-border-default);justify-content:flex-end;gap:7px;padding-top:18px;display:flex}.controls-inventory{flex-direction:column;gap:21px;display:flex}.controls-inventory article{border-bottom:1px solid var(--color-border-default);padding-bottom:20px}.controls-inventory article header{justify-content:space-between;margin-bottom:10px;display:flex}.controls-inventory article header span,.controls-inventory article header code{color:var(--color-text-muted);font:12px var(--font-label),monospace}.search-control{border:1px solid var(--input-border);align-items:center;gap:9px;height:40px;padding:0 10px;display:flex}.search-control input{min-width:0;color:var(--color-text-primary);background:0 0;border:0;outline:0;flex:1;font-size:12px}.search-control kbd{font:12px var(--font-mono),monospace;color:var(--color-text-muted)}.selection-row{align-items:center;gap:17px;display:flex}.selection-row label{align-items:center;gap:7px;font-size:12px;display:flex}.selection-row label:nth-child(2)>i{border-radius:50%}.selection-row label:nth-child(2) input:checked+i{box-shadow:inset 0 0 0 4px var(--color-surface)}.selection-row label:last-child{margin-left:auto}.range-control{grid-template-columns:1fr auto;align-items:center;gap:8px;font-size:12px;display:grid}.range-control input{grid-column:1/2;width:100%}.range-control output{color:var(--color-interactive-primary);font:12px var(--font-label),monospace;grid-area:1/2/3}.file-upload{border:1px dashed var(--color-border-strong);text-align:center;align-content:center;place-items:center;gap:3px;min-height:100px;display:grid}.file-upload input{opacity:0;position:absolute}.file-upload>span{color:var(--color-interactive-primary);font-size:18px}.file-upload strong{font-size:12px}.file-upload small{color:var(--color-text-muted);font-size:12px}.control-heights{align-items:end;gap:16px;display:flex}.control-heights span{color:var(--color-text-muted);font:12px var(--font-label),monospace;flex-direction:column;gap:5px;display:flex}.control-heights i{background:var(--color-background-secondary);border:1px solid var(--color-border-default);width:70px;display:block}.form-principles{border:1px solid var(--color-border-default);border-top:0;grid-template-columns:repeat(3,1fr);display:grid}.form-principles article{border-right:1px solid var(--color-border-default);padding:19px}.form-principles article:last-child{border:0}.form-principles span{color:var(--color-interactive-primary);font:12px var(--font-label),monospace}.form-principles h3{text-transform:uppercase;margin:12px 0 5px;font-size:12px}.form-principles p{color:var(--color-text-muted);margin:0;font-size:12px}.card-system{border:1px solid var(--color-border-default);background:var(--color-background-primary);margin-top:12px;padding:18px}.card-system>div{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.content-card,.kpi-card{border:1px solid var(--color-border-default);background:var(--color-surface);padding:12px}.poster{background:#10041c;height:170px;margin-bottom:13px;position:relative;overflow:hidden}.poster:after{content:"";background:#ffffff1f;border-left:1px solid #ffffff40;width:34%;height:140%;position:absolute;top:-20%;right:14%;transform:skew(-25deg)}.poster.one{background:radial-gradient(circle at 65% 35%,#8826ff,#0000 35%),linear-gradient(135deg,#1b0632,#000)}.poster.two{background:radial-gradient(circle at 35% 60%,#2f00ff,#0000 38%),linear-gradient(135deg,#00131d,#000)}.poster span{color:#fff;font:12px var(--font-label),monospace;position:absolute;bottom:10px;left:10px}.content-card small,.kpi-card small{color:var(--color-text-muted);font:12px var(--font-label),monospace}.content-card h3{margin:6px 0 4px;font-size:14px}.content-card p{color:var(--color-text-muted);margin:0;font-size:12px}.kpi-card{flex-direction:column;display:flex;position:relative;overflow:hidden}.kpi-card>strong{letter-spacing:-.06em;margin-top:18px;font-size:35px}.kpi-card>span{color:var(--color-success);font:12px var(--font-label),monospace}.spark-bars{align-items:end;gap:6px;height:112px;margin-top:auto;display:flex}.spark-bars i{background:var(--violet-500);flex:1}.card-system.expressive{color:#fff;background:#040206}.card-system.expressive .content-card,.card-system.expressive .kpi-card{background:var(--glass-standard-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:#ffffff2b}.component-index-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.component-index-grid>article{border:1px solid var(--color-border-default);background:var(--color-surface);padding:17px}.component-index-grid header{text-transform:uppercase;font:12px var(--font-label),monospace;justify-content:space-between;margin-bottom:13px;display:flex}.component-index-grid header b{color:var(--color-text-muted)}.component-index-grid article>div{flex-direction:column;display:flex}.component-index-grid article>div>span{border-top:1px solid var(--color-border-subtle);grid-template-columns:8px 1fr auto;align-items:center;gap:8px;min-height:31px;font-size:12px;display:grid}.component-index-grid article>div i{background:var(--color-border-strong);border-radius:50%;width:5px;height:5px}.component-index-grid article>div i.stable{background:var(--color-success)}.component-index-grid article>div small{color:var(--color-text-muted);font:12px var(--font-label),monospace}.component-count{flex-direction:column;font-size:34px;line-height:.8;display:flex}.component-count span{color:var(--color-text-muted);font:12px var(--font-label),monospace;text-transform:uppercase;margin-top:8px}.page-heading-patterns{font-family:var(--font-body);margin-block:32px}.page-heading-intro>span,.page-heading-eyebrow{color:var(--color-text-secondary);font:500 12px/1.5 var(--font-label);letter-spacing:.06em}.page-heading-intro h3{font:700 24px/1.3 var(--font-body);margin:8px 0}.page-heading-intro p{max-width:70ch;color:var(--color-text-secondary);margin:0 0 24px;font-size:16px;line-height:1.6}.page-heading-specimen{border:1px solid var(--color-border-default);background:var(--color-surface);margin-top:16px}.page-heading-caption{border-bottom:1px solid var(--color-border-subtle);background:var(--color-background-secondary);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:12px 24px;font-size:12px;line-height:1.5;display:flex}.page-heading-caption strong{font-weight:500}.page-heading-caption>span{color:var(--color-text-secondary)}.page-heading-preview{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.page-heading-copy{flex:280px;gap:8px;min-width:0;display:grid}.page-heading-copy>p{max-width:60ch}.page-heading-actions{flex-wrap:wrap;gap:8px;display:flex}.page-heading-guidance{border-top:1px solid var(--color-border-subtle);color:var(--color-text-secondary);margin:0;padding:16px 24px;font-size:14px;line-height:1.6}.page-heading-feedback{color:var(--color-text-secondary);margin:12px 0;font-size:14px}.page-heading-feedback:empty{display:none}.page-heading-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block:24px;display:grid}.page-heading-rules p{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.6}.page-heading-rules strong{color:var(--color-text-primary);letter-spacing:.06em;margin-bottom:8px;font-size:12px;display:block}@media (max-width:680px){.page-heading-caption,.page-heading-preview,.page-heading-guidance{padding:16px}.page-heading-rules{grid-template-columns:1fr}}.page-heading-product-preview{background:var(--color-background-primary);padding:28px}@media (max-width:680px){.page-heading-product-preview{padding:16px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}.data-grid-demo{border:1px solid var(--color-border-default);background:var(--color-surface);box-shadow:var(--shadow-operational)}.grid-titlebar{justify-content:space-between;align-items:center;min-height:86px;padding:18px 20px;display:flex}.grid-titlebar>div:first-child p{color:var(--color-interactive-primary);font:12px var(--font-label),monospace;margin:0 0 4px}.grid-titlebar h3{margin:0;font-size:20px}.grid-titlebar h3 span{color:var(--color-text-muted);font-size:12px;font-weight:500}.grid-titlebar>div:last-child{gap:6px;display:flex}.grid-views{border-bottom:1px solid var(--color-border-default);gap:19px;padding:0 18px;display:flex}.grid-views button{height:36px;color:var(--color-text-muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:0;font-size:12px}.grid-views button.active{color:var(--color-text-primary);border-color:var(--color-interactive-primary)}.grid-views button span{color:var(--color-text-muted);margin-left:4px}.grid-toolbar{border-bottom:1px solid var(--color-border-default);justify-content:space-between;gap:12px;padding:10px 18px;display:flex}.grid-toolbar label{border:1px solid var(--input-border);align-items:center;gap:7px;width:min(330px,42%);height:34px;padding:0 9px;display:flex}.grid-toolbar label:focus-within{border:2px solid var(--color-focus)}.grid-toolbar input{min-width:0;color:var(--color-text-primary);background:0 0;outline:0;flex:1;font-size:12px;border:0!important}.grid-toolbar>div{gap:5px;display:flex}.grid-toolbar button{border:1px solid var(--color-border-default);color:var(--color-text-secondary);background:0 0;padding:0 9px;font-size:12px}.bulk-bar{background:color-mix(in srgb,var(--color-interactive-primary) 8%,var(--color-surface));border-bottom:1px solid color-mix(in srgb,var(--color-interactive-primary) 25%,var(--color-border-default));align-items:center;gap:7px;min-height:39px;padding:0 17px;font-size:12px;display:flex}.bulk-bar strong{color:var(--color-interactive-primary);margin-right:7px}.bulk-bar button{background:0 0;border:0;font-size:12px}.bulk-bar button:last-child{margin-left:auto;font-size:14px}.danger-text{color:var(--color-danger)}.grid-scroll{outline-offset:-2px;overflow:auto}.grid-scroll table{border-collapse:collapse;width:100%;min-width:800px}.grid-scroll th{z-index:2;background:var(--color-background-secondary);text-align:left;height:34px;color:var(--color-text-muted);font:12px var(--font-label),monospace;border-bottom:1px solid var(--color-border-strong);white-space:nowrap;padding:0 10px;position:sticky;top:0}.grid-scroll th:first-child,.grid-scroll td:first-child{width:39px}.grid-scroll th button{color:inherit;font:inherit;background:0 0;border:0;padding:0}.grid-scroll td{height:var(--table-row-standard);border-bottom:1px solid var(--color-border-default);color:var(--color-text-secondary);white-space:nowrap;padding:5px 10px;font-size:12px}.data-grid-demo.compact .grid-scroll td{height:var(--table-row-compact);padding-block:3px}.data-grid-demo.standard .grid-scroll td{height:var(--table-row-standard)}.data-grid-demo.comfortable .grid-scroll td{height:var(--table-row-comfortable);padding-block:7px}.grid-scroll tr:hover td{background:var(--table-row-hover)}.grid-scroll tr.selected td{background:color-mix(in srgb,var(--color-interactive-primary) 6%,var(--color-surface))}.grid-scroll tr.selected td:first-child{box-shadow:inset 2px 0 var(--color-interactive-primary)}.grid-scroll td:nth-child(2){color:var(--color-text-primary);align-items:center;gap:9px;display:flex}.grid-scroll td:nth-child(2)>div:last-child{flex-direction:column;gap:2px;display:flex}.grid-scroll td:nth-child(2) small{color:var(--color-text-muted);font-size:12px}.content-thumb{background:var(--gradient-brand-dark);color:#fff;flex:none;place-items:center;width:31px;height:24px;display:grid;position:relative;overflow:hidden}.content-thumb:after{content:"";background:#ffffff2b;width:30%;height:150%;position:absolute;transform:skew(-25deg)}.content-thumb span{z-index:1;font:12px var(--font-label),monospace;position:relative}.thumb-2,.thumb-5{background:linear-gradient(135deg,#07182e,#2f00ff)}.thumb-3,.thumb-6{background:linear-gradient(135deg,#10251d,#8826ff)}.numeric{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-label),monospace;color:var(--color-text-primary)!important}.grid-scroll td .status-badge{font-size:12px}.table-check{place-items:center;display:inline-grid}.table-check i{width:13px;height:13px;font-size:12px}.row-menu{color:var(--color-text-muted);letter-spacing:1px;background:0 0;border:0}.grid-footer{min-height:50px;color:var(--color-text-muted);align-items:center;gap:22px;padding:0 17px;font-size:12px;display:flex}.grid-footer>label{align-items:center;gap:5px;margin-left:auto;display:flex}.grid-footer select{border:1px solid var(--color-border-default);background:var(--color-surface);color:var(--color-text-primary);height:25px;font-size:12px}.grid-footer nav{gap:2px;display:flex}.grid-footer nav button{border:1px solid var(--color-border-default);background:0 0;width:25px;height:25px;font-size:12px}.grid-footer nav button.active{background:var(--color-surface-inverse);color:var(--color-text-inverse)}.grid-footer nav button:disabled{opacity:.35}.grid-empty{text-align:center;place-items:center;padding:58px;display:grid}.grid-empty>span{color:var(--color-text-muted);font-size:26px}.grid-empty strong{margin:8px 0;font-size:12px}.grid-empty p{color:var(--color-text-muted);margin:0 0 15px;font-size:12px}.grid-specs{border:1px solid var(--color-border-default);border-top:0;grid-template-columns:repeat(3,1fr);display:grid}.grid-specs article{border-right:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);padding:14px 17px}.grid-specs article:nth-child(3n){border-right:0}.grid-specs article:nth-last-child(-n+3){border-bottom:0}.grid-specs span{color:var(--color-interactive-primary);font:12px var(--font-label),monospace}.grid-specs p{color:var(--color-text-secondary);margin:4px 0 0;font-size:12px}.grid-states{border:1px solid var(--color-border-default);margin-top:12px;padding:17px}.grid-states header{justify-content:space-between;display:flex}.grid-states header span{font:12px var(--font-label),monospace}.grid-states header p{color:var(--color-text-muted);margin:0;font-size:12px}.grid-states>div{grid-template-columns:repeat(6,1fr);gap:6px;margin-top:15px;display:grid}.grid-states>div>span{border:1px solid var(--color-border-default);min-height:68px;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.state-icon{border:2px solid var(--color-border-strong);width:18px;height:18px;display:block}.state-0{border-right-color:var(--violet-500);border-radius:50%}.state-1{border:0;border-bottom:2px solid var(--color-border-strong)}.state-2{border-radius:50%;position:relative}.state-2:after{content:"";border-top:2px solid var(--color-border-strong);width:8px;position:absolute;bottom:-2px;right:-5px;transform:rotate(45deg)}.state-3{border-color:var(--color-warning);transform:rotate(45deg)}.state-4{border:0;border-top:2px dashed var(--color-border-strong)}.state-5{border-color:var(--color-danger);border-radius:50%}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.kpi-grid article{border:1px solid var(--color-border-default);background:var(--color-surface);min-height:145px;padding:18px;position:relative;overflow:hidden}.kpi-grid small{color:var(--color-text-muted);font:12px var(--font-label),monospace;display:block}.kpi-grid strong{letter-spacing:-.05em;margin:19px 0 6px;font-size:28px;display:block}.kpi-grid>article>span{font:12px var(--font-label),monospace}.kpi-grid span.positive{color:var(--color-success)}.kpi-grid span.negative{color:var(--color-danger)}.kpi-grid p{color:var(--color-text-muted);margin:5px 0 0;font-size:12px}.signal-kpi{color:#fff;background:var(--neutral-1000)!important}.signal-kpi>span{color:#aaa!important}.signal-kpi>i{background:var(--lime-500);width:8px;height:8px;position:absolute;top:15px;right:15px;transform:rotate(45deg)}.chart-grid{grid-template-columns:1.45fr .55fr;gap:10px;margin-top:10px;display:grid}.chart-grid>article{border:1px solid var(--color-border-default);background:var(--color-surface);min-height:360px;padding:18px}.bar-chart-card>header{justify-content:space-between;display:flex}.bar-chart-card header>div:first-child span,.donut-card header>span{color:var(--color-interactive-primary);font:12px var(--font-label),monospace}.bar-chart-card h3,.donut-card h3{margin:5px 0 0;font-size:14px}.bar-chart-card header>div:last-child{color:var(--color-text-muted);gap:13px;font-size:12px;display:flex}.bar-chart-card header>div:last-child span{align-items:center;gap:5px;display:flex}.bar-chart-card header i{width:6px;height:6px}.violet-dot{background:var(--violet-500)}.blue-dot{background:var(--blue-500)}.bar-chart{grid-template-columns:35px 1fr;height:250px;margin-top:27px;display:grid;position:relative}.y-axis{height:210px;color:var(--color-text-muted);font:12px var(--font-label),monospace;flex-direction:column;justify-content:space-between;display:flex}.bars{background-image:linear-gradient(var(--color-border-subtle) 1px,transparent 1px);background-size:100% 25%;align-items:end;gap:7px;height:210px;display:flex}.bars>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.bars>div>i{background:color-mix(in srgb,var(--violet-500) 72%,var(--color-surface));width:72%;transition:height var(--motion-expressive) var(--ease-standard);position:relative}.bars>div>i>b{background:var(--blue-500);position:absolute;inset:auto 0 0}.bars span{height:18px;color:var(--color-text-muted);font:12px var(--font-label),monospace;margin-top:5px}.chart-highlight{background:var(--neutral-900);color:#fff;padding:8px 10px;position:absolute;top:36px;right:12%;box-shadow:0 8px 30px #0003}.chart-highlight span{color:#999;font:12px var(--font-label),monospace;display:block}.chart-highlight strong{font-size:12px}.donut-layout{flex-direction:column;align-items:center;margin-top:30px;display:flex}.donut{background:conic-gradient(var(--violet-500) 0 54%,var(--blue-500) 54% 82%,#805cff 82% 94%,var(--color-border-default) 94%);border-radius:50%;place-items:center;width:155px;height:155px;display:grid}.donut>div{background:var(--color-surface);border-radius:50%;align-content:center;place-items:center;width:96px;height:96px;display:grid}.donut strong{font-size:15px}.donut span{color:var(--color-text-muted);font:12px var(--font-label),monospace}.donut-legend{width:100%;margin-top:25px}.donut-legend>span{border-top:1px solid var(--color-border-subtle);grid-template-columns:7px 1fr auto;align-items:center;gap:8px;padding:6px 0;font-size:12px;display:grid}.donut-legend i{width:6px;height:6px}.series-1{background:var(--violet-500)}.series-2{background:var(--blue-500)}.series-3{background:#805cff}.series-4{background:var(--color-border-default)}.donut-legend b{font-weight:500}.donut-legend strong{font-family:var(--font-label),monospace}.visualization-rules{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;display:grid}.visualization-rules article{border:1px solid var(--color-border-default);padding:15px}.visualization-rules article>span{font:12px var(--font-label),monospace}.visualization-rules article>div{height:22px;margin:12px 0 8px;display:flex}.visualization-rules i{flex:1}.sequential-swatch i:first-child{background:#e7d7ff}.sequential-swatch i:nth-child(2){background:#c299ff}.sequential-swatch i:nth-child(3){background:#a35cff}.sequential-swatch i:nth-child(4){background:#8826ff}.sequential-swatch i:nth-child(5){background:#5c12b8}.comparative-swatch i:first-child{background:#8826ff}.comparative-swatch i:nth-child(2){background:#167ca0}.comparative-swatch i:nth-child(3){background:#c05b8a}.comparative-swatch i:nth-child(4){background:#d18727}.highlight-swatch i{background:var(--color-border-default)}.highlight-swatch i:nth-child(3){background:var(--lime-500)}.visualization-rules p{color:var(--color-text-muted);margin:0;font-size:12px}.form-selection-section{border-top:1px solid var(--color-border-default);margin-top:72px;padding-top:54px}.form-subsection-header{justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:30px;display:flex}.form-subsection-header>div>span{color:var(--color-interactive-primary);font:12px var(--font-label), monospace;letter-spacing:.12em}.form-subsection-header h3{letter-spacing:-.045em;text-transform:uppercase;margin:10px 0 8px;font-size:clamp(27px,3vw,42px);line-height:1}.form-subsection-header p{max-width:680px;color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.6}.compact-field-pair{grid-template-columns:1.45fr .55fr;gap:9px;display:grid}.compact-field-pair label,.field-state-inventory label{flex-direction:column;gap:6px;min-width:0;display:flex}.compact-field-pair label>span,.field-state-inventory label>span{color:var(--color-text-secondary);font-size:12px}.compact-field-pair input,.field-state-inventory input{border:1px solid var(--input-border);background:var(--color-background-primary);width:100%;min-width:0;height:38px;color:var(--color-text-primary);transition:border-color var(--motion-operational), box-shadow var(--motion-operational), background var(--motion-operational);padding:0 9px;font-size:12px}.field-state-inventory{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field-state-inventory .demo-focus input{border:2px solid var(--color-focus);outline:0}.field-state-inventory .demo-error input{border-color:var(--color-danger);color:var(--color-danger)}.field-state-inventory .demo-disabled{opacity:.48}.field input,.field select,.field textarea{transition:border-color var(--motion-operational), box-shadow var(--motion-operational), background var(--motion-operational)}.field input:focus,.field select:focus,.field textarea:focus{box-shadow:none}.select-showcase{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:12px;display:grid}.select-pattern{border:1px solid var(--color-border-default);background:var(--color-surface);min-width:0;min-height:330px;padding:18px;position:relative}.select-pattern>header{color:var(--color-text-muted);font:12px var(--font-label), monospace;justify-content:space-between;align-items:center;display:flex}.select-preview{flex-direction:column;justify-content:center;min-height:250px;padding:24px 8px 8px;display:flex}.select-preview>label{margin-bottom:7px;font-size:12px;font-weight:650}.select-preview>small{color:var(--color-text-muted);margin-top:9px;font-size:12px;line-height:1.45}.select-control-wrap{position:relative}.select-trigger,.combo-wrap>input{border:1px solid var(--input-border);border-radius:var(--radius-control);background:var(--color-background-primary);width:100%;min-height:42px;color:var(--color-text-primary)}.select-trigger{text-align:left;transition:border-color var(--motion-operational), box-shadow var(--motion-operational), background var(--motion-operational);justify-content:space-between;align-items:center;padding:0 11px;font-size:12px;display:flex}.select-trigger:hover{border-color:var(--input-border-focus)}:is(.select-trigger:focus-visible,.select-trigger.open){border:2px solid var(--color-focus);box-shadow:none;outline:0}.select-trigger>span{align-items:center;gap:8px;min-width:0;display:flex}.select-trigger>b{color:var(--color-text-muted);font-size:12px;font-weight:400}.platform-icon{background:var(--neutral-1000);flex:none;place-items:center;width:16px;height:16px;display:inline-grid}.platform-icon:after{content:"";background:#fff;width:5px;height:5px;transform:rotate(45deg)}.platform-icon.facebook{background:var(--blue-500)}.platform-icon.tiktok{background:linear-gradient(135deg,#111 50%,#8826ff 50%)}.platform-icon.instagram{background:var(--gradient-brand-primary)}.select-menu{z-index:20;border:1px solid var(--color-border-strong);background:var(--color-surface-raised);transform-origin:top;animation:select-menu-enter .18s var(--ease-standard) both;padding:5px;position:absolute;top:calc(100% + 5px);left:0;right:0;box-shadow:0 16px 50px #0003}.select-menu>button{width:100%;min-height:36px;color:var(--color-text-primary);text-align:left;transition:color var(--motion-operational), background var(--motion-operational), transform var(--motion-operational);background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 9px;font-size:12px;display:flex}.select-menu>button:active{transform:scale(.985)}:is(.select-menu>button:hover,.select-menu>button:focus-visible,.select-menu>button[aria-selected=true],.select-menu>button[data-active=true]){background:color-mix(in srgb, var(--color-interactive-primary) 8%, var(--color-surface))}.select-menu>button>span{align-items:center;gap:8px;display:flex}.select-menu>button>b{color:var(--color-interactive-primary)}.select-trigger.multi{min-height:44px;padding-block:5px}.select-chip{background:var(--color-background-secondary);max-width:88px;color:var(--color-text-secondary);font:12px var(--font-label), monospace;text-overflow:ellipsis;animation:chip-enter var(--motion-operational) var(--ease-standard) both;padding:5px 6px;font-style:normal;overflow:hidden}.select-chip.muted{color:var(--color-text-muted)}.multi-menu{max-height:230px;overflow-y:auto}.menu-check{border:1px solid var(--input-border);color:#0000;place-items:center;width:15px;height:15px;font-size:12px;font-style:normal;display:grid}.menu-check.checked{color:#fff;border-color:var(--color-interactive-primary);background:var(--color-interactive-primary)}.combo-wrap>input{outline:0;padding:0 35px 0 34px;font-size:12px;display:block}.combo-wrap>input:focus{border:2px solid var(--color-focus);outline:0}.combo-search{z-index:2;color:var(--color-text-muted);font-size:12px;position:absolute;top:13px;left:12px}.combo-clear{z-index:2;width:26px;height:26px;color:var(--color-text-muted);background:0 0;border:0;position:absolute;top:8px;right:7px}.combo-menu>p{color:var(--color-text-muted);text-align:center;margin:0;padding:22px 12px;font-size:12px}.territory-dot{background:var(--violet-500);width:6px;height:6px;transform:rotate(45deg)}.select-state-strip{border:1px solid var(--color-border-default);grid-template-columns:repeat(4,1fr);margin-top:12px;display:grid}.select-state-strip article{border-right:1px solid var(--color-border-default);min-width:0;padding:14px}.select-state-strip article:last-child{border-right:0}.select-state-strip span{color:var(--color-text-muted);font:12px var(--font-label), monospace}.select-state-strip button{border:1px solid var(--input-border);background:var(--color-background-primary);width:100%;height:36px;color:var(--color-text-primary);justify-content:space-between;align-items:center;margin-top:9px;padding:0 9px;font-size:12px;display:flex}.select-state-strip button.focus-state{border:2px solid var(--color-focus);outline:0}.select-state-strip button.error-state{border-color:var(--color-danger);color:var(--color-danger)}.select-state-strip button:disabled{opacity:.45;cursor:not-allowed}@keyframes select-menu-enter{0%{opacity:0;transform:translateY(-6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes chip-enter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.handbook-principles{border-top:1px solid var(--color-border-default);border-left:1px solid var(--color-border-default);grid-template-columns:repeat(3,1fr);display:grid}.handbook-principles article{border-right:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);min-height:190px;transition:background var(--motion-operational), transform var(--motion-operational);padding:22px;position:relative;overflow:hidden}.handbook-principles article:hover{background:color-mix(in srgb, var(--color-interactive-primary) 4%, var(--color-surface));transform:translateY(-2px)}.handbook-principles article:after{content:"";border:1px solid var(--color-border-subtle);width:92px;height:92px;transition:transform var(--motion-expressive), border-color var(--motion-operational);position:absolute;bottom:-44px;right:-32px;transform:rotate(45deg)}.handbook-principles article:hover:after{border-color:color-mix(in srgb, var(--color-interactive-primary) 35%, var(--color-border-default));transform:rotate(45deg)translate(-7px,-7px)}.handbook-principles article>span{color:var(--color-interactive-primary);font:12px var(--font-label), monospace}.handbook-principles h3{text-transform:uppercase;margin:38px 0 8px;font-size:15px}.handbook-principles p{max-width:270px;color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.6}.handbook-flow{border:1px solid var(--color-border-default);background:var(--color-surface);margin-top:12px;padding:20px}.handbook-flow>header{justify-content:space-between;align-items:start;display:flex}.handbook-flow>header span,.handbook-motion>header span,.shipping-checklist header span{color:var(--color-interactive-primary);font:12px var(--font-label), monospace}.handbook-flow>header h3,.handbook-motion>header h3{margin:6px 0 0;font-size:18px}.handbook-flow>header code{color:var(--color-text-muted);font:12px var(--font-mono), monospace}.handbook-flow>div{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;margin-top:22px;display:grid}.handbook-flow article{background:var(--color-background-secondary);flex-direction:column;min-height:120px;padding:17px;display:flex}.handbook-flow article>span{color:var(--color-interactive-primary);font:12px var(--font-label), monospace}.handbook-flow article strong{text-transform:uppercase;margin:18px 0 6px;font-size:12px}.handbook-flow article p{color:var(--color-text-muted);margin:0;font-size:12px;line-height:1.5}.handbook-flow>div>i{width:26px;color:var(--color-border-strong);text-align:center;font-style:normal}.handbook-motion{border:1px solid var(--color-border-default);background:var(--neutral-1000);color:#fff;margin-top:12px;padding:20px}.handbook-motion>header{justify-content:space-between;align-items:center;gap:20px;display:flex}.handbook-motion>header p{color:#92929d;max-width:620px;margin:7px 0 0;font-size:12px;line-height:1.55}.handbook-motion>header .ds-button{color:#fff;background:#111113;border-color:#3c3c42}.handbook-motion-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.handbook-motion-grid article{background:#0b0b0c;border:1px solid #2d2d32;flex-direction:column;min-height:150px;padding:15px;display:flex;overflow:hidden}.handbook-motion-grid article>span{color:#8d8d96;font:12px var(--font-label), monospace}.handbook-motion-grid article>code{color:#777780;font:12px var(--font-mono), monospace;margin-top:auto}.motion-confirm>div{align-items:center;gap:10px;height:40px;margin-top:25px;display:flex}.motion-confirm>div i{background:var(--violet-500);width:28px;height:28px;animation:confirm-pop var(--motion-operational) var(--ease-standard) .12s both;position:relative}.motion-confirm>div i:after{content:"✓";color:#fff;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.motion-confirm>div strong{animation:text-enter var(--motion-operational) var(--ease-standard) .18s both;font-size:12px}.motion-disclose>div{flex-direction:column;gap:6px;margin-top:23px;display:flex}.motion-disclose>div i{transform-origin:0;height:12px;animation:disclose-enter .18s var(--ease-standard) both;background:#25252a}.motion-disclose>div i:nth-child(2){width:78%;animation-delay:30ms}.motion-disclose>div i:nth-child(3){width:58%;animation-delay:60ms}.motion-overlay>div{border:1px solid #29292e;height:70px;margin-top:17px;position:relative;overflow:hidden}.motion-overlay>div i{width:64%;animation:overlay-enter var(--motion-expressive) var(--ease-standard) both;background:linear-gradient(135deg,#18101f,#30105a);border-left:1px solid #7441aa;position:absolute;inset:0 0 0 auto}@keyframes confirm-pop{0%{opacity:0;transform:scale(.7)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes text-enter{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}@keyframes disclose-enter{0%{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:scaleX(1)}}@keyframes overlay-enter{0%{transform:translate(100%)}to{transform:translate(0)}}.handbook-rules{grid-template-columns:repeat(3,1fr);margin-top:12px;display:grid}.handbook-rules article{border:1px solid var(--color-border-default);margin-right:-1px;padding:18px}.handbook-rules article>span{color:var(--color-success);font:12px var(--font-label), monospace}.handbook-rules article:nth-child(2)>span{color:var(--color-danger)}.handbook-rules article:nth-child(3)>span{color:var(--color-interactive-primary)}.handbook-rules h3{text-transform:uppercase;margin:13px 0 6px;font-size:12px}.handbook-rules p{color:var(--color-text-muted);margin:0;font-size:12px;line-height:1.55}.shipping-checklist{border:1px solid var(--color-border-default);grid-template-columns:220px 1fr;margin-top:12px;display:grid}.shipping-checklist>header{border-right:1px solid var(--color-border-default);flex-direction:column;gap:8px;padding:20px;display:flex}.shipping-checklist header strong{font-size:12px;line-height:1.3}.shipping-checklist>div{grid-template-columns:1fr 1fr;display:grid}.shipping-checklist>div>span{border-right:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);min-height:54px;color:var(--color-text-secondary);align-items:center;gap:10px;padding:0 16px;font-size:12px;display:flex}.shipping-checklist>div>span:nth-child(2n){border-right:0}.shipping-checklist>div>span:nth-last-child(-n+2){border-bottom:0}.shipping-checklist i{background:color-mix(in srgb, var(--color-interactive-primary) 10%, transparent);width:17px;height:17px;color:var(--color-interactive-primary);place-items:center;font-size:12px;font-style:normal;display:grid}.ai-prompt-builder{border:1px solid var(--color-border-default);background:var(--color-surface);margin-bottom:12px}.ai-prompt-builder>header,.ai-reference-map>header,.ai-done-section>header{border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:flex-end;gap:28px;min-height:92px;padding:19px 21px;display:flex}.ai-prompt-builder>header span,.ai-reference-map>header span,.ai-done-section>header span{color:var(--color-interactive-primary);font:12px var(--font-label), monospace;letter-spacing:.1em}.ai-prompt-builder>header h3,.ai-reference-map>header h3,.ai-done-section>header h3{text-transform:uppercase;margin:8px 0 0;font-size:18px}.ai-prompt-builder>header p,.ai-reference-map>header p,.ai-done-section>header p{max-width:520px;color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.55}.ai-builder-grid{background:var(--color-border-default);grid-template-columns:1fr 1fr 1.15fr;gap:1px;display:grid}.ai-builder-grid>label,.ai-mode-control{background:var(--color-surface);flex-direction:column;gap:10px;min-width:0;min-height:104px;padding:17px;display:flex}.ai-builder-grid>label>span,.ai-mode-control>span{color:var(--color-text-muted);font:12px var(--font-label), monospace;letter-spacing:.06em;text-transform:uppercase}.ai-builder-grid input{border:1px solid var(--input-border);background:var(--color-background-primary);width:100%;min-width:0;height:42px;color:var(--color-text-primary);padding:0 11px;font-size:12px}.ai-builder-grid input::placeholder{color:var(--color-text-muted)}.ai-mode-control>div{border:1px solid var(--color-border-default);background:var(--color-background-primary);grid-template-columns:repeat(3,1fr);height:42px;padding:3px;display:grid}.ai-mode-control button{min-width:0;color:var(--color-text-muted);white-space:nowrap;background:0 0;border:0;font-size:12px}.ai-mode-control button.selected{background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-operational);font-weight:650}.ai-navigation-control{border:0;border-top:1px solid var(--color-border-default);min-width:0;margin:0;padding:20px}.ai-navigation-control legend{float:left;width:100%;color:var(--color-text-primary);font:12px var(--font-label);text-transform:uppercase;letter-spacing:.08em;padding:0}.ai-navigation-control>p{clear:both;color:var(--color-text-secondary);margin:0;padding-top:8px;font-size:13px;line-height:1.6}.ai-navigation-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block:16px;display:grid}.ai-navigation-option{border:1px solid var(--color-border-default);cursor:pointer;align-items:center;gap:16px;padding:18px;display:flex;position:relative}.ai-navigation-option:has(input:checked){border-color:var(--color-interactive-primary);background:color-mix(in srgb, var(--color-interactive-primary) 4%, var(--color-surface));box-shadow:inset 2px 0 var(--color-interactive-primary)}.ai-navigation-option:has(input:focus-visible){outline:2px solid var(--color-interactive-primary);outline-offset:3px}.ai-navigation-option input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.ai-navigation-option>span:not(.ai-navigation-diagram){flex:1;min-width:0}.ai-navigation-option strong{font:13px var(--font-label);text-transform:uppercase;display:block}.ai-navigation-option small{color:var(--color-text-secondary);margin-top:8px;font-size:12px;line-height:1.6;display:block}.ai-navigation-option>svg{color:var(--color-interactive-primary);visibility:hidden;flex-shrink:0}.ai-navigation-option:has(input:checked)>svg{visibility:visible}.ai-navigation-diagram{border:1px solid var(--color-border-strong);background:var(--color-background-secondary);flex:0 0 72px;height:54px;position:relative}.ai-navigation-diagram i{background:var(--color-interactive-primary);height:8px;position:absolute;top:5px;left:5px;right:5px}.ai-navigation-diagram b,.ai-navigation-diagram em{background:var(--color-surface);border:1px solid var(--color-border-default);position:absolute;top:19px;bottom:5px}.ai-navigation-diagram b{width:17px;left:5px}.ai-navigation-diagram em{left:27px;right:5px}.ai-navigation-diagram.is-sidebar i{width:14px;height:auto;bottom:5px;right:auto}.ai-navigation-diagram.is-sidebar b{width:auto;height:7px;inset:5px 5px auto 24px}.ai-navigation-diagram.is-sidebar em{top:17px;left:24px}.ai-navigation-control>a{min-height:44px;color:var(--color-interactive-primary);text-underline-offset:4px;align-items:center;gap:8px;font-size:12px;display:inline-flex}@media (max-width:1100px){.ai-navigation-options{grid-template-columns:1fr}}@media (max-width:480px){.ai-navigation-control{padding:16px}.ai-navigation-option{gap:12px;padding:12px}.ai-navigation-diagram{flex-basis:56px}}@media (forced-colors:active){.ai-navigation-option:has(input:checked){outline:2px solid highlight}}.ai-handoff-layout{grid-template-columns:320px minmax(0,1fr);gap:12px;display:grid}.ai-handoff-context{border:1px solid var(--color-border-default);background:var(--color-surface);padding:22px}.ai-handoff-context>span,.ai-prompt-card>header span{color:var(--color-interactive-primary);font:12px var(--font-label), monospace;letter-spacing:.1em}.ai-handoff-context h3{text-transform:uppercase;margin:14px 0 8px;font-size:17px}.ai-handoff-context>p{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.6}.ai-handoff-context ol{counter-reset:handoff;margin:24px 0 0;padding:0;list-style:none}.ai-handoff-context li{counter-increment:handoff;border-top:1px solid var(--color-border-subtle);min-height:66px;color:var(--color-text-secondary);padding:14px 0 14px 34px;font-size:12px;line-height:1.5;position:relative}.ai-handoff-context li:before{content:"0" counter(handoff);color:var(--color-interactive-primary);font:12px var(--font-label), monospace;position:absolute;top:14px;left:0}.ai-handoff-context .ai-localhost-warning{border-left:2px solid var(--color-warning);background:color-mix(in srgb, var(--color-warning) 7%, transparent);color:var(--color-text-secondary);margin-top:18px;padding:13px;font-size:12px;line-height:1.5}.ai-localhost-warning strong{color:var(--color-warning);font:12px var(--font-label), monospace;text-transform:uppercase;margin-bottom:4px;display:block}.ai-prompt-card{--prompt-cut:18px;color:#e9e7ec;min-width:0;clip-path:polygon(0 0, calc(100% - var(--prompt-cut)) 0, 100% calc(var(--prompt-cut) * var(--portal-cut-slope)), 100% 100%, 0 100%);background:#09090b;border:1px solid #303036}.ai-prompt-card>header{border-bottom:1px solid #2a2a30;justify-content:space-between;align-items:center;gap:14px;min-height:66px;padding:14px 18px;display:flex}.ai-prompt-card>header div:first-child{flex-direction:column;gap:6px;display:flex}.ai-prompt-card>header strong{font-size:12px}.ai-prompt-actions{gap:7px;display:flex}.ai-prompt-actions button,.ai-prompt-actions a{color:#d5d2da;background:#131316;border:1px solid #38383f;justify-content:center;align-items:center;min-height:34px;padding:0 11px;font-size:12px;text-decoration:none;display:inline-flex}.ai-prompt-actions button:first-child{color:#fff;border-color:#7f48b6}.ai-prompt-card pre{white-space:pre-wrap;color:#aaa7b1;max-height:540px;font:12px/1.7 var(--font-mono), monospace;margin:0;padding:22px;overflow:auto}.ai-prompt-card pre strong{color:#fff}.ai-reference-map,.ai-done-section{border:1px solid var(--color-border-default);background:var(--color-surface);margin-top:12px}.ai-reference-grid{grid-template-columns:repeat(4,1fr);display:grid}.ai-reference-grid article{border-right:1px solid var(--color-border-default);flex-direction:column;min-height:232px;padding:19px;display:flex}.ai-reference-grid article:last-child{border-right:0}.ai-reference-grid article>span{color:var(--color-interactive-primary);font:12px var(--font-label), monospace}.ai-reference-grid h4{text-transform:uppercase;margin:28px 0 8px;font-size:12px}.ai-reference-grid p{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.55}.ai-reference-grid article>div{flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:17px;display:flex}.ai-reference-grid a{border:1px solid var(--color-border-default);color:var(--color-text-secondary);font:12px var(--font-label), monospace;padding:5px 7px;text-decoration:none}.ai-reference-grid a:hover{border-color:var(--color-interactive-primary);color:var(--color-interactive-primary)}.ai-done-checklist{grid-template-columns:repeat(3,1fr);display:grid}.ai-done-checklist>span{border-right:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);min-height:78px;color:var(--color-text-secondary);align-items:center;gap:11px;padding:16px;font-size:12px;line-height:1.45;display:flex}.ai-done-checklist>span:nth-child(3n){border-right:0}.ai-done-checklist>span:nth-last-child(-n+3){border-bottom:0}.ai-done-checklist i{background:color-mix(in srgb, var(--color-success) 11%, transparent);width:20px;height:20px;color:var(--color-success);flex:none;place-items:center;font-size:12px;font-style:normal;display:grid}.ai-handoff-note{border-left:2px solid var(--violet-500);background:color-mix(in srgb, var(--color-interactive-primary) 6%, var(--color-surface));color:var(--color-text-secondary);margin:12px 0 0;padding:15px 18px;font-size:12px;line-height:1.55}.card-library{border:1px solid var(--color-border-default);background:var(--color-background-primary);padding:18px}.card-library>header{color:var(--color-text-muted);font:12px var(--font-label), monospace;justify-content:space-between;margin-bottom:14px;display:flex}.card-library-grid{grid-template-columns:1.05fr 1fr 1fr;gap:12px;display:grid}.library-card{--card-portal-cut:14px;border:1px solid var(--color-border-default);background:var(--color-surface);min-width:0;transition:transform var(--motion-operational), border-color var(--motion-operational), box-shadow var(--motion-operational);border-radius:0;padding:14px;position:relative}.library-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-operational);transform:translateY(-1px)}.library-card.selected{border-color:var(--color-interactive-primary);box-shadow:inset 0 0 0 1px var(--color-interactive-primary)}.card-hit-area{z-index:2;background:0 0;border:0;position:absolute;inset:0}.card-hit-area:focus-visible{outline:0}.media-card{grid-row:span 2;padding:12px}.media-card .poster{height:228px}.library-card .poster,.horizontal-art{transition:transform var(--motion-expressive) var(--ease-standard), filter var(--motion-expressive)}.library-card:hover .poster,.library-card:hover .horizontal-art{filter:saturate(1.08);transform:scale(1.018)}.media-card .poster i{background:var(--lime-500);color:#000;font:12px var(--font-label), monospace;padding:5px 6px;font-style:normal;position:absolute;top:10px;right:10px}.card-copy{z-index:1;position:relative}.card-copy>small,.metric-card small{color:var(--color-text-muted);font:12px var(--font-label), monospace}.card-copy h3{margin:7px 0 4px;font-size:15px}.card-copy p{color:var(--color-text-muted);margin:0;font-size:12px}.card-copy footer{border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;min-height:30px;margin-top:14px;padding-top:11px;display:flex}.card-copy footer>span:last-child{color:var(--color-text-secondary);font-size:12px}.horizontal-card{grid-column:span 2;grid-template-columns:170px 1fr;align-items:stretch;gap:15px;display:grid}.horizontal-art{color:#fff;background:radial-gradient(circle at 32% 62%,#2f00ff,#0000 34%),linear-gradient(135deg,#00131d,#000);place-items:end start;min-height:150px;padding:12px;display:grid;position:relative;overflow:hidden}.horizontal-art:after{content:"";background:#ffffff24;width:32%;height:140%;position:absolute;top:-20%;right:18%;transform:skew(-25deg)}.horizontal-art span{z-index:1;font:12px var(--font-label), monospace;position:relative}.horizontal-card .card-copy{flex-direction:column;justify-content:center;display:flex}.horizontal-card .card-copy footer{margin-top:auto}.metric-card{flex-direction:column;min-height:210px;display:flex}.metric-card>header{justify-content:space-between;align-items:start;display:flex}.metric-card>strong{letter-spacing:-.06em;margin:22px 0 5px;font-size:32px;line-height:1}.metric-card>span{color:var(--color-success);font:12px var(--font-label), monospace}.metric-line{align-items:end;gap:4px;height:54px;margin:18px 0 12px;display:flex}.metric-line i{background:var(--violet-500);transform-origin:bottom;animation:metric-rise var(--motion-expressive) var(--ease-standard) both;flex:1}.metric-line i:nth-child(2){animation-delay:25ms}.metric-line i:nth-child(3){animation-delay:50ms}.metric-line i:nth-child(4){animation-delay:75ms}.metric-line i:nth-child(5){animation-delay:.1s}.metric-line i:nth-child(6){animation-delay:.125s}.metric-line i:nth-child(7){animation-delay:.15s}.metric-line i:nth-child(8){animation-delay:.175s}@keyframes metric-rise{0%{opacity:.2;transform:scaleY(.12)}to{opacity:1;transform:scaleY(1)}}.metric-line i:first-child{height:30%}.metric-line i:nth-child(2){height:45%}.metric-line i:nth-child(3){height:38%}.metric-line i:nth-child(4){height:57%}.metric-line i:nth-child(5){height:51%}.metric-line i:nth-child(6){height:70%}.metric-line i:nth-child(7){height:78%}.metric-line i:nth-child(8){background:var(--lime-500);height:92%}.metric-card>footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.metric-card>footer button{color:var(--color-text-secondary);background:0 0;border:0;font-size:12px}.action-card{flex-direction:column;align-items:flex-start;min-height:210px;display:flex}.action-icon{background:var(--neutral-1000);color:#fff;place-items:center;width:31px;height:31px;font-size:14px;display:grid}.action-card h3{margin:18px 0 6px;font-size:15px}.action-card p{color:var(--color-text-muted);margin:0 0 18px;font-size:12px;line-height:1.55}.action-card .ds-button{margin-top:auto}.text-action{color:var(--color-text-muted);background:0 0;border:0;margin-top:8px;padding:4px 0;font-size:12px}.card-library.expressive{background-color:#040206;background-image:var(--gradient-brand-atmospheric);color:#fff}.card-library.expressive .library-card{background:var(--glass-standard-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:#ffffff2b}.card-library.expressive .library-card.selected{border-color:#a766ff;box-shadow:inset 0 0 0 1px #a766ff,0 20px 55px #2f00ff33}.card-library .library-card:has(.card-hit-area:focus-visible){border-color:var(--color-focus);box-shadow:inset 0 0 0 1px var(--color-focus)}.card-library.expressive .action-icon{color:#000;background:#fff}.card-library.expressive .card-copy footer,.card-library.expressive .metric-card>footer{border-color:#ffffff24}.card-anatomy{border:1px solid var(--color-border-default);grid-template-columns:repeat(6,1fr);margin-top:12px;display:grid}.card-anatomy span{border-right:1px solid var(--color-border-default);min-height:54px;color:var(--color-text-muted);font:12px var(--font-label), monospace;align-items:center;padding:0 13px;display:flex}.card-anatomy span:last-child{border-right:0}.drawer-demo{border:1px solid var(--color-border-default);background:var(--color-background-secondary);height:570px;position:relative;overflow:hidden}.drawer-demo-content{height:100%;padding:24px}.drawer-demo-content>header{border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.drawer-demo-content>header span{color:var(--color-interactive-primary);font:12px var(--font-label), monospace}.drawer-demo-content>header h3{margin:5px 0 0;font-size:20px}.drawer-record-list{border:1px solid var(--color-border-default);background:var(--color-surface);margin-top:14px}.drawer-record-list article{border-bottom:1px solid var(--color-border-default);min-height:76px;transition:background var(--motion-operational), box-shadow var(--motion-operational);grid-template-columns:48px minmax(150px,1fr) auto 112px;align-items:center;gap:12px;padding:10px 13px;display:grid}.drawer-record-list article:hover{background:var(--color-background-secondary)}.drawer-record-list article:last-child{border-bottom:0}.drawer-record-list article.active{box-shadow:inset 2px 0 var(--color-interactive-primary);background:color-mix(in srgb, var(--color-interactive-primary) 4%, var(--color-surface))}.drawer-thumb{color:#fff;background:var(--gradient-brand-dark);place-items:center;width:48px;height:38px;display:grid;position:relative;overflow:hidden}.drawer-thumb:after,.drawer-hero:after{content:"";background:#ffffff26;width:32%;height:150%;position:absolute;transform:skew(-25deg)}.drawer-thumb span,.drawer-hero span{z-index:1;font:12px var(--font-label), monospace;position:relative}.drawer-record-list article>div:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.drawer-record-list strong{font-size:12px}.drawer-record-list small{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.drawer-record-list article>button{border:1px solid var(--color-border-default);height:32px;color:var(--color-text-primary);background:0 0;font-size:12px}.drawer-record-list article>button span{margin-left:8px}.drawer-scrim{z-index:10;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#00000052;border:0;position:absolute;inset:0}.detail-drawer{z-index:11;background:var(--color-surface-raised);width:min(470px,92%);color:var(--color-text-primary);border-left:1px solid var(--color-border-strong);animation:drawer-enter var(--motion-expressive) var(--ease-standard) both;flex-direction:column;display:flex;position:absolute;inset:0 0 0 auto;box-shadow:-22px 0 70px #00000038}@keyframes drawer-enter{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--color-border-default);grid-template-columns:84px 1fr 30px;align-items:center;gap:14px;min-height:112px;padding:18px;display:grid}.drawer-hero{background:var(--gradient-brand-dark);color:#fff;place-items:center;width:84px;height:70px;display:grid;position:relative;overflow:hidden}.drawer-header small{color:var(--color-text-muted);font:12px var(--font-label), monospace}.drawer-header h3{margin:5px 0 8px;font-size:17px}.drawer-close{border:1px solid var(--color-border-default);width:30px;height:30px;color:var(--color-text-muted);background:0 0;align-self:start;font-size:16px}.drawer-tabs{border-bottom:1px solid var(--color-border-default);gap:20px;min-height:42px;padding:0 18px;display:flex}.drawer-tabs button{color:var(--color-text-muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:0;font-size:12px}.drawer-tabs button.active{color:var(--color-text-primary);border-bottom-color:var(--color-interactive-primary)}.drawer-tabs button span{color:var(--color-text-muted);margin-left:4px}.drawer-body{flex:1;min-height:0;padding:18px;overflow-y:auto}.drawer-summary{border:1px solid var(--color-border-default);grid-template-columns:1fr 1fr;margin-bottom:18px;display:grid}.drawer-summary>div{border-right:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);flex-direction:column;gap:6px;min-height:66px;padding:12px;display:flex}.drawer-summary>div:nth-child(2n){border-right:0}.drawer-summary>div:nth-last-child(-n+2){border-bottom:0}.drawer-summary span,.drawer-checklist>p,.activity-feed small{color:var(--color-text-muted);font:12px var(--font-label), monospace}.drawer-summary strong{font-size:12px}.drawer-checklist{padding-top:5px}.drawer-checklist label{border-top:1px solid var(--color-border-subtle);align-items:center;gap:9px;min-height:34px;font-size:12px;display:flex}.drawer-checklist input{opacity:0;position:absolute}.drawer-checklist i{border:1px solid var(--input-border);color:#0000;place-items:center;width:15px;height:15px;font-size:12px;font-style:normal;display:grid}.drawer-checklist input:checked+i{color:#fff;border-color:var(--color-interactive-primary);background:var(--color-interactive-primary)}.activity-feed article{grid-template-columns:12px 1fr;gap:11px;min-height:90px;display:grid}.activity-feed,.drawer-summary{animation:panel-content-enter .18s var(--ease-standard) both}@keyframes panel-content-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.activity-feed article>i{border:2px solid var(--color-border-strong);background:var(--color-surface);width:8px;height:8px;margin-top:3px;transform:rotate(45deg)}.activity-feed article>i.violet{border-color:var(--violet-500);background:var(--violet-500)}.activity-feed article>div{border-bottom:1px solid var(--color-border-subtle);padding-bottom:18px}.activity-feed strong{font-size:12px}.activity-feed p{color:var(--color-text-muted);margin:6px 0;font-size:12px;line-height:1.5}.drawer-footer{border-top:1px solid var(--color-border-default);justify-content:flex-end;align-items:center;gap:7px;min-height:66px;padding:12px 18px;display:flex}.drawer-rules{border:1px solid var(--color-border-default);border-top:0;grid-template-columns:repeat(3,1fr);display:grid}.drawer-rules article{border-right:1px solid var(--color-border-default);padding:16px}.drawer-rules article:last-child{border-right:0}.drawer-rules span{color:var(--color-interactive-primary);font:12px var(--font-label), monospace}.drawer-rules strong{margin:9px 0 5px;font-size:12px;display:block}.drawer-rules p{color:var(--color-text-muted);margin:0;font-size:12px;line-height:1.5}.data-grid-demo{position:relative;overflow:hidden}.grid-toolbar select{border:1px solid var(--color-border-default);background:var(--color-surface);min-height:34px;color:var(--color-text-secondary);padding:0 26px 0 9px;font-size:12px}.grid-toolbar select.active{border-color:var(--color-interactive-primary);color:var(--color-interactive-primary);background:color-mix(in srgb, var(--color-interactive-primary) 5%, var(--color-surface))}.grid-toolbar button.clear-grid-filters{color:var(--color-interactive-primary);border-color:color-mix(in srgb, var(--color-interactive-primary) 40%, var(--color-border-default))}.row-title-button{max-width:220px;color:var(--color-text-primary);text-align:left;background:0 0;border:0;padding:0;display:block}.row-title-button strong{text-overflow:ellipsis;display:block;overflow:hidden}.row-action-cell{position:relative}.row-action-menu{z-index:8;border:1px solid var(--color-border-strong);background:var(--color-surface-raised);transform-origin:100% 0;width:155px;animation:select-menu-enter .16s var(--ease-standard) both;padding:5px;position:absolute;top:34px;right:8px;box-shadow:0 14px 40px #00000038}.row-action-menu button{width:100%;min-height:32px;color:var(--color-text-primary);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 8px;font-size:12px;display:flex}.row-action-menu button:hover{background:var(--color-background-secondary)}.row-action-menu button.danger-text{color:var(--color-danger)}.grid-peek-scrim{z-index:12;background:#00000040;border:0;position:absolute;inset:0}.grid-detail-peek{z-index:13;background:var(--color-surface-raised);width:min(420px,92%);color:var(--color-text-primary);border-left:1px solid var(--color-border-strong);animation:drawer-enter var(--motion-operational) var(--ease-standard) both;flex-direction:column;display:flex;position:absolute;inset:0 0 0 auto;box-shadow:-22px 0 60px #0003}.grid-detail-peek>header{border-bottom:1px solid var(--color-border-default);grid-template-columns:76px 1fr 30px;align-items:center;gap:13px;min-height:108px;padding:18px;display:grid}.content-thumb.large{width:76px;height:60px}.grid-detail-peek>header small{color:var(--color-text-muted);font:12px var(--font-label), monospace}.grid-detail-peek>header h3{margin:5px 0 8px;font-size:17px}.grid-detail-peek>header>button{border:1px solid var(--color-border-default);width:30px;height:30px;color:var(--color-text-muted);background:0 0;align-self:start;font-size:16px}.grid-peek-body{grid-template-columns:1fr 1fr;padding:18px;display:grid}.grid-peek-body>div{border:1px solid var(--color-border-default);flex-direction:column;gap:6px;min-height:66px;margin:0 -1px -1px 0;padding:12px;display:flex}.grid-peek-body span,.grid-detail-peek>section>span{color:var(--color-text-muted);font:12px var(--font-label), monospace}.grid-peek-body strong{font-size:12px}.grid-detail-peek>section{border-left:2px solid var(--violet-500);background:var(--color-background-secondary);margin:0 18px;padding:18px}.grid-detail-peek>section h4{margin:10px 0 5px;font-size:12px}.grid-detail-peek>section p{color:var(--color-text-muted);margin:0;font-size:12px;line-height:1.55}.grid-detail-peek>footer{border-top:1px solid var(--color-border-default);justify-content:flex-end;align-items:center;gap:7px;min-height:66px;margin-top:auto;padding:12px 18px;display:flex}@media (prefers-reduced-motion:reduce){.detail-drawer,.grid-detail-peek,.select-menu,.select-chip,.metric-line i,.activity-feed,.drawer-summary,.row-action-menu,.handbook-motion-grid *{animation:none}}@media (prefers-reduced-transparency:reduce){.card-library.expressive .library-card,.drawer-scrim{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (max-width:1180px){.select-showcase{grid-template-columns:1fr 1fr}.select-pattern:last-child{grid-column:1/-1}.card-library-grid{grid-template-columns:1fr 1fr}.media-card{grid-row:auto}.horizontal-card{grid-column:auto;grid-template-columns:120px 1fr}.handbook-principles{grid-template-columns:1fr 1fr}.handbook-flow>div{grid-template-columns:1fr 1fr;gap:10px}.handbook-flow>div>i{display:none}.ai-builder-grid{grid-template-columns:1fr 1fr}.ai-mode-control{grid-column:1/-1}.ai-handoff-layout{grid-template-columns:240px minmax(0,1fr)}.ai-reference-grid{grid-template-columns:1fr 1fr}.ai-reference-grid article:nth-child(2){border-right:0}.ai-reference-grid article:nth-child(-n+2){border-bottom:1px solid var(--color-border-default)}.ai-done-checklist{grid-template-columns:1fr 1fr}.ai-done-checklist>span:nth-child(3n){border-right:1px solid var(--color-border-subtle)}.ai-done-checklist>span:nth-child(2n){border-right:0}.ai-done-checklist>span:nth-last-child(-n+3){border-bottom:1px solid var(--color-border-subtle)}.ai-done-checklist>span:nth-last-child(-n+2){border-bottom:0}}@media (max-width:680px){.select-showcase,.select-state-strip,.card-library-grid,.drawer-rules{grid-template-columns:1fr}.select-pattern:last-child{grid-column:auto}.form-selection-section{margin-top:54px;padding-top:42px}.form-subsection-header{flex-direction:column}.compact-field-pair,.field-state-inventory{grid-template-columns:1fr}.select-state-strip article,.drawer-rules article{border-right:0;border-bottom:1px solid var(--color-border-default)}.select-state-strip article:last-child,.drawer-rules article:last-child{border-bottom:0}.horizontal-card{grid-template-columns:1fr}.horizontal-art{min-height:170px}.card-anatomy{grid-template-columns:1fr}.card-anatomy span{border-right:0;border-bottom:1px solid var(--color-border-default)}.card-anatomy span:last-child{border-bottom:0}.handbook-principles,.handbook-flow>div,.handbook-motion-grid,.handbook-rules,.shipping-checklist,.shipping-checklist>div{grid-template-columns:1fr}.handbook-principles article{min-height:165px}.handbook-flow>header,.handbook-motion>header{flex-direction:column;gap:14px}.handbook-motion>header{align-items:flex-start}.shipping-checklist>header{border-right:0;border-bottom:1px solid var(--color-border-default)}.shipping-checklist>div>span{border-right:0}.shipping-checklist>div>span:nth-last-child(-n+2){border-bottom:1px solid var(--color-border-subtle)}.shipping-checklist>div>span:last-child{border-bottom:0}.ai-prompt-builder>header,.ai-reference-map>header,.ai-done-section>header{flex-direction:column;align-items:flex-start;gap:10px}.ai-builder-grid,.ai-reference-grid,.ai-done-checklist{grid-template-columns:1fr}.ai-mode-control{grid-column:auto}.ai-reference-grid article,.ai-reference-grid article:nth-child(2){border-right:0;border-bottom:1px solid var(--color-border-default)}.ai-reference-grid article:last-child{border-bottom:0}.ai-done-checklist>span,.ai-done-checklist>span:nth-child(2n),.ai-done-checklist>span:nth-child(3n),.ai-done-checklist>span:nth-last-child(-n+3){border-right:0;border-bottom:1px solid var(--color-border-subtle)}.ai-done-checklist>span:last-child{border-bottom:0}.ai-handoff-layout{grid-template-columns:1fr}.ai-prompt-card>header{flex-direction:column;align-items:flex-start}.ai-prompt-actions{width:100%}.ai-prompt-actions button,.ai-prompt-actions a{flex:1}.ai-prompt-card pre{max-height:620px;padding:17px;font-size:12px}.drawer-demo{height:650px}.drawer-demo-content{padding:14px}.drawer-demo-content>header{flex-direction:column;align-items:flex-start;gap:12px}.drawer-record-list article{grid-template-columns:42px 1fr auto;gap:8px}.drawer-record-list article>.status-badge{grid-column:2;justify-self:start}.drawer-record-list article>button{color:#0000;grid-area:1/3/span 2;width:34px;overflow:hidden}.drawer-record-list article>button span{color:var(--color-text-primary);margin:0}.detail-drawer,.grid-detail-peek{width:100%}.drawer-header{grid-template-columns:64px 1fr 30px}.drawer-hero{width:64px;height:58px}.grid-toolbar>div{padding-bottom:2px}.grid-toolbar select{flex:none}.grid-detail-peek>header{grid-template-columns:58px 1fr 30px}.content-thumb.large{width:58px;height:50px}}.ai-task-grid{border-top:1px solid var(--color-border-default);background:var(--color-surface);grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px;padding:17px;display:grid}.ai-task-grid label{flex-direction:column;gap:10px;min-width:0;display:flex}.ai-task-grid label>span{font:12px var(--font-label);color:var(--color-text-muted)}.ai-task-grid select,.ai-task-grid textarea{border:1px solid var(--input-border);background:var(--color-background-primary);width:100%;min-width:0;color:var(--color-text-primary);font:14px var(--font-body);padding:11px}.ai-task-grid textarea{resize:vertical}@media (max-width:640px){.ai-task-grid{grid-template-columns:1fr}}.operational-patterns-section{background:var(--color-background-secondary)}.op-anatomy-strip{border:1px solid var(--color-border-default);background:var(--color-surface);border-bottom:0;grid-template-columns:repeat(5,1fr);min-height:40px;display:grid}.op-anatomy-strip span{border-right:1px solid var(--color-border-default);color:var(--color-text-muted);font:12px var(--font-label), monospace;align-items:center;padding:0 12px;display:flex}.op-anatomy-strip span:last-child{border-right:0}.op-workspace-demo{border:1px solid var(--color-border-default);background:var(--color-background-primary);box-shadow:var(--shadow-operational);overflow:hidden}.op-metric-row{grid-template-columns:repeat(3,1fr);gap:9px;padding:12px;display:grid}.op-metric-row article{border:1px solid var(--color-border-default);border-left:var(--signal-rail-width) solid var(--color-interactive-primary);background:linear-gradient(135deg, color-mix(in srgb, var(--color-surface) 96%, white), transparent 46%), var(--color-surface);min-height:114px;clip-path:polygon(0 0, calc(100% - var(--portal-cut-surface)) 0, 100% calc(var(--portal-cut-surface) * var(--portal-cut-slope)), 100% 100%, 0 100%);filter:drop-shadow(0 0 .7px var(--portal-outline));padding:14px;position:relative;overflow:hidden}.op-metric-row article:nth-child(3){border-left-color:var(--lime-500)}.op-metric-row header{justify-content:space-between;align-items:center;display:flex}.op-metric-row header>span{color:var(--color-text-muted);font:12px var(--font-label), monospace;letter-spacing:.08em}.op-metric-row .status-badge{font-size:12px}.op-metric-row article>strong{font-variant-numeric:tabular-nums;margin-top:17px;font-size:25px;line-height:1;display:block}.op-metric-row article>p{border-top:1px solid var(--color-border-default);color:var(--color-text-muted);font:12px var(--font-label), monospace;text-transform:uppercase;margin:14px 0 0;padding-top:8px}.op-query-surface{border:1px solid var(--color-border-default);background:var(--color-surface);margin:0 12px 12px}.op-query-surface>header{border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:center;min-height:34px;padding:0 12px;display:flex}.op-query-surface>header span{font:650 12px var(--font-label), monospace;letter-spacing:.1em}.op-query-surface>header code{color:var(--color-text-muted);letter-spacing:.12em;font-size:12px}.op-filter-bar{border-bottom:1px solid var(--color-border-default);flex-wrap:wrap;align-items:center;gap:6px;padding:9px;display:flex}.op-filter-bar>button,.op-filter-popover-wrap>button{border:1px solid var(--color-border-default);background:var(--color-surface);min-height:32px;color:var(--color-text-secondary);padding:0 10px;font-size:12px}.op-filter-bar button span{color:var(--color-text-muted);margin-left:8px}.op-filter-bar>button:hover,.op-filter-popover-wrap>button:hover{border-color:var(--color-border-strong)}.op-filter-popover-wrap{position:relative}.op-filter-popover-wrap>button.is-active{border-color:color-mix(in srgb, var(--color-interactive-primary) 55%, var(--color-border-default));color:var(--color-interactive-primary);background:color-mix(in srgb, var(--color-interactive-primary) 5%, var(--color-surface))}.op-type-switch{border:1px solid var(--color-border-default);background:var(--color-background-secondary);min-height:32px;padding:2px;display:inline-flex}.op-type-switch button{min-width:48px;color:var(--color-text-muted);background:0 0;border:0;font-size:12px}.op-type-switch button[aria-pressed=true]{color:var(--color-interactive-primary);background:var(--color-surface);box-shadow:inset 0 -2px var(--color-interactive-primary), var(--shadow-operational)}.op-filter-bar>.op-upload-button{color:#fff;background:var(--button-primary-background);border-color:#0000}.op-filter-popover{z-index:12;border:1px solid var(--color-border-strong);background:var(--color-surface-raised);width:230px;padding:8px;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 18px 50px #00000038}.op-filter-popover>label{border:1px solid var(--input-border);align-items:center;gap:7px;height:34px;padding:0 9px;display:flex}.op-filter-popover>label:focus-within{border:2px solid var(--color-focus)}.op-filter-popover>label input{min-width:0;color:var(--color-text-primary);background:0 0;border:0;outline:0;flex:1;font-size:12px}.op-filter-popover>p{color:var(--color-text-muted);margin:9px 4px 5px;font-size:12px}.op-filter-popover>div{max-height:148px;overflow:auto}.op-filter-popover>div label{align-items:center;gap:8px;min-height:32px;padding:0 7px;font-size:12px;display:flex}.op-filter-popover>div label:hover{background:var(--color-background-secondary)}.op-filter-popover>div input{opacity:0;position:absolute}.op-filter-popover>div i{border:1px solid var(--input-border);color:#0000;flex:none;place-items:center;width:14px;height:14px;font-size:12px;font-style:normal;display:grid}.op-filter-popover>div input:checked+i{color:#fff;border-color:var(--color-interactive-primary);background:var(--color-interactive-primary)}.op-filter-popover>div input:focus-visible+i{outline:2px solid var(--color-focus);outline-offset:2px}.op-filter-popover footer{border-top:1px solid var(--color-border-default);justify-content:space-between;gap:6px;padding-top:7px;display:flex}.op-filter-popover footer button{border:1px solid var(--color-border-default);background:0 0;flex:1;min-height:28px;font-size:12px}.op-filter-popover footer button:last-child{color:#fff;background:var(--color-interactive-primary);border-color:#0000}.op-results-toolbar{align-items:center;gap:12px;min-height:47px;padding:7px 10px;display:flex}.op-results-toolbar>strong{font:700 12px var(--font-label), monospace;white-space:nowrap;margin-right:auto}.op-results-toolbar>strong span{color:var(--color-text-muted);font-size:12px;font-weight:400}.op-results-actions{align-items:center;gap:5px;display:flex}.op-results-actions>button,.op-results-actions>label{border:1px solid var(--color-border-default);background:var(--color-surface);min-height:30px;color:var(--color-text-secondary);white-space:nowrap;align-items:center;gap:6px;padding:0 8px;font-size:12px;display:flex}.op-results-actions>button{border-color:#0000}.op-results-actions select,.op-results-actions input{background:var(--color-background-secondary);height:24px;color:var(--color-text-primary);font:700 12px var(--font-label), monospace;border:0}.op-results-actions input{text-align:center;width:34px}.op-results-actions label>span{color:var(--color-text-muted)}.op-density-switch{border:1px solid var(--color-border-default);background:var(--color-background-secondary);min-height:30px;padding:2px;display:flex}.op-density-switch button{width:28px;color:var(--color-text-muted);background:0 0;border:0;font-size:12px}.op-density-switch button[aria-pressed=true]{color:var(--color-interactive-primary);background:var(--color-surface);box-shadow:inset 0 -2px var(--color-interactive-primary)}.op-master-detail{border:1px solid var(--color-border-default);background:var(--color-surface);grid-template-columns:minmax(330px,1.35fr) minmax(260px,.9fr);min-height:250px;margin:0 12px 12px;display:grid}.op-master-pane{border-right:1px solid var(--color-border-default);min-width:0}.op-master-pane>header{border-bottom:1px solid var(--color-border-strong);min-height:34px;color:var(--color-text-muted);font:12px var(--font-label), monospace;grid-template-columns:minmax(0,1fr) 70px 58px;align-items:center;padding:0 12px;display:grid}.op-master-pane>header span{text-align:right}.op-master-pane>button{border:0;border-bottom:1px solid var(--color-border-default);text-align:left;background:0 0;grid-template-columns:minmax(0,1fr) 70px 58px;align-items:center;width:100%;min-height:58px;padding:0 12px;display:grid}.op-master-pane>button:hover{background:var(--table-row-hover)}.op-master-pane>button.selected{background:color-mix(in srgb, var(--color-interactive-primary) 5%, var(--color-surface));box-shadow:inset 2px 0 var(--color-interactive-primary)}.op-master-pane>button>span{flex-direction:column;gap:4px;min-width:0;display:flex}.op-master-pane>button strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.op-master-pane>button small{color:var(--color-text-muted);font-size:12px}.op-master-pane>button b{text-align:right;font:12px var(--font-label), monospace}.op-detail-pane{flex-direction:column;min-width:0;display:flex}.op-detail-pane>header{border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:0 11px;display:flex}.op-detail-pane>header div{flex-direction:column;gap:3px;display:flex}.op-detail-pane>header span{color:var(--color-text-muted);font:12px var(--font-label), monospace}.op-detail-pane>header strong{font-size:12px}.op-detail-pane>header button{background:var(--button-primary-background);color:#fff;border:0;min-height:28px;padding:0 9px;font-size:12px}.op-title-list{padding:6px}.op-title-list button{border:0;border-bottom:1px solid var(--color-border-default);text-align:left;background:0 0;grid-template-columns:40px 1fr auto;align-items:center;gap:9px;width:100%;min-height:54px;padding:6px;display:grid}.op-title-list button:hover{background:var(--color-background-secondary)}.op-title-list button>i{background:var(--neutral-900);color:#fff;width:40px;height:38px;font:12px var(--font-label), monospace;place-items:center;font-style:normal;display:grid}.op-title-list button>span{flex-direction:column;gap:4px;min-width:0;display:flex}.op-title-list button strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.op-title-list button small,.op-title-list button b{color:var(--color-text-muted);font-size:12px}.op-contained-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:200px;padding:24px;display:flex}.op-contained-state strong{font-size:12px}.op-contained-state p{max-width:230px;color:var(--color-text-muted);margin:0;font-size:12px;line-height:1.5}.op-contained-state .ds-button{min-height:30px;margin-top:5px;padding-inline:11px;font-size:12px}.op-contained-state.error .op-state-icon{color:var(--color-danger);border-color:var(--color-danger)}.op-state-icon{border:1px solid var(--color-border-strong);width:27px;height:27px;color:var(--color-interactive-primary);font:700 12px var(--font-label), monospace;place-items:center;display:grid}.op-spinner{border:2px solid var(--color-border-default);border-right-color:var(--color-interactive-primary);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite op-spin}.op-state-switch{justify-content:flex-end;align-items:center;gap:5px;min-height:42px;padding:0 12px 12px;display:flex}.op-state-switch>span{color:var(--color-text-muted);font:12px var(--font-label), monospace;margin-right:auto}.op-state-switch button{border:1px solid var(--color-border-default);background:var(--color-surface);min-height:28px;color:var(--color-text-muted);text-transform:uppercase;padding:0 9px;font-size:12px}.op-state-switch button[aria-pressed=true]{border-color:var(--color-interactive-primary);color:var(--color-interactive-primary);background:color-mix(in srgb, var(--color-interactive-primary) 5%, var(--color-surface))}.op-product-contract,.op-validated-components{border:1px solid var(--color-border-default);background:var(--color-surface);border-top:0}.op-product-contract>header,.op-validated-components>header{border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:flex-end;gap:28px;min-height:92px;padding:18px;display:flex}.op-product-contract>header div,.op-validated-components>header div{min-width:0}.op-product-contract>header span,.op-validated-components>header span{color:var(--color-interactive-primary);font:650 12px var(--font-label), monospace;letter-spacing:.1em}.op-product-contract>header h3,.op-validated-components>header h3{letter-spacing:-.025em;margin:7px 0 0;font-size:16px}.op-product-contract>header p,.op-validated-components>header p{max-width:470px;color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.55}.op-contract-grid{grid-template-columns:repeat(4,1fr);display:grid}.op-contract-grid>article{border-right:1px solid var(--color-border-default);min-width:0;padding:14px}.op-contract-grid>article:last-child{border-right:0}.op-contract-grid article>span{color:var(--color-interactive-primary);font:650 12px var(--font-label), monospace;letter-spacing:.08em;margin-top:11px;display:block}.op-contract-grid h4{margin:6px 0 4px;font-size:12px}.op-contract-grid p{min-height:50px;color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.5}.op-contract-grid code{color:var(--color-text-muted);margin-top:9px;font-size:12px;display:inline-block}.op-cut-preview,.op-grid-preview,.op-theme-preview,.op-signal-preview{border:1px solid var(--color-border-default);background:var(--color-background-secondary);height:78px;position:relative;overflow:hidden}.op-cut-preview{justify-content:center;align-items:flex-end;gap:10px;padding:12px;display:flex}.op-cut-preview i{background:color-mix(in srgb, var(--violet-500) 8%, var(--color-surface));border:1px solid var(--portal-outline);width:43px;height:45px;filter:drop-shadow(0 0 .7px var(--portal-outline))}.op-cut-preview .cut-8{clip-path:polygon(0 0, calc(100% - 8px) 0, 100% calc(8px * var(--portal-cut-slope)), 100% 100%, 0 100%)}.op-cut-preview .cut-12{height:51px;clip-path:polygon(0 0, calc(100% - 12px) 0, 100% calc(12px * var(--portal-cut-slope)), 100% 100%, 0 100%)}.op-cut-preview .cut-16{height:58px;clip-path:polygon(0 0, calc(100% - 16px) 0, 100% calc(16px * var(--portal-cut-slope)), 100% 100%, 0 100%)}.op-grid-preview{background:radial-gradient(circle at 88% 20%, color-mix(in srgb, var(--violet-500) 14%, transparent), transparent 42%), var(--color-surface)}.op-grid-preview:before{content:"";background-image:linear-gradient(var(--portal-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--portal-grid-line) 1px, transparent 1px);background-size:14px 14px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 84%);mask-image:linear-gradient(90deg,#000,#0000 84%)}.op-grid-preview i{width:52%;height:var(--signal-rail-width);background:linear-gradient(90deg, var(--violet-500), var(--blue-500), transparent);position:absolute;bottom:12px;left:11px}.op-theme-preview{grid-template-columns:1fr 1fr;display:grid}.op-theme-preview>i{place-items:center;font-style:normal;display:grid}.op-theme-preview>i+i{border-left:1px solid var(--color-border-default)}.op-theme-preview .light{background:radial-gradient(circle at 80% 10%,#8826ff1f,#0000 48%),#f8f7fb}.op-theme-preview .dark{background:radial-gradient(circle at 80% 10%,#8826ff33,#0000 48%),#0c0c10}.op-theme-preview b{width:40px;height:32px;box-shadow:inset 2px 0 var(--violet-500);clip-path:polygon(0 0, calc(100% - 7px) 0, 100% calc(7px * var(--portal-cut-slope)), 100% 100%, 0 100%);background:#0d0d0f;border:1px solid #ffffff2e}.op-signal-preview{grid-template-columns:2px 1fr 1fr;align-items:center;gap:12px;padding:12px;display:grid}.op-signal-preview:before{content:"";background:linear-gradient(120deg, color-mix(in srgb, var(--violet-500) 7%, transparent), transparent 46%);position:absolute;inset:0}.op-signal-preview i{z-index:1;background:linear-gradient(var(--violet-500), var(--blue-500), var(--lime-500));height:44px;position:relative}.op-signal-preview i+i{background:linear-gradient(90deg, var(--violet-500), var(--blue-500));width:42px;height:2px}.op-signal-preview b{z-index:1;background:var(--lime-500);width:7px;height:7px;box-shadow:0 0 10px color-mix(in srgb, var(--lime-500) 45%, transparent);position:relative;transform:rotate(45deg)}.op-validated-components>div{grid-template-columns:1fr 1fr;display:grid}.op-validated-components>div>article{min-width:0;padding:14px}.op-validated-components>div>article+article{border-left:1px solid var(--color-border-default)}.op-validated-components article>footer{align-items:flex-start;gap:14px;padding:11px 2px 0;display:flex}.op-validated-components article>footer span{color:var(--color-interactive-primary);font:650 12px var(--font-label), monospace;letter-spacing:.08em;flex:none}.op-validated-components article>footer p{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.5}.op-mini-card{border:1px solid var(--color-border-default);background:linear-gradient(135deg, color-mix(in srgb, var(--color-surface) 96%, white), transparent 46%), var(--color-surface);min-height:184px;clip-path:polygon(0 0, calc(100% - var(--portal-cut-surface)) 0, 100% calc(var(--portal-cut-surface) * var(--portal-cut-slope)), 100% 100%, 0 100%);filter:drop-shadow(0 0 .7px var(--portal-outline));flex-direction:column;align-items:flex-start;padding:18px;display:flex;position:relative}.op-mini-card-mark{width:38px;height:34px;color:var(--color-interactive-primary);background:var(--brand-mark-tile);box-shadow:inset var(--signal-rail-width) 0 var(--violet-500);clip-path:polygon(0 0, calc(100% - var(--portal-cut-mark)) 0, 100% calc(var(--portal-cut-mark) * var(--portal-cut-slope)), 100% 100%, 0 100%);place-items:center;font-size:13px;display:grid}.op-mini-card>strong{margin-top:14px;font-size:11px}.op-mini-card>p{color:var(--color-text-secondary);margin:5px 0 15px;font-size:7px}.op-mini-card label{grid-template-columns:1fr auto;gap:6px;width:100%;margin-top:auto;display:grid}.op-mini-card input,.op-mini-card button{border:1px solid var(--color-border-default);min-height:32px;font-size:7px}.op-mini-card input{background:var(--color-surface);min-width:0;color:var(--color-text-primary);padding:0 9px}.op-mini-card button{color:#fff;background:var(--button-primary-background);border-color:#0000;padding:0 12px}.op-mini-activity{border:1px solid var(--color-border-default);border-left:var(--signal-rail-width) solid var(--color-interactive-primary);background:var(--color-surface);min-height:184px;clip-path:polygon(0 0, calc(100% - var(--portal-cut-surface)) 0, 100% calc(var(--portal-cut-surface) * var(--portal-cut-slope)), 100% 100%, 0 100%);filter:drop-shadow(0 0 .7px var(--portal-outline))}.op-mini-activity nav{border-bottom:1px solid var(--color-border-default);align-items:stretch;gap:4px;min-height:38px;padding:0 8px;display:flex}.op-mini-activity nav button{color:var(--color-text-muted);text-transform:uppercase;background:0 0;border:0;padding:0 9px;font-size:6px;font-weight:650}.op-mini-activity nav button[aria-pressed=true]{color:var(--color-interactive-primary);box-shadow:inset 0 -2px var(--color-interactive-primary)}.op-mini-activity-query{border-bottom:1px solid var(--color-border-default);min-height:40px;color:var(--color-text-muted);align-items:center;gap:7px;padding:6px 8px;font-size:6px;display:flex}.op-mini-activity-query>span:nth-child(2){flex:1}.op-mini-activity-query button{color:#fff;background:var(--button-primary-background);border:0;min-height:27px;padding:0 9px;font-size:6px}.op-mini-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:104px;display:flex}.op-mini-empty i{width:26px;height:26px;color:var(--color-interactive-primary);border:1px solid color-mix(in srgb, var(--color-interactive-primary) 32%, var(--color-border-default));place-items:center;font-style:normal;display:grid}.op-mini-empty strong{font-size:8px}.op-mini-empty p{color:var(--color-text-muted);margin:0;font-size:6px}.op-pattern-rules{border:1px solid var(--color-border-default);background:var(--color-surface);border-top:0;grid-template-columns:repeat(3,1fr);display:grid}.op-pattern-rules article{border-right:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);min-height:134px;padding:17px}.op-pattern-rules article:nth-child(3n){border-right:0}.op-pattern-rules article:nth-last-child(-n+3){border-bottom:0}.op-pattern-rules article>span{color:var(--color-interactive-primary);font:12px var(--font-label), monospace;letter-spacing:.08em}.op-pattern-rules h3{margin:8px 0 5px;font-size:12px}.op-pattern-rules p{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.55}@keyframes op-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.op-spinner{animation-duration:1.6s}}@media (max-width:960px){.op-metric-row{overflow-x:auto}.op-metric-row article{min-width:230px}.op-results-toolbar{flex-direction:column;align-items:flex-start}.op-results-actions{width:100%;overflow-x:auto}.op-master-detail{grid-template-columns:1fr}.op-master-pane{border-right:0;border-bottom:1px solid var(--color-border-default)}.op-contract-grid{grid-template-columns:1fr 1fr}.op-contract-grid>article{border-bottom:1px solid var(--color-border-default)}.op-contract-grid>article:nth-child(2n){border-right:0}.op-contract-grid>article:nth-last-child(-n+2){border-bottom:0}.op-pattern-rules{grid-template-columns:1fr 1fr}.op-pattern-rules article:nth-child(3n){border-right:1px solid var(--color-border-default)}.op-pattern-rules article:nth-child(2n){border-right:0}.op-pattern-rules article:nth-last-child(-n+3){border-bottom:1px solid var(--color-border-default)}.op-pattern-rules article:nth-last-child(-n+2){border-bottom:0}}@media (max-width:680px){.op-anatomy-strip{display:flex;overflow-x:auto}.op-anatomy-strip span{min-width:132px;min-height:40px}.op-metric-row article{min-width:190px}.op-filter-bar{align-items:stretch}.op-type-switch{width:100%}.op-type-switch button{flex:1}.op-filter-popover{width:auto;max-height:calc(100vh - 80px);position:fixed;inset:auto 20px 20px}.op-results-actions{padding-bottom:3px}.op-master-detail{display:block}.op-detail-pane{min-height:250px}.op-state-switch{flex-wrap:wrap;justify-content:flex-start;align-items:stretch;padding-top:8px}.op-state-switch>span{width:100%;margin:0 0 3px}.op-product-contract>header,.op-validated-components>header{flex-direction:column;align-items:flex-start;gap:9px}.op-contract-grid{grid-template-columns:1fr}.op-contract-grid>article,.op-contract-grid>article:nth-child(2n),.op-contract-grid>article:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--color-border-default)}.op-contract-grid>article:last-child{border-bottom:0}.op-contract-grid p{min-height:0}.op-validated-components>div{grid-template-columns:1fr}.op-validated-components>div>article+article{border-top:1px solid var(--color-border-default);border-left:0}.op-pattern-rules{grid-template-columns:1fr}.op-pattern-rules article,.op-pattern-rules article:nth-child(3n),.op-pattern-rules article:nth-child(2n),.op-pattern-rules article:nth-last-child(-n+2){border-right:0;border-bottom:1px solid var(--color-border-default)}.op-pattern-rules article:last-child{border-bottom:0}}.atlas-shell-spec,.icon-system-spec{border:1px solid var(--color-border-default);background:var(--color-surface)}.atlas-shell-spec{margin-bottom:12px}.atlas-shell-spec-header,.icon-system-spec>header{border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:flex-end;gap:28px;min-height:88px;padding:17px;display:flex}.atlas-shell-spec-header span,.icon-system-spec>header span{color:var(--color-interactive-primary);font:650 12px var(--font-label), monospace;letter-spacing:.1em}.atlas-shell-spec-header h3,.icon-system-spec>header h3{margin:7px 0 0;font-size:16px}.atlas-shell-spec-header p,.icon-system-spec>header p{max-width:480px;color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.55}.atlas-shell-demo{border:1px solid var(--color-border-default);background:var(--color-background-primary);clip-path:polygon(0 0, calc(100% - var(--portal-cut-command)) 0, 100% calc(var(--portal-cut-command) * var(--portal-cut-slope)), 100% 100%, 0 100%);filter:drop-shadow(0 0 .7px var(--portal-outline));margin:14px;overflow:hidden}.atlas-demo-topbar{border-bottom:1px solid var(--color-border-default);background:color-mix(in srgb, var(--color-surface) 92%, transparent);grid-template-columns:auto minmax(0,1fr) minmax(180px,250px) auto;align-items:stretch;min-height:56px;display:grid}.atlas-demo-brand{border-right:1px solid var(--color-border-default);align-items:center;gap:9px;padding:0 13px;display:flex}.atlas-demo-brand>span{background:var(--brand-mark-tile);width:32px;height:26px;box-shadow:inset 2px 0 var(--violet-500);clip-path:polygon(0 0, calc(100% - 7px) 0, 100% calc(7px * var(--portal-cut-slope)), 100% 100%, 0 100%);place-items:center;display:grid}.atlas-demo-brand i{border:1.5px solid #fff;width:14px;height:8px;transform:skew(-16deg)}.atlas-demo-brand strong{font:650 8px var(--font-label), monospace;letter-spacing:.12em}.atlas-demo-topbar>nav{align-items:stretch;gap:2px;min-width:0;padding-inline:4px;display:flex;overflow:hidden}.atlas-demo-topbar>nav button{min-width:0;color:var(--color-text-secondary);white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:0 10px;font-size:7px;display:flex;position:relative}.atlas-demo-topbar>nav button:after{content:"";background:var(--color-interactive-primary);transform-origin:50%;height:2px;transition:transform var(--motion-operational) var(--ease-standard);position:absolute;bottom:0;left:10px;right:10px;transform:scaleX(0)}.atlas-demo-topbar>nav button svg{flex:none;display:none}.atlas-demo-topbar>nav button:hover{color:var(--color-text-primary);background:color-mix(in srgb, var(--color-interactive-primary) 3%, transparent)}.atlas-demo-topbar>nav button[aria-current=page]{color:var(--color-text-primary);font-weight:650}.atlas-demo-topbar>nav button[aria-current=page]:after{transform:scaleX(1)}.atlas-demo-search{border:1px solid var(--color-border-default);background:var(--color-surface);min-width:0;height:34px;color:var(--color-text-muted);text-align:left;align-self:center;align-items:center;gap:7px;margin:0 8px;padding:0 8px;font-size:7px;display:flex}.atlas-demo-search span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.atlas-demo-search kbd{font:6px var(--font-mono), monospace}.atlas-demo-utilities{align-items:center;gap:2px;padding-right:9px;display:flex}.atlas-demo-utilities>button{width:30px;height:34px;color:var(--color-text-secondary);background:0 0;border:0;place-items:center;display:grid}.atlas-demo-utilities>button:hover{color:var(--color-interactive-primary);background:var(--color-background-secondary)}.atlas-demo-utilities>.atlas-demo-avatar,.atlas-demo-avatar{color:#fff;background:linear-gradient(135deg, var(--violet-500), var(--blue-500));width:27px;height:27px;font:650 7px var(--font-label), monospace;place-items:center;display:grid}.atlas-demo-workspace{min-height:350px;transition:grid-template-columns var(--motion-operational) var(--ease-standard);grid-template-columns:164px minmax(0,1fr);display:grid}.atlas-shell-demo.sidebar-collapsed .atlas-demo-workspace{grid-template-columns:48px minmax(0,1fr)}.atlas-demo-workspace>aside{color:#a2a2aa;background:#0c0c0e;flex-direction:column;min-width:0;display:flex}.atlas-demo-workspace>aside>header{border-bottom:1px solid #242429;align-items:center;gap:9px;min-height:42px;padding:0 10px;display:flex}.atlas-demo-workspace>aside>header button{color:#d0d0d5;background:#17171a;border:0;flex:none;place-items:center;width:26px;height:26px;display:grid}.atlas-demo-workspace>aside>header span{font:6px var(--font-label), monospace;letter-spacing:.11em;white-space:nowrap;overflow:hidden}.atlas-demo-workspace>aside nav{padding:9px 0}.atlas-demo-workspace>aside nav button{color:#92929b;text-align:left;white-space:nowrap;background:0 0;border:0;border-left:2px solid #0000;grid-template-columns:28px 1fr auto;align-items:center;width:100%;min-height:34px;padding:0 9px;font-size:7px;display:grid;overflow:hidden}.atlas-demo-workspace>aside nav button svg{justify-self:center}.atlas-demo-workspace>aside nav button.active{color:#fff;border-left-color:var(--violet-500);background:#19191c}.atlas-demo-workspace>aside nav button b{text-align:center;min-width:18px;font:6px var(--font-label), monospace;background:#2b2b31;padding:2px 4px}.atlas-demo-workspace>aside footer{border-top:1px solid #242429;grid-template-columns:27px 1fr auto;align-items:center;gap:8px;min-height:52px;margin-top:auto;padding:0 10px;display:grid;overflow:hidden}.atlas-demo-workspace>aside footer div{white-space:nowrap;flex-direction:column;gap:2px;min-width:0;display:flex}.atlas-demo-workspace>aside footer strong{color:#fff;font-size:7px}.atlas-demo-workspace>aside footer small{color:#76767e;font-size:5px}.atlas-shell-demo.sidebar-collapsed .atlas-demo-workspace>aside :is(header span,nav span,nav b,footer div,footer>svg){display:none}.atlas-demo-workspace>main{background-image:linear-gradient(var(--portal-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--portal-grid-line) 1px, transparent 1px);background-size:var(--technical-grid-size) var(--technical-grid-size);min-width:0;padding:18px}.atlas-demo-breadcrumb{color:var(--color-text-muted);font:6px var(--font-label), monospace;align-items:center;gap:6px;display:flex}.atlas-demo-breadcrumb strong{color:var(--color-text-secondary)}.atlas-demo-page-title{border:1px solid var(--color-border-default);border-left:var(--signal-rail-width) solid var(--violet-500);background:radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--violet-500) 13%, transparent), transparent 42%), color-mix(in srgb, var(--color-surface) 90%, transparent);min-height:118px;clip-path:polygon(0 0, calc(100% - var(--portal-cut-surface)) 0, 100% calc(var(--portal-cut-surface) * var(--portal-cut-slope)), 100% 100%, 0 100%);justify-content:space-between;align-items:center;gap:20px;margin-top:10px;padding:16px;display:flex}.atlas-demo-page-title small{color:var(--color-text-muted);font:6px var(--font-label), monospace}.atlas-demo-page-title h4{letter-spacing:-.04em;margin:7px 0 4px;font-size:21px}.atlas-demo-page-title p{max-width:470px;color:var(--color-text-secondary);margin:0;font-size:7px}.atlas-demo-page-title button{color:#fff;background:var(--button-primary-background);border:0;flex:none;align-items:center;gap:7px;min-height:32px;padding:0 10px;font-size:7px;display:flex}.atlas-demo-content{grid-template-columns:1.2fr 1fr 1fr;gap:8px;margin-top:9px;display:grid}.atlas-demo-content span{border:1px solid var(--color-border-default);border-left:2px solid var(--violet-500);background:var(--color-surface);min-height:88px;clip-path:polygon(0 0, calc(100% - 10px) 0, 100% calc(10px * var(--portal-cut-slope)), 100% 100%, 0 100%)}.atlas-demo-content span:last-child{border-left-color:var(--lime-500)}.atlas-shell-rules{border-top:1px solid var(--color-border-default);grid-template-columns:repeat(4,1fr);display:grid}.atlas-shell-rules article{border-right:1px solid var(--color-border-default);min-height:110px;padding:14px}.atlas-shell-rules article:last-child{border-right:0}.atlas-shell-rules span{color:var(--color-interactive-primary);font:12px var(--font-label), monospace}.atlas-shell-rules strong{margin:8px 0 4px;font-size:12px;display:block}.atlas-shell-rules p{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.5}.icon-system-spec{margin-top:12px}.icon-inventory{grid-template-columns:repeat(6,1fr);display:grid}.icon-inventory article{border-right:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:86px;display:flex}.icon-inventory article:nth-child(6n){border-right:0}.icon-inventory svg{color:var(--color-interactive-primary)}.icon-inventory strong{font-size:12px}.icon-inventory code{color:var(--color-text-muted);font-size:12px}.icon-rules{grid-template-columns:repeat(6,1fr);display:grid}.icon-rules article{border-right:1px solid var(--color-border-default);flex-direction:column;align-items:flex-start;gap:8px;min-height:130px;padding:13px;display:flex}.icon-rules article:last-child{border-right:0}.icon-rules>article>span{color:var(--color-interactive-primary);font:12px var(--font-label), monospace}.icon-rules p{color:var(--color-text-secondary);margin:auto 0 0;font-size:12px;line-height:1.45}.icon-rules article>div{align-items:center;gap:9px;display:flex}.icon-rules button{border:1px solid var(--color-border-default);background:var(--color-surface);width:32px;height:32px;color:var(--color-text-primary);place-items:center;display:grid}.icon-avoid{color:var(--color-danger);letter-spacing:4px;font-size:17px}@media (max-width:960px){.atlas-demo-topbar{grid-template-columns:auto minmax(0,1fr) auto}.atlas-demo-topbar>nav button span{display:none}.atlas-demo-topbar>nav button svg{display:block}.atlas-demo-search{display:none}.atlas-shell-rules{grid-template-columns:1fr 1fr}.atlas-shell-rules article:nth-child(2){border-right:0}.atlas-shell-rules article:nth-child(-n+2){border-bottom:1px solid var(--color-border-default)}.icon-inventory{grid-template-columns:repeat(4,1fr)}.icon-inventory article:nth-child(6n){border-right:1px solid var(--color-border-default)}.icon-inventory article:nth-child(4n){border-right:0}.icon-rules{grid-template-columns:repeat(3,1fr)}.icon-rules article:nth-child(3){border-right:0}.icon-rules article:nth-child(-n+3){border-bottom:1px solid var(--color-border-default)}}@media (max-width:680px){.atlas-shell-spec-header,.icon-system-spec>header{flex-direction:column;align-items:flex-start;gap:9px}.atlas-shell-demo{margin:10px}.atlas-demo-topbar{grid-template-columns:auto 1fr auto}.atlas-demo-brand{padding-inline:8px}.atlas-demo-brand strong{display:none}.atlas-demo-topbar>nav{overflow-x:auto}.atlas-demo-topbar>nav button{justify-content:center;min-width:36px;padding:0 8px}.atlas-demo-utilities>button:nth-child(-n+2){display:none}.atlas-demo-workspace{grid-template-columns:48px minmax(0,1fr)}.atlas-demo-workspace>aside :is(header span,nav span,nav b,footer div,footer>svg){display:none}.atlas-demo-workspace>main{padding:10px}.atlas-demo-page-title{flex-direction:column;align-items:flex-start;padding:13px}.atlas-demo-page-title button{justify-content:center;width:100%}.atlas-demo-content,.atlas-shell-rules{grid-template-columns:1fr}.atlas-shell-rules article,.atlas-shell-rules article:nth-child(2){border-right:0;border-bottom:1px solid var(--color-border-default)}.atlas-shell-rules article:last-child{border-bottom:0}.icon-inventory{grid-template-columns:repeat(3,1fr)}.icon-inventory article:nth-child(4n),.icon-inventory article:nth-child(6n){border-right:1px solid var(--color-border-default)}.icon-inventory article:nth-child(3n){border-right:0}.icon-rules{grid-template-columns:1fr 1fr}.icon-rules article,.icon-rules article:nth-child(3){border-right:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default)}.icon-rules article:nth-child(2n){border-right:0}.icon-rules article:nth-last-child(-n+2){border-bottom:0}}.utility-patterns-section{background:var(--color-surface)}.pattern-family+.pattern-family{margin-top:18px}.pattern-family>header{border:1px solid var(--color-border-default);background:var(--color-background-primary);border-bottom:0;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:17px 20px;display:flex}.pattern-family>header span{color:var(--color-interactive-primary);font:12px var(--font-label), monospace;letter-spacing:.1em}.pattern-family>header h3{text-transform:uppercase;margin:6px 0 0;font-size:15px}.pattern-family>header code{color:var(--color-text-muted);font:12px var(--font-mono), monospace;white-space:nowrap}.navigation-pattern-grid,.data-pattern-grid,.overlay-pattern-grid{border:1px solid var(--color-border-default);grid-template-columns:.9fr 1.1fr 1.35fr;display:grid}.data-pattern-grid,.overlay-pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.utility-card{border-right:1px solid var(--color-border-default);background:var(--color-surface);min-width:0;min-height:300px;padding:16px}.utility-card:last-child{border-right:0}.utility-card>header{min-height:24px;color:var(--color-text-secondary);font:12px var(--font-label), monospace;letter-spacing:.08em;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.utility-card>header code,.utility-card>header kbd{color:var(--color-text-muted);font:12px var(--font-mono), monospace}.breadcrumb-pattern nav{flex-wrap:wrap;align-items:center;gap:7px;min-height:46px;margin-top:40px;display:flex}.breadcrumb-pattern nav a,.breadcrumb-pattern nav span{color:var(--color-text-secondary);font-size:12px;text-decoration:none}.breadcrumb-pattern nav a:hover{color:var(--color-interactive-primary)}.breadcrumb-pattern nav span{color:var(--color-text-primary);font-weight:600}.breadcrumb-pattern nav i{color:var(--color-border-strong);font-style:normal}.breadcrumb-pattern p{color:var(--color-text-muted);margin:30px 0 0;font-size:12px;line-height:1.55}.stepper-pattern ol{grid-template-columns:repeat(4,1fr);margin:34px 0 0;padding:0;list-style:none;display:grid}.stepper-pattern li{position:relative}.stepper-pattern li:not(:last-child):after{content:"";background:var(--color-border-default);height:1px;position:absolute;top:11px;left:calc(50% + 11px);right:calc(11px - 50%)}.stepper-pattern li[data-state=complete]:not(:last-child):after{background:var(--color-interactive-primary)}.stepper-pattern li button{width:100%;color:var(--color-text-muted);background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:0 2px;font-size:12px;display:flex}.stepper-pattern li i{z-index:1;border:1px solid var(--color-border-default);background:var(--color-surface);width:22px;height:22px;font:normal 12px var(--font-label), monospace;place-items:center;display:grid;position:relative}.stepper-pattern li[data-state=complete] i{border-color:var(--color-interactive-primary);background:var(--color-interactive-primary);color:#fff}.stepper-pattern li[data-state=active] button{color:var(--color-text-primary);font-weight:600}.stepper-pattern li[data-state=active] i{border:2px solid var(--color-interactive-primary);color:var(--color-interactive-primary)}.stepper-actions{border-top:1px solid var(--color-border-subtle);justify-content:space-between;margin-top:38px;padding-top:14px;display:flex}.stepper-actions .ds-button{min-height:34px;padding-inline:12px;font-size:12px}.command-pattern{background:var(--neutral-950);color:#fff;padding:0}.command-pattern>header{color:#c7c7cf;min-height:43px;padding:14px 15px 0}.command-pattern>header kbd{color:#90909a;border:1px solid #35353b;padding:3px 5px}.command-pattern>label{color:#8f8f99;background:#17171b;border:1px solid #3a3a42;align-items:center;gap:8px;height:45px;margin:0 10px 6px;padding:0 11px;display:flex}.command-pattern>label:focus-within{border-color:var(--violet-400)}.command-pattern input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.command-pattern input::placeholder{color:#74747d}.command-pattern [role=listbox]{padding:5px 7px}.command-pattern [role=option]{color:#d6d6dc;text-align:left;background:0 0;border:0;grid-template-columns:17px 1fr auto;align-items:center;gap:8px;width:100%;min-height:43px;padding:0 9px;display:grid}.command-pattern [role=option][aria-selected=true],.command-pattern [role=option]:hover{color:#fff;background:linear-gradient(90deg,#8826ff42,#2f00ff1f)}.command-pattern [role=option] span{flex-direction:column;gap:3px;display:flex}.command-pattern [role=option] strong{font-size:12px;font-weight:500}.command-pattern [role=option] small,.command-pattern [role=option] kbd{color:#85858f;font:12px var(--font-label), monospace}.command-pattern [role=listbox]>p{color:#85858f;text-align:center;padding:40px 10px;font-size:12px}.command-pattern>footer{color:#74747d;min-height:26px;font:12px var(--font-label), monospace;border-top:1px solid #29292f;padding:8px 13px}.structured-list,.timeline-pattern,.activity-pattern{min-height:348px}.structured-list ul,.activity-pattern ul,.timeline-pattern ol{margin:18px 0 0;padding:0;list-style:none}.structured-list li{border-top:1px solid var(--color-border-subtle);grid-template-columns:42px minmax(0,1fr) auto 28px;align-items:center;gap:9px;min-height:72px;padding:10px 0;display:grid}.structured-list .list-thumb{background:var(--gradient-brand-dark);color:#fff;width:42px;height:45px;font:12px var(--font-label), monospace;clip-path:polygon(0 0,82% 0,100% 18%,100% 100%,0 100%);place-items:center;display:grid}.structured-list .thumb-2{background:linear-gradient(135deg, var(--blue-700), var(--violet-400))}.structured-list .thumb-3{background:linear-gradient(135deg, var(--neutral-900), var(--blue-500))}.structured-list li>div{flex-direction:column;gap:4px;min-width:0;display:flex}.structured-list li strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.structured-list li small{color:var(--color-text-muted);font-size:12px}.structured-list li>button{border:1px solid var(--color-border-default);width:27px;height:27px;color:var(--color-text-muted);background:0 0;place-items:center;display:grid}.structured-list .status-badge{font-size:12px}.timeline-pattern ol{padding-left:4px}.timeline-pattern li{grid-template-columns:25px 1fr;gap:10px;min-height:69px;display:grid;position:relative}.timeline-pattern li:not(:last-child):after{content:"";background:var(--color-border-default);width:1px;position:absolute;top:25px;bottom:0;left:11px}.timeline-pattern li>i{z-index:1;border:1px solid var(--color-border-default);background:var(--color-surface);width:23px;height:23px;color:var(--color-text-muted);font:normal 12px var(--font-label), monospace;place-items:center;display:grid;position:relative}.timeline-pattern li.complete>i{border-color:var(--color-success);background:var(--color-success);color:#fff}.timeline-pattern li.current>i{border:2px solid var(--color-interactive-primary);color:var(--color-interactive-primary)}.timeline-pattern li>div{grid-template-columns:1fr auto;align-content:start;gap:4px 8px;display:grid}.timeline-pattern li small{color:var(--color-text-muted);font:12px var(--font-label), monospace;grid-column:1}.timeline-pattern li strong{grid-column:1;font-size:12px}.timeline-pattern li span{color:var(--color-text-muted);grid-area:1/2/3;align-self:center;font-size:12px}.timeline-pattern li.current span{color:var(--color-interactive-primary)}.activity-pattern>header button{color:var(--color-interactive-primary);background:0 0;border:0;font-size:12px}.activity-pattern li{grid-template-columns:11px 1fr;gap:10px;min-height:88px;display:grid}.activity-pattern li>i{border:2px solid var(--color-border-strong);background:var(--color-surface);width:8px;height:8px;margin-top:5px;transform:rotate(45deg)}.activity-pattern li>i.violet{border-color:var(--violet-500);background:var(--violet-500)}.activity-pattern li>i.green{border-color:var(--color-success);background:var(--color-success)}.activity-pattern li>div{border-bottom:1px solid var(--color-border-subtle);padding-bottom:14px}.activity-pattern li:last-child>div{border-bottom:0}.activity-pattern strong{font-size:12px}.activity-pattern p{color:var(--color-text-secondary);margin:6px 0;font-size:12px;line-height:1.45}.activity-pattern small{color:var(--color-text-muted);font:12px var(--font-label), monospace}.menu-pattern,.accordion-pattern,.modal-pattern{min-height:356px}.menu-stage{background:var(--color-background-primary);flex-direction:column;align-items:flex-start;min-height:280px;margin-top:12px;padding:22px;display:flex;position:relative}.menu-trigger{border:1px solid var(--color-border-default);background:var(--color-surface);min-height:38px;color:var(--color-text-primary);align-items:center;gap:10px;padding:0 11px;font-size:12px;display:inline-flex}.menu-stage>span{color:var(--color-text-muted);margin-top:auto;font-size:12px}.menu-stage [role=menu]{z-index:2;border:1px solid var(--color-border-strong);background:var(--color-surface-raised);width:185px;animation:utility-pop-in .16s var(--ease-standard) both;padding:5px;position:absolute;top:64px;left:22px;box-shadow:0 16px 44px #0003}.menu-stage [role=menu] button{width:100%;min-height:35px;color:var(--color-text-primary);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 8px;font-size:12px;display:flex}.menu-stage [role=menu] button:hover{background:var(--color-background-secondary)}.menu-stage [role=menu] .danger-text{color:var(--color-danger)}.menu-stage [role=menu] hr{border:0;border-top:1px solid var(--color-border-default);margin:4px 0}.accordion-pattern>div{border-top:1px solid var(--color-border-default);margin-top:14px}.accordion-pattern section{border-bottom:1px solid var(--color-border-default)}.accordion-pattern h4{margin:0}.accordion-pattern h4 button{width:100%;min-height:54px;color:var(--color-text-primary);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:14px;padding:0;font-size:12px;display:flex}.accordion-pattern h4 i{border:1px solid var(--color-border-default);width:22px;height:22px;color:var(--color-interactive-primary);font:normal 12px var(--font-label), monospace;place-items:center;display:grid}.accordion-pattern section>div p{color:var(--color-text-secondary);margin:-2px 28px 15px 0;font-size:12px;line-height:1.55}.modal-pattern{position:relative;overflow:hidden}.modal-stage{background:var(--color-background-primary);flex-direction:column;justify-content:center;align-items:flex-start;min-height:280px;margin-top:12px;padding:24px;display:flex}.modal-stage>p{color:var(--color-text-secondary);margin:0 0 20px;font-size:12px;line-height:1.55}.inline-modal-layer{z-index:5;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.inline-modal-scrim{background:#000000a3;border:0;width:100%;position:absolute;inset:0}.inline-modal{background:var(--color-surface-raised);width:min(330px,100% - 12px);color:var(--color-text-primary);clip-path:polygon(0 0, calc(100% - 14px) 0, 100% calc(14px * var(--portal-cut-slope)), 100% 100%, 0 100%);animation:utility-modal-in .22s var(--ease-standard) both;padding:22px;position:relative;box-shadow:0 24px 80px #00000061}.inline-modal-close{width:28px;height:28px;color:var(--color-text-muted);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:12px;right:12px}.modal-warning{background:color-mix(in srgb, var(--color-danger) 12%, transparent);width:34px;height:34px;color:var(--color-danger);place-items:center;margin-bottom:16px;display:grid}.inline-modal>small{color:var(--color-danger);font:12px var(--font-label), monospace;letter-spacing:.08em}.inline-modal h4{margin:7px 0 8px;font-size:15px}.inline-modal p{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.55}.inline-modal footer{border-top:1px solid var(--color-border-default);justify-content:flex-end;gap:7px;margin-top:20px;padding-top:14px;display:flex}.inline-modal footer .ds-button{min-height:34px;padding-inline:11px;font-size:12px}@keyframes utility-pop-in{0%{opacity:0;transform:translateY(-5px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes utility-modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:1080px){.navigation-pattern-grid,.data-pattern-grid,.overlay-pattern-grid{grid-template-columns:1fr 1fr}.navigation-pattern-grid .command-pattern,.data-pattern-grid .activity-pattern,.overlay-pattern-grid .modal-pattern{border-top:1px solid var(--color-border-default);grid-column:1/-1}.utility-card:nth-child(2){border-right:0}.command-pattern{min-height:330px}}@media (max-width:680px){.palette-collection>header,.pattern-family>header{flex-direction:column;align-items:flex-start}.palette-row{grid-template-columns:1fr}.palette-name{border-right:0;border-bottom:1px solid var(--color-border-default)}.palette-scale{grid-template-columns:repeat(11,62px);overflow-x:auto}.navigation-pattern-grid,.data-pattern-grid,.overlay-pattern-grid{grid-template-columns:1fr}.navigation-pattern-grid .command-pattern,.data-pattern-grid .activity-pattern,.overlay-pattern-grid .modal-pattern{grid-column:auto}.utility-card{border-right:0;border-bottom:1px solid var(--color-border-default)}.utility-card:last-child{border-bottom:0}.pattern-family>header code{white-space:normal}}@media (prefers-reduced-motion:reduce){.menu-stage [role=menu],.inline-modal,.palette-scale button{transition:none;animation:none}}.chart-pattern-library{border:1px solid var(--color-border-default);background:var(--color-surface);margin-top:12px}.chart-pattern-library>header{border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:flex-end;gap:28px;min-height:90px;padding:18px;display:flex}.chart-pattern-library>header span,.chart-pattern-grid article>header>span{color:var(--color-interactive-primary);font:650 12px var(--font-label), monospace;letter-spacing:.1em}.chart-pattern-library>header h3{margin:7px 0 0;font-size:16px}.chart-pattern-library>header p{max-width:470px;color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.55}.chart-pattern-grid{grid-template-columns:1.45fr .55fr;display:grid}.chart-pattern-grid>article{border-right:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);min-width:0;padding:18px}.chart-pattern-grid>article:nth-child(2){border-right:0}.chart-pattern-grid>article:last-child{border-right:0;grid-column:1/-1}.chart-pattern-grid article>header{min-height:48px}.chart-pattern-grid article>header h4{margin:6px 0 0;font-size:14px}.chart-pattern-grid article>header small{color:var(--color-text-muted);margin-top:4px;font-size:12px;display:block}.line-pattern-card>header{justify-content:space-between;gap:20px;display:flex}.chart-legend{color:var(--color-text-secondary);gap:12px;font-size:12px;display:flex}.chart-legend span{align-items:center;gap:5px;display:flex}.chart-legend i{width:7px;height:2px}.series-violet{background:var(--chart-series-1)}.series-blue{background:var(--chart-series-2)}.line-chart-wrap{margin-top:12px;position:relative}.line-chart-wrap svg{width:100%;height:auto;display:block;overflow:visible}.chart-gridline{stroke:var(--chart-grid-line);stroke-width:1px;vector-effect:non-scaling-stroke}.line-area{fill:color-mix(in srgb, var(--chart-series-1) 10%, transparent)}.line-series{fill:none;stroke-width:2.25px;vector-effect:non-scaling-stroke}.line-series.organic{stroke:var(--chart-series-1)}.line-series.paid{stroke:var(--chart-series-2)}.selected-guide{stroke:var(--color-border-strong);stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.selected-point{fill:var(--lime-500);stroke:var(--color-surface);stroke-width:2px;vector-effect:non-scaling-stroke}.line-tooltip{color:#fff;background:var(--neutral-900);min-width:78px;box-shadow:var(--shadow-operational);padding:8px 9px;position:absolute;top:10%;right:13%}.line-tooltip span,.line-tooltip small{color:#a9a9b0;font:12px var(--font-label), monospace;display:block}.line-tooltip strong{margin:3px 0;font-size:12px;display:block}.chart-axis-labels{color:var(--color-text-muted);font:12px var(--font-label), monospace;justify-content:space-between;padding-left:6.5%;display:flex}.ranking-bars{gap:6px;margin-top:17px;display:grid}.ranking-bars button{color:var(--color-text-primary);text-align:left;background:0 0;border:1px solid #0000;grid-template-rows:auto auto;grid-template-columns:28px minmax(80px,1fr) 38px;align-items:center;gap:4px 7px;padding:5px 7px;display:grid}.ranking-bars button:hover{background:var(--color-background-secondary)}.ranking-bars button[aria-pressed=true]{border-color:var(--color-interactive-primary);background:color-mix(in srgb, var(--color-interactive-primary) 6%, transparent)}.ranking-bars code{grid-row:1/3;font-size:12px}.ranking-bars button>span{background:var(--color-background-secondary);height:7px;overflow:hidden}.ranking-bars button>span i{background:var(--chart-series-1);height:100%;transition:width var(--motion-expressive) var(--ease-standard);display:block}.ranking-bars button[aria-pressed=true]>span i{background:var(--lime-500)}.ranking-bars strong{font:650 12px var(--font-label), monospace;text-align:right}.ranking-bars small{color:var(--color-text-muted);grid-column:2/4;font-size:12px}.ranking-pattern-card>p{border-top:1px solid var(--color-border-subtle);color:var(--color-text-secondary);margin:14px 0 0;padding-top:10px;font-size:12px}.heatmap-pattern-card{grid-template-columns:minmax(150px,.42fr) minmax(280px,1fr);column-gap:28px;display:grid}.heatmap-layout{grid-template-columns:32px minmax(0,1fr);align-items:stretch;display:grid}.heatmap-y{color:var(--color-text-muted);font:12px var(--font-label), monospace;grid-template-rows:repeat(5,1fr);align-items:center;display:grid}.heatmap-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.heatmap-grid i{border:1px solid color-mix(in srgb, var(--chart-series-1) 12%, var(--color-border-default));min-height:26px}.heatmap-grid .level-1{background:color-mix(in srgb, var(--chart-series-1) 8%, var(--color-surface))}.heatmap-grid .level-2{background:color-mix(in srgb, var(--chart-series-1) 22%, var(--color-surface))}.heatmap-grid .level-3{background:color-mix(in srgb, var(--chart-series-1) 42%, var(--color-surface))}.heatmap-grid .level-4{background:color-mix(in srgb, var(--chart-series-1) 67%, var(--color-surface))}.heatmap-grid .level-5{background:var(--chart-series-1)}.heatmap-x{color:var(--color-text-muted);font:12px var(--font-label), monospace;justify-content:space-between;margin-top:6px;display:flex}.heatmap-scale{color:var(--color-text-muted);font:12px var(--font-label), monospace;grid-column:2;justify-content:flex-end;align-items:center;gap:3px;margin-top:10px;display:flex}.heatmap-scale i{width:16px;height:6px}.heatmap-scale i:first-of-type{background:color-mix(in srgb, var(--chart-series-1) 8%, var(--color-surface))}.heatmap-scale i:nth-of-type(2){background:color-mix(in srgb, var(--chart-series-1) 22%, var(--color-surface))}.heatmap-scale i:nth-of-type(3){background:color-mix(in srgb, var(--chart-series-1) 42%, var(--color-surface))}.heatmap-scale i:nth-of-type(4){background:color-mix(in srgb, var(--chart-series-1) 67%, var(--color-surface))}.heatmap-scale i:nth-of-type(5){background:var(--chart-series-1)}.chart-choice-rules{grid-template-columns:repeat(4,1fr);display:grid}.chart-choice-rules article{border-right:1px solid var(--color-border-default);min-height:112px;padding:14px}.chart-choice-rules article:last-child{border-right:0}.chart-choice-rules span{color:var(--color-interactive-primary);font:12px var(--font-label), monospace}.chart-choice-rules strong{margin:8px 0 4px;font-size:12px;display:block}.chart-choice-rules p{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.45}@media (max-width:960px){.chart-pattern-grid{grid-template-columns:1fr}.chart-pattern-grid>article,.chart-pattern-grid>article:nth-child(2){border-right:0}.chart-pattern-grid>article:last-child{grid-column:auto}.chart-choice-rules{grid-template-columns:1fr 1fr}.chart-choice-rules article:nth-child(2){border-right:0}.chart-choice-rules article:nth-child(-n+2){border-bottom:1px solid var(--color-border-default)}}@media (max-width:680px){.chart-pattern-library>header{flex-direction:column;align-items:flex-start;gap:9px}.line-pattern-card>header{flex-direction:column;align-items:flex-start}.line-tooltip{transform-origin:100% 0;top:3%;right:4%;transform:scale(.82)}.heatmap-pattern-card{grid-template-columns:1fr;row-gap:15px}.heatmap-scale{grid-column:auto}.heatmap-grid{gap:3px}.heatmap-grid i{min-height:19px}.chart-choice-rules{grid-template-columns:1fr}.chart-choice-rules article,.chart-choice-rules article:nth-child(2){border-right:0;border-bottom:1px solid var(--color-border-default)}.chart-choice-rules article:last-child{border-bottom:0}}@media (prefers-reduced-motion:reduce){.ranking-bars button>span i{transition:none}}.a11y-mark{background:var(--neutral-1000);color:#fff;clip-path:polygon(0 0,83% 0,100% 17%,100% 100%,0 100%);align-content:center;place-items:center;width:70px;height:70px;font-size:24px;font-weight:900;display:grid}.a11y-mark small{color:var(--lime-500);font:7px var(--font-label),monospace}.accessibility-grid{border-left:1px solid var(--color-border-default);border-top:1px solid var(--color-border-default);grid-template-columns:repeat(4,1fr);display:grid}.accessibility-grid article{border-right:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);grid-template-columns:22px 1fr auto;gap:10px;min-height:170px;padding:18px;display:grid}.accessibility-grid article>span{color:var(--color-interactive-primary);font:7px var(--font-label),monospace}.accessibility-grid h3{text-transform:uppercase;margin:29px 0 7px;font-size:11px}.accessibility-grid p{color:var(--color-text-secondary);margin:0;font-size:8px;line-height:1.55}.accessibility-grid article>i{color:var(--color-success);font-style:normal}.focus-demo{border:1px solid var(--color-border-default);justify-content:space-between;align-items:center;margin-top:12px;padding:21px;display:flex}.focus-demo>div:first-child p{font:7px var(--font-label),monospace;margin:0 0 4px}.focus-demo>div:first-child span{color:var(--color-text-muted);font-size:8px}.focus-demo>div:last-child{align-items:center;gap:20px;display:flex}.focus-example{background:var(--color-surface);border:2px solid var(--color-focus);outline:0;height:40px;padding:0 15px;font-size:9px}.focus-example:focus-visible{background:var(--color-surface);border:2px solid var(--color-focus);outline:0;height:40px;padding:0 15px;font-size:9px}.focus-demo code{color:var(--color-text-muted);font:7px var(--font-mono),monospace}.preference-cards{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}.preference-cards article{border:1px solid var(--color-border-default);padding:17px}.preference-cards article>span{font:7px var(--font-label),monospace}.preference-cards article>p{color:var(--color-text-muted);margin:10px 0 0;font-size:8px;line-height:1.5}.preference-preview{background:var(--color-background-secondary);justify-content:center;align-items:center;gap:8px;height:76px;margin-top:13px;display:flex}.motion-off i{border:1px solid var(--color-border-strong);width:30px;height:30px}.transparency-off div{background:var(--neutral-900);color:#fff;border:1px solid #444;padding:15px 25px;font-size:8px}.reflow i{background:var(--color-border-default);width:22%;height:10px}.reflow i:nth-child(2){width:38%}.api-grid{grid-template-columns:1.1fr .9fr;gap:12px;display:grid}.api-grid .code-block{min-height:330px;margin:0}.api-grid>article{border:1px solid var(--color-border-default);background:var(--color-surface);padding:22px}.api-grid>article header{color:var(--color-text-muted);font:7px var(--font-label),monospace;justify-content:space-between;display:flex}.api-grid ul{margin:21px 0 0;padding:0;list-style:none}.api-grid li{border-top:1px solid var(--color-border-default);flex-direction:column;gap:4px;padding:13px 0;display:flex}.api-grid li b{font:9px var(--font-label),monospace;color:var(--color-interactive-primary)}.api-grid li span{color:var(--color-text-muted);font-size:8px}.api-dont{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.api-dont>div{border:1px solid var(--color-border-default);justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.api-dont span{font:7px var(--font-label),monospace;color:var(--color-success)}.api-dont>div:last-child span{color:var(--color-danger)}.api-dont code{font:8px var(--font-mono),monospace;color:var(--color-text-secondary)}.developer-flow{border:1px solid var(--color-border-default);grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;margin-top:12px;display:grid}.developer-flow article{padding:18px}.developer-flow article>span{color:var(--color-interactive-primary);font:7px var(--font-label),monospace}.developer-flow h3{text-transform:uppercase;margin:10px 0 5px;font-size:10px}.developer-flow p{color:var(--color-text-muted);margin:0;font-size:8px}.developer-flow>i{color:var(--color-border-strong);font-style:normal}.guidance-list{flex-direction:column;gap:12px;display:flex}.guidance-list>article{border:1px solid var(--color-border-default);grid-template-columns:1fr .9fr 1fr .9fr;display:grid}.guidance-visual{background:var(--color-background-secondary);min-height:220px;padding:14px;position:relative;overflow:hidden}.guidance-visual>span{z-index:2;color:var(--color-success);font:7px var(--font-label),monospace;position:relative}.guidance-visual.bad>span{color:var(--color-danger)}.guidance-visual>div{justify-content:center;align-items:center;gap:7px;height:calc(100% - 12px);display:flex}.guidance-copy{border-right:1px solid var(--color-border-default);flex-direction:column;justify-content:center;padding:25px;display:flex}.guidance-copy>span{color:var(--color-success);font:7px var(--font-label),monospace}.guidance-copy.dont>span{color:var(--color-danger)}.guidance-copy h3{margin:12px 0 7px;font-size:15px;line-height:1.1}.guidance-copy p{color:var(--color-text-secondary);margin:0;font-size:9px;line-height:1.55}.guidance-visual.good{box-shadow:inset 3px 0 var(--color-success)}.guidance-visual.bad{box-shadow:inset 3px 0 var(--color-danger)}.guidance-visual.energy.good>div i{width:65px;height:65px}.guidance-visual.energy.good i:first-child{background:var(--violet-500)}.guidance-visual.energy.good i:last-child{background:var(--blue-500)}.guidance-visual.energy.bad>div{gap:0}.guidance-visual.energy.bad i{width:33%;height:100%}.guidance-visual.energy.bad i:first-child{background:var(--violet-500)}.guidance-visual.energy.bad i:nth-child(2){background:var(--blue-500)}.guidance-visual.energy.bad i:nth-child(3){background:var(--lime-500)}.guidance-visual.lime.good>div{background:var(--neutral-900);color:#fff}.guidance-visual.lime.good strong{font-size:36px}.guidance-visual.lime.good mark{background:var(--lime-500);color:#000;font:6px var(--font-label),monospace;padding:5px}.guidance-visual.lime.bad button,.guidance-visual.lime.bad mark{background:var(--lime-500);color:#000;border:0;padding:13px 17px;font-size:8px}.guidance-visual.shape.good>div{background:var(--neutral-900);color:#fff}.portal-shape{background:var(--gradient-brand-primary);clip-path:polygon(0 0,78% 0,100% 20%,100% 100%,0 100%);width:110px;height:120px}.guidance-visual.shape.good b{font-size:18px}.guidance-visual.shape.bad i{background:var(--violet-500);clip-path:polygon(15% 0,85% 0,100% 20%,85% 100%,15% 100%,0 75%);width:55px;height:55px}.guidance-visual.glass.good>div{background:var(--gradient-brand-dark)}.glass-mini{color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font:7px var(--font-label),monospace;background:#120a1e94;border:1px solid #ffffff38;padding:24px}.guidance-visual.glass.bad>div{background:var(--gradient-brand-dark)}.guidance-visual.glass.bad>div>div{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff2e;border-radius:18px;width:27%;height:65%}.changelog-layout{grid-template-columns:.36fr .64fr;gap:12px;display:grid}.current-release{background:var(--neutral-1000);color:#fff;clip-path:polygon(0 0,90% 0,100% 10%,100% 100%,0 100%);flex-direction:column;min-height:320px;padding:24px;display:flex}.current-release>span{color:var(--lime-500);font:7px var(--font-label),monospace}.current-release>strong{letter-spacing:-.07em;margin-top:45px;font-size:64px}.current-release>p{color:#b5b2bb;font-size:13px}.current-release>small{color:#77747d;font:6px var(--font-label),monospace;margin-top:auto}.release-notes{border:1px solid var(--color-border-default);background:var(--color-surface)}.release-notes article{border-bottom:1px solid var(--color-border-default);grid-template-columns:68px 1fr;gap:15px;min-height:80px;padding:17px;display:grid}.release-notes article:last-child{border:0}.release-type{background:color-mix(in srgb,var(--color-interactive-primary) 10%,transparent);color:var(--color-interactive-primary);font:6px var(--font-label),monospace;text-align:center;align-self:start;padding:5px 7px}.release-type.update{background:var(--color-background-secondary);color:var(--color-text-muted)}.release-notes strong{font-size:10px}.release-notes p{color:var(--color-text-muted);margin:5px 0 0;font-size:8px;line-height:1.5}.governance-note{border:1px solid var(--color-border-default);align-items:center;gap:14px;margin-top:12px;padding:18px;display:flex}.governance-note>div{flex:1}.governance-note strong{font-size:10px}.governance-note p{color:var(--color-text-muted);margin:3px 0 0;font-size:8px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.motion-dot{left:calc(100% - 22px)!important}}@media (prefers-reduced-transparency:reduce){.quick-settings,.glass-stat,.glass-level,.expressive-screen nav,.expressive-kpis div,.card-system.expressive .content-card,.card-system.expressive .kpi-card,.glass-mini{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--neutral-900)!important}}@media (max-width:1180px){.hero{grid-template-columns:1fr;max-height:none;padding-top:80px}.hero-copy{max-width:760px}.hero-composition{width:min(760px,100%);margin:10px auto 0}.philosophy-grid,.color-grid,.accessibility-grid,.guidance-list>article{grid-template-columns:1fr 1fr}.guidance-visual.bad{grid-column:1}.guidance-copy.dont{grid-area:2/2}.token-value-grid,.component-index-grid{grid-template-columns:1fr 1fr}}@media (max-width:960px){.quick-settings{display:none}.mode-comparison,.form-showcase,.navigation-showcase,.chart-grid,.api-grid{grid-template-columns:1fr}.type-specimens{grid-template-columns:1fr 1fr}.type-specimens article:first-child{grid-column:1/-1}.geometry-grid,.border-elevation,.color-guidance-grid,.token-flow{grid-template-columns:1fr}.token-flow header b{display:none}.kpi-grid{grid-template-columns:1fr 1fr}.material-stage{height:460px}.glass-level{width:42%}.glass-level.subtle{left:8%}.glass-level.standard{left:35%}.glass-level.hero-glass{right:5%}.button-matrix>header,.button-matrix>div{grid-template-columns:110px repeat(3,1fr)}.site-footer{grid-template-columns:1fr;gap:18px}}@media (max-width:680px){html{scroll-padding-top:54px}.hero{min-height:auto;padding:70px 22px}.hero h1{font-size:50px}.hero-meta{flex-direction:column;gap:8px}.hero-composition{min-height:420px}.operational-window{width:92%;min-width:0}.expressive-window{width:84%;min-width:0;height:270px}.glass-stat{width:56%}.scroll-cue{display:none}.doc-section{padding:66px 20px}.section-header{grid-template-columns:1fr;margin-bottom:34px}.section-header h2{font-size:37px}.section-description{font-size:13px}.philosophy-grid,.color-grid,.type-specimens,.token-value-grid,.component-index-grid,.kpi-grid,.accessibility-grid,.preference-cards,.visualization-rules,.component-details{grid-template-columns:1fr}.type-specimens article:first-child{grid-column:auto}.experience-panel{padding:12px}.same-screen{height:300px}.decision-bar{flex-direction:column;align-items:flex-start}.neutral-system{grid-template-columns:1fr}.neutral-strip{grid-template-columns:repeat(7,1fr);height:90px}.gradient-library>div{grid-template-columns:1fr 1fr}.portal-geometry{grid-template-columns:1fr}.spacing-system>div{justify-content:flex-start;overflow-x:auto}.spacing-system article{min-width:40px}.type-scale-header{display:none}.type-row{grid-template-columns:90px 1fr;padding:14px}.type-row>code,.type-row>span{display:none}.material-stage{height:540px}.stage-backdrop span{font-size:52px}.glass-level{width:70%;min-width:0}.glass-level.subtle{top:100px;left:6%}.glass-level.standard{top:238px;left:22%}.glass-level.hero-glass{bottom:22px;right:5%}.material-rules,.form-principles,.grid-specs{grid-template-columns:1fr}.material-rules>div,.form-principles article,.grid-specs article{border-right:0;border-bottom:1px solid var(--color-border-default)}.motion-system,.component-playground{grid-template-columns:1fr}.playground-controls{border-left:0;border-top:1px solid var(--color-border-default)}.button-matrix{overflow-x:auto}.button-matrix>header,.button-matrix>div{min-width:660px}.field-row,.card-system>div{grid-template-columns:1fr}.grid-titlebar,.grid-toolbar{flex-direction:column;align-items:flex-start}.grid-toolbar label{width:100%}.grid-toolbar>div{width:100%;overflow-x:auto}.grid-toolbar button{white-space:nowrap;min-height:32px}.grid-views{overflow-x:auto}.grid-views button{white-space:nowrap}.grid-footer{flex-wrap:wrap;padding-block:12px}.grid-footer>label{margin-left:0}.grid-states header{flex-direction:column;gap:6px}.grid-states>div{grid-template-columns:1fr 1fr 1fr}.grid-specs article:nth-last-child(-n+3){border-bottom:1px solid var(--color-border-default)}.accessibility-grid{border-left:1px solid var(--color-border-default)}.focus-demo,.focus-demo>div:last-child{flex-direction:column;align-items:flex-start;gap:16px}.developer-flow{grid-template-columns:1fr}.developer-flow>i{justify-self:center;transform:rotate(90deg)}.api-dont{grid-template-columns:1fr}.api-dont>div{flex-direction:column;align-items:flex-start;gap:8px}.guidance-list>article{grid-template-columns:1fr}.guidance-visual.bad,.guidance-copy.dont{grid-area:auto}.guidance-copy{border-right:0;border-bottom:1px solid var(--color-border-default)}.changelog-layout{grid-template-columns:1fr}.governance-note{flex-wrap:wrap;align-items:flex-start}.site-footer{padding:48px 22px}}.release-notes article a{color:var(--color-interactive-primary);font:12px var(--font-label);overflow-wrap:anywhere;margin-top:8px;display:inline-block}@media (max-width:960px){.brand-download-row{grid-template-columns:1fr}.brand-asset-preview{height:220px;padding:34px}}@media (max-width:680px){.brand-asset-grid{grid-template-columns:1fr}.brand-asset-meta{flex-direction:column;align-items:flex-start}.brand-download-row article{grid-template-columns:24px 1fr}.brand-download-row article .ds-button{grid-column:2;width:max-content}.brand-usage-note{grid-template-columns:1fr}.language-segmented{margin-left:auto}.version-link{display:none}}.brand-material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.brand-material-grid article{border:1px solid var(--color-border-default);background:var(--color-surface);min-width:0}.brand-material-preview{place-items:center;height:180px;padding:24px;display:grid;overflow:hidden}.brand-material-preview.violet{background:var(--violet-500)}.brand-material-preview.light{background:var(--neutral-50)}.brand-material-preview.artwork{background:#fff;padding:0}.brand-material-preview img{object-fit:contain;width:100%;height:100%;display:block}.brand-material-preview.artwork img{object-fit:cover}.brand-material-grid article>div:last-child{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:16px;font-size:14px;display:flex}.brand-material-grid a,.brand-source-library a{color:var(--color-interactive-primary);text-underline-offset:4px;align-items:center;min-height:44px;display:inline-flex}.brand-source-library{border:1px solid var(--color-border-default);background:var(--color-surface);margin-top:24px}.brand-source-library>header{justify-content:space-between;gap:24px;padding:24px;display:flex}.brand-source-library>header span{color:var(--color-interactive-primary);font:12px var(--font-label)}.brand-source-library h3{font:900 24px/1.1 var(--font-display);text-transform:uppercase;margin:10px 0 0}.brand-source-library>header p{max-width:440px;color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.6}.brand-source-category{border-top:1px solid var(--color-border-default)}.brand-source-category summary{cursor:pointer;color:var(--color-text-primary);padding:20px 24px;display:list-item}.brand-source-category summary strong{margin-inline-start:8px;font-size:16px}.brand-source-category summary>span{color:var(--color-text-muted);font:12px var(--font-label);margin-inline-start:16px}.brand-source-category ul{margin:0;padding:0 24px 16px;list-style:none}.brand-source-category li{border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:16px;padding-block:10px;display:flex}.brand-source-category li>div{min-width:0}.brand-source-category li strong{overflow-wrap:anywhere;font-size:13px;font-weight:500;display:block}.brand-source-category li small{color:var(--color-text-muted);font:12px var(--font-label);margin-top:5px;display:block}.brand-source-category li a{flex-shrink:0;font-size:13px}.brand-manifest-link{margin:8px 24px;font-size:12px}@media (max-width:680px){.brand-material-grid{grid-template-columns:minmax(0,1fr)}.brand-source-library>header{flex-direction:column;padding:16px}.brand-source-category summary{padding:16px}.brand-source-category summary>span{font-size:12px}.brand-source-category ul{padding-inline:16px}}.package-section .pkg-install{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;margin-top:20px;display:grid}.package-section .pkg-install>div{border:1px solid var(--color-border-default);background:var(--color-surface);padding:18px}.pkg-step{color:var(--color-text-muted);font:12px var(--font-label), monospace;letter-spacing:.14em}.package-section .pkg-install h3{text-transform:uppercase;letter-spacing:.04em;margin:6px 0 12px;font-size:12px}.pkg-example__code{background:var(--neutral-1000);color:#d7d7de;border-radius:var(--radius-control);margin:0;padding:14px 16px;position:relative;overflow-x:auto}.pkg-example__code code{font:12px/1.7 var(--font-mono), monospace;white-space:pre}.pkg-example__code button{color:#b9b9c2;font:12px var(--font-label), monospace;text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-control);background:#17171a;border:1px solid #34343a;padding:4px 9px;position:absolute;top:8px;right:8px}.pkg-example__code button:hover{color:#fff;border-color:#55555f}.package-section .mz-alert{margin-top:16px}.pkg-grid{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:24px;display:grid}@media (min-width:1180px){.pkg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.pkg-example{border:1px solid var(--color-border-default);background:var(--color-surface);flex-direction:column;min-width:0;display:flex}.pkg-example>header{border-bottom:1px solid var(--color-border-subtle);padding:16px 18px 12px}.pkg-example>header h3{margin:0;font-size:13px;font-weight:650}.pkg-example>header p{color:var(--color-text-secondary);margin:5px 0 0;font-size:12px;line-height:1.55}.pkg-example__stage{background:var(--color-background-primary);flex-wrap:wrap;flex:1;align-items:flex-start;gap:10px;padding:20px 18px;display:flex}.pkg-example__stage>.pkg-stack{flex-direction:column;gap:14px;width:100%;display:flex}.pkg-example__stage>.pkg-inline{align-items:center;gap:14px;display:flex}.pkg-example__stage>.pkg-card-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;width:100%;display:grid}.pkg-example__stage .mz-table-wrap{width:100%}.pkg-example .pkg-example__code{border-top:1px solid var(--color-border-subtle);border-radius:0}.pkg-boundary{border:1px solid var(--color-border-default);background:var(--color-surface);margin-top:28px;padding:20px}.pkg-boundary>div:first-child{align-items:center;gap:10px;display:flex}.pkg-boundary h3{margin:0;font-size:13px;font-weight:650}.pkg-boundary-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:16px;display:grid}.pkg-boundary-grid article{border:1px solid var(--color-border-subtle);padding:14px}.pkg-boundary-grid span{font:12px var(--font-label), monospace;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;padding:3px 7px;display:inline-block}.pkg-boundary-grid p{color:var(--color-text-secondary);margin:0;font-size:12px;line-height:1.6}.pkg-yes{color:var(--color-success);background:color-mix(in srgb, var(--color-success) 12%, transparent)}.pkg-no{color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 12%, transparent)}.pkg-next{color:var(--color-text-secondary);background:var(--color-background-secondary)}@media (max-width:900px){.package-section .pkg-install{grid-template-columns:minmax(0,1fr)}}.pkg-icon-chip{min-width:62px;color:var(--color-text-primary);flex-direction:column;align-items:center;gap:6px;display:inline-flex}.pkg-icon-chip small{color:var(--color-text-muted);font:12px var(--font-label), monospace}.pkg-topbar-scroll{border:1px solid var(--color-border-default);background:var(--color-background-primary);width:100%;height:240px;overflow:auto}.pkg-topbar-shell{min-height:800px}.pkg-topbar-content{padding:24px;font-size:14px}:root[data-theme]{--shell-scene-light:url(/brand/backgrounds/orbit-background-light.svg);--shell-scene-dark:url(/brand/backgrounds/orbit-background-dark.svg)}.shell-language-guide{border:1px solid var(--color-border-default);background:var(--color-surface);margin-block:24px;scroll-margin-top:80px}.shell-guide-heading{justify-content:space-between;align-items:start;gap:24px;padding:24px;display:flex}.shell-guide-heading>div{flex:1}.shell-guide-heading span,.shell-guide-rules article>span,.shell-preview-surface>span{font:12px var(--font-label), monospace;color:var(--color-interactive-primary)}.shell-guide-heading h3{letter-spacing:-.03em;margin:8px 0 0;font-size:24px;line-height:1.2}.shell-guide-heading p{color:var(--color-text-secondary);flex:1.25;margin:0;font-size:14px;line-height:1.65}.shell-scene-grid{grid-template-columns:1fr 1fr;gap:16px;padding:0 24px 24px;display:grid}.shell-scene-grid article{border:1px solid var(--color-border-default);min-width:0}.shell-scene-swatch{aspect-ratio:16/10;background-position:50%;background-size:cover}.shell-scene-swatch.light{background-color:#f7f7f8}.shell-scene-swatch.dark{background-color:#0d0d0f}.shell-scene-caption{padding:16px}.shell-scene-caption h4{flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 8px;font-size:16px;display:flex}.shell-scene-caption h4>span{color:var(--color-interactive-primary);font:500 12px/1.5 var(--font-body)}.shell-scene-download{padding:0 24px 24px}.shell-scene-caption>div{flex-wrap:wrap;gap:8px 20px;display:flex}.shell-scene-caption a{min-height:36px;color:var(--color-interactive-primary);text-underline-offset:4px;align-items:center;font-size:14px;display:inline-flex}.shell-guide-rules{border-top:1px solid var(--color-border-default);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.shell-guide-rules article{padding:24px}.shell-guide-rules article+article{border-left:1px solid var(--color-border-default)}.shell-guide-rules h4{margin:12px 0 8px;font-size:16px}.shell-guide-rules p,.shell-guide-note,.shell-preview-surface p{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.65}.shell-guide-note{border-top:1px solid var(--color-border-default);padding:20px 24px}.shell-navbar-stage{isolation:isolate;background-color:var(--color-background-primary);margin:0 24px 24px;padding:12px;position:relative}.shell-navbar-stage:before{content:"";z-index:-1;pointer-events:none;background-image:var(--shell-scene-overlay), var(--shell-scene-image);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.shell-navbar-preview{min-height:var(--topbar-height);color:var(--color-text-primary);border:1px solid var(--shell-navbar-border);border-radius:var(--radius-control);background:var(--color-surface);box-shadow:var(--shell-navbar-shadow);flex-wrap:wrap;align-items:center;gap:8px 20px;padding:0 12px;display:flex;position:relative}.shell-navbar-preview:before{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, var(--violet-500), var(--blue-500), transparent);opacity:.7;height:1px;position:absolute;top:-1px;left:12%;right:12%}.shell-brand-preview{width:122px;height:48px;color:inherit;background:0 0;border:0;flex:0 0 122px;padding:0;position:relative}.shell-navbar-preview nav{flex-wrap:wrap;gap:4px;display:flex}.shell-navbar-preview nav button{min-height:54px;color:var(--color-text-secondary);background:0 0;border:0;padding:0 12px;font-size:14px;position:relative}.shell-navbar-preview nav button:after{content:"";height:var(--signal-rail-width);background:var(--gradient-brand-primary);opacity:0;transition:opacity .16s var(--ease-standard), transform var(--motion-nav-indicator) var(--ease-standard);position:absolute;bottom:0;left:12px;right:12px;transform:scaleX(.2)}.shell-navbar-preview nav button[aria-current=page]{color:var(--color-text-primary);font-weight:600}.shell-navbar-preview nav button[aria-current=page]:after{opacity:1;transform:scaleX(1)}.shell-preview-surface{background:var(--color-surface);border:1px solid var(--color-border-default);border-left:var(--signal-rail-width) solid var(--color-interactive-primary);margin-top:24px;padding:24px}.shell-preview-surface h4{margin:8px 0;font-size:28px}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.shell-navbar-preview{background:var(--shell-navbar-bg);-webkit-backdrop-filter:blur(var(--shell-navbar-blur)) saturate(var(--shell-navbar-saturation));backdrop-filter:blur(var(--shell-navbar-blur)) saturate(var(--shell-navbar-saturation))}}@media (hover:hover) and (pointer:fine){.shell-navbar-preview nav button:hover{color:var(--color-text-primary);background:color-mix(in srgb, var(--color-interactive-primary) 5%, transparent)}.shell-navbar-preview nav button:hover:after{opacity:.68;transform:scaleX(1)}.shell-navbar-preview nav button[aria-current=page]:hover:after{opacity:1}}@media (max-width:1023px) and (orientation:portrait){:root[data-theme]{--shell-scene-light:url(/brand/backgrounds/orbit-background-light-mobile.svg);--shell-scene-dark:url(/brand/backgrounds/orbit-background-dark-mobile.svg)}}@media (max-width:1100px){.shell-guide-heading{flex-direction:column;gap:16px}.shell-guide-rules{grid-template-columns:1fr}.shell-guide-rules article+article{border-left:0;border-top:1px solid var(--color-border-default)}}@media (max-width:680px){.shell-scene-grid{grid-template-columns:1fr}.shell-guide-heading,.shell-guide-rules article,.shell-guide-note{padding:16px}.shell-scene-grid{padding:0 16px 16px}.shell-navbar-stage{margin:0 12px 16px;padding:8px}.shell-navbar-preview{gap:4px;padding:8px}.shell-navbar-preview nav{gap:0;width:100%}.shell-navbar-preview nav button{min-height:44px;padding-inline:8px}.shell-preview-surface{padding:16px}}@media (prefers-reduced-transparency:reduce){.shell-navbar-preview{background:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (forced-colors:active){.shell-navbar-preview nav button[aria-current=page]{text-underline-offset:6px;text-decoration:underline}}.shell-navbar-stage{height:360px;padding:0;overflow:auto}.shell-navbar-frame .mz-topbar__frame{flex-wrap:wrap}.shell-navbar-frame .shell-navbar-preview{width:100%;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;padding:0}.shell-navbar-frame .shell-navbar-preview:before{display:none}.shell-navbar-stage .shell-preview-surface{min-height:600px;margin:24px}:is(.showroom-brand,.shell-brand-preview){--brand-wordmark-height:22px;--brand-wordmark-width:calc(var(--brand-wordmark-height) * 1164.61 / 159.37);--brand-mark-width:calc(var(--brand-wordmark-height) * 343.22 / 159.37);--brand-mark-height:calc(var(--brand-wordmark-height) * 154.16 / 159.37);align-items:center;display:flex}:is(.showroom-brand-identity,.shell-brand-identity){align-items:center;gap:10px;display:flex}:is(.showroom-brand-identity,.shell-brand-identity)>i{width:var(--brand-mark-width);height:var(--brand-mark-height);transform:translateY(calc(var(--brand-wordmark-height) * .405 / 159.37));background:currentColor;flex-shrink:0;-webkit-mask:url(/brand/logos/merzigo-monogram-black.svg) 50%/contain no-repeat;mask:url(/brand/logos/merzigo-monogram-black.svg) 50%/contain no-repeat}:is(.showroom-brand-context,.shell-brand-context){font:500 12px var(--font-label);letter-spacing:.1em;transition:opacity var(--motion-brand-fade) var(--ease-standard);align-items:center;gap:10px;display:flex}:is(.showroom-brand-context,.shell-brand-context)>b{opacity:.2;background:currentColor;width:1px;height:18px}:is(.showroom-brand-wordmark,.shell-brand-wordmark){width:var(--brand-wordmark-width);height:var(--brand-wordmark-height);clip-path:inset(0 calc(var(--brand-wordmark-width) - var(--brand-mark-width)) 0 var(--brand-mark-width));transition:clip-path var(--motion-nav-indicator) var(--ease-standard);pointer-events:none;background:currentColor;position:absolute;top:50%;left:0;transform:translateY(-50%);-webkit-mask:url(/brand/logos/merzigo-wordmark-black.svg) 50%/contain no-repeat;mask:url(/brand/logos/merzigo-wordmark-black.svg) 50%/contain no-repeat}:is(.showroom-brand,.shell-brand-preview):is(:focus-visible,[aria-pressed=true]) :is(.showroom-brand-context,.shell-brand-context){opacity:0}:is(.showroom-brand,.shell-brand-preview):is(:focus-visible,[aria-pressed=true]) :is(.showroom-brand-wordmark,.shell-brand-wordmark){clip-path:inset(0 0 0 var(--brand-mark-width));transition-duration:var(--motion-brand-reveal);transition-timing-function:var(--ease-brand-reveal)}@media (hover:hover) and (pointer:fine){:is(.showroom-brand,.shell-brand-preview):hover :is(.showroom-brand-context,.shell-brand-context){opacity:0}:is(.showroom-brand,.shell-brand-preview):hover :is(.showroom-brand-wordmark,.shell-brand-wordmark){clip-path:inset(0 0 0 var(--brand-mark-width));transition-duration:var(--motion-brand-reveal);transition-timing-function:var(--ease-brand-reveal)}}@media (prefers-reduced-motion:reduce){:is(.showroom-brand,.shell-brand-preview){--motion-brand-reveal:0s}:is(.showroom-brand-context,.shell-brand-context,.showroom-brand-wordmark,.shell-brand-wordmark){transition:none}}.shell-sidebar-stage{height:660px;padding:16px;overflow:auto;container:shell-sidebar-stage/inline-size}.shell-sidebar-layout{grid-template-columns:var(--sidebar-width-expanded) minmax(0, 1fr);transition:grid-template-columns var(--motion-nav-indicator) var(--ease-standard);align-items:stretch;gap:16px;margin-top:16px;display:grid;position:relative}.shell-sidebar-layout.is-collapsed{grid-template-columns:var(--sidebar-width-collapsed) minmax(0, 1fr)}.shell-sidebar-inline{min-width:0}.shell-sidebar-panel{border:1px solid var(--shell-navbar-border);height:100%;min-height:540px;color:var(--color-text-primary);background:var(--color-surface);box-shadow:var(--shadow-operational);flex-direction:column;gap:0;padding:12px;display:flex;overflow:visible}.shell-sidebar-brand-row{flex-shrink:0;justify-content:space-between;align-items:center;gap:4px;min-height:56px;margin-bottom:16px;padding-inline:8px 0;display:flex}.shell-sidebar-heading{font:500 14px/1.5 var(--font-body)}.shell-sidebar-heading small{color:var(--color-text-muted);font:12px/1.5 var(--font-body);margin-top:2px;display:block}.shell-sidebar-toggle,.shell-sidebar-menu-trigger{width:44px;height:44px;color:var(--color-text-secondary);background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;display:grid}.shell-sidebar-search{border:1px solid var(--color-border-default);min-height:44px;color:var(--color-text-secondary);background:var(--color-background-primary);align-items:center;gap:8px;padding:0 10px;display:flex}.shell-sidebar-search:focus-within{outline:2px solid var(--color-interactive-primary);outline-offset:-2px}.shell-sidebar-search input{width:100%;min-width:0;color:var(--color-text-primary);font:14px var(--font-body);background:0 0;border:0;outline:none}.shell-sidebar-search input:focus-visible{box-shadow:none;outline:none}.shell-sidebar-search input::placeholder{color:var(--color-text-muted)}.shell-sidebar-links{flex:1;padding-block:28px}.shell-sidebar-group+.shell-sidebar-group{margin-top:28px}.shell-sidebar-group-label{color:var(--color-text-muted);font:500 12px var(--font-label);letter-spacing:.06em;padding:0 12px 10px;display:block}.shell-sidebar-links button{text-align:start;width:100%;min-height:44px;color:var(--color-text-secondary);font:14px/1.5 var(--font-body);transition:background .16s var(--ease-standard), color .16s var(--ease-standard);background:0 0;border:0;align-items:center;gap:12px;padding:10px 12px;display:flex;position:relative}.shell-sidebar-links button>svg{flex-shrink:0}.shell-sidebar-links button:before{content:"";inset-inline-start:0;width:var(--signal-rail-width);background:var(--gradient-brand-primary);opacity:0;transition:transform var(--motion-nav-indicator) var(--ease-standard), opacity .16s var(--ease-standard);position:absolute;top:10px;bottom:10px;transform:scaleY(.2)}.shell-sidebar-links button[aria-current=page]{color:var(--color-text-primary);background:color-mix(in srgb, var(--color-interactive-primary) 8%, var(--color-surface));font-weight:500}.shell-sidebar-links button[aria-current=page]:before{opacity:1;transform:scaleY(1)}.shell-sidebar-links button b{min-width:24px;height:22px;color:var(--color-interactive-primary);background:color-mix(in srgb, var(--color-interactive-primary) 8%, transparent);font:500 12px var(--font-body);place-items:center;margin-inline-start:auto;padding-inline:4px;display:grid}.shell-sidebar-empty{color:var(--color-text-muted);padding:0 12px;font-size:14px}.shell-sidebar-footer{border-top:1px solid var(--color-border-default);color:var(--color-text-secondary);align-items:center;gap:8px;padding:16px 8px 4px;font-size:12px;display:flex}.shell-sidebar-footer>svg{color:var(--color-success);flex-shrink:0}.shell-sidebar-panel.is-collapsed{padding:5px}.shell-sidebar-panel.is-collapsed .shell-sidebar-brand-row{justify-content:center;min-height:44px;margin-bottom:16px;padding:0}.shell-sidebar-panel.is-collapsed .shell-sidebar-links button{justify-content:center;padding-inline:0}.shell-sidebar-panel.is-collapsed .shell-sidebar-links button:is(:hover,:focus-visible):after{content:attr(aria-label);z-index:2;border:1px solid var(--color-border-strong);background:var(--color-surface-raised);color:var(--color-text-primary);box-shadow:var(--shadow-operational);white-space:nowrap;pointer-events:none;padding:10px 12px;position:absolute;inset-inline-start:calc(100% + 12px)}.shell-sidebar-panel.is-collapsed .shell-sidebar-group+.shell-sidebar-group{border-top:1px solid var(--color-border-default);padding-top:16px}.shell-sidebar-panel.is-collapsed .shell-sidebar-footer{justify-content:center;padding-inline:0}.shell-sidebar-workspace{min-width:0;container:sidebar-workspace/inline-size}.shell-sidebar-utility{z-index:5;border:1px solid var(--shell-navbar-border);background:var(--color-surface);min-height:72px;box-shadow:var(--shadow-operational);justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;display:flex;position:sticky;top:0}.shell-sidebar-utility-context{align-items:center;gap:4px;min-width:0;display:flex}.shell-sidebar-utility .shell-brand-preview{flex:0 0 180px;width:180px}.shell-sidebar-utilities-rule{border-top:1px solid var(--color-border-default);align-items:start;gap:16px;padding:20px 24px;display:flex}.shell-sidebar-utilities-rule>svg{color:var(--color-interactive-primary);flex-shrink:0;margin-top:2px}.shell-sidebar-utilities-rule h4{margin:0 0 8px;font-size:16px}.shell-sidebar-utilities-rule p{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.65}.shell-sidebar-content{padding:12px 4px 0}.shell-sidebar-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.shell-sidebar-metrics .mz-kpi__label{min-block-size:3em}.shell-sidebar-activity{border:1px solid var(--color-border-default);background:var(--color-surface);margin-top:16px}.shell-sidebar-activity>header{border-bottom:1px solid var(--color-border-default);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:18px;display:flex}.shell-sidebar-activity header span{font:500 12px var(--font-label);color:var(--color-text-muted);letter-spacing:.06em}.shell-sidebar-activity h5{font:500 18px/1.4 var(--font-body);margin:6px 0 0}.shell-sidebar-activity button{min-height:44px;color:var(--color-interactive-primary);background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:14px;display:flex}.shell-sidebar-activity>div{align-items:center;gap:12px;margin-inline:18px;padding-block:16px;display:flex}.shell-sidebar-activity>div+div{border-top:1px solid var(--color-border-default)}.shell-sidebar-activity-icon{background:var(--color-background-secondary);width:36px;height:36px;color:var(--color-text-secondary);flex-shrink:0;place-items:center;display:grid}.shell-sidebar-activity strong{font-size:14px;font-weight:500;display:block}.shell-sidebar-activity small{color:var(--color-text-muted);margin-top:4px;font-size:12px;display:block}.shell-sidebar-activity b{background:color-mix(in srgb, var(--color-interactive-primary) 7%, transparent);color:var(--color-interactive-primary);flex-shrink:0;margin-inline-start:auto;padding:4px 8px;font-size:12px;font-weight:500}.shell-sidebar-preview-note{color:var(--color-text-muted);font:12px var(--font-label);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-block:20px 8px;display:flex}.shell-sidebar-handoff-link{width:fit-content;min-height:44px;color:var(--color-interactive-primary);text-underline-offset:4px;align-items:center;gap:8px;margin:0 24px 16px;font-size:14px;display:flex}.shell-sidebar-drawer{width:min(320px,100vw - 24px)}.shell-sidebar-drawer .mz-drawer__body{min-height:0;padding:12px;display:flex;overflow:hidden}.shell-sidebar-drawer .shell-sidebar-panel{flex:1;height:auto;min-height:0}.shell-sidebar-drawer .shell-sidebar-links{min-height:0;overflow-y:auto}.shell-sidebar-drawer .shell-sidebar-brand-row,.shell-sidebar-drawer .shell-sidebar-search{flex-shrink:0}.shell-sidebar-drawer .mz-drawer__close{min-width:44px;min-height:44px}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.shell-sidebar-utility,.shell-sidebar-panel{background:var(--shell-navbar-bg);-webkit-backdrop-filter:blur(var(--shell-navbar-blur)) saturate(var(--shell-navbar-saturation));backdrop-filter:blur(var(--shell-navbar-blur)) saturate(var(--shell-navbar-saturation))}}@media (hover:hover) and (pointer:fine){.shell-sidebar-links button:hover,.shell-sidebar-toggle:hover,.shell-sidebar-menu-trigger:hover{background:color-mix(in srgb, var(--color-interactive-primary) 5%, transparent);color:var(--color-text-primary)}.shell-sidebar-links button:hover:before{opacity:.6;transform:scaleY(1)}.shell-sidebar-links button[aria-current=page]:hover:before{opacity:1}}@container sidebar-workspace (width<=480px){.shell-sidebar-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.shell-sidebar-metrics .mz-kpi:last-child{grid-column:1/-1}.shell-sidebar-activity b{display:none}}@container shell-sidebar-stage (width<=640px){.shell-sidebar-layout,.shell-sidebar-layout.is-collapsed{grid-template-columns:minmax(0,1fr)}.shell-sidebar-inline{display:none}.shell-sidebar-utility{padding-inline:8px}.shell-sidebar-utility .shell-brand-preview{--brand-wordmark-height:calc(26px * 159.37 / 343.22);flex-basis:26px;width:26px;padding:0}.shell-sidebar-utility .shell-brand-identity{gap:0}.shell-sidebar-utility .shell-brand-context,.shell-sidebar-utility .shell-brand-wordmark{display:none}.shell-sidebar-utility .shell-brand-identity{font-size:0}.shell-sidebar-content{padding-inline:0}.shell-sidebar-welcome{gap:8px;padding:14px 10px}.shell-sidebar-welcome-icon{display:none}.shell-sidebar-metrics .mz-kpi{padding:16px}.shell-sidebar-preview-note>span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.shell-sidebar-layout,.shell-sidebar-links button,.shell-sidebar-links button:before{transition:none}}@media (prefers-reduced-transparency:reduce){.shell-sidebar-panel,.shell-sidebar-utility{background:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (forced-colors:active){.shell-sidebar-links button[aria-current=page]{outline-offset:-2px;outline:1px solid highlight;text-decoration:underline}}.shell-sidebar-inline{align-self:start;position:sticky;top:88px}@media (max-width:680px){.shell-sidebar-stage{margin-inline:0;padding:8px}}@container shell-sidebar-stage (width<=360px){.shell-sidebar-utility .shell-brand-preview{display:none}.shell-sidebar-utility{gap:4px}.shell-sidebar-utility .workspace-utilities{gap:2px}.shell-sidebar-utility .workspace-language button{width:28px}.shell-sidebar-utility .workspace-language button>span{width:26px}.shell-sidebar-utility .workspace-icon-button{width:30px}.shell-sidebar-utility .workspace-account-trigger{min-width:54px}}@container shell-sidebar-stage (width<=640px){.shell-sidebar-utility .shell-brand-preview:is(:hover,:focus-visible,[aria-pressed=true]) .shell-brand-identity{opacity:1;transform:none}}.shell-sidebar-guide-provider.mz-sidebar-provider{display:block}.mz-sidebar-drawer .shell-sidebar-panel{flex:1;height:auto;min-height:0}.showroom-shell,.shell-sidebar-layout{--shell-utility-height:72px}.workspace-avatar .mz-avatar__fallback{font-size:12px}.workspace-utilities{width:max-content;color:var(--color-text-primary);flex-shrink:0;align-items:center;gap:4px;margin-inline-start:auto;padding:0;display:flex}.workspace-language{align-items:center;display:flex}.workspace-language button{width:32px;height:44px;color:var(--color-text-secondary);font:12px var(--font-label);background:0 0;border:0;place-items:center;padding:0;font-weight:600;display:grid}.workspace-language button>span{border:1px solid #0000;place-items:center;width:30px;height:26px;display:grid}.workspace-language button[aria-pressed=true]>span{color:var(--color-text-primary);background:color-mix(in srgb, var(--color-interactive-primary) 10%, transparent);border-color:color-mix(in srgb, var(--color-interactive-primary) 32%, var(--color-border-default));box-shadow:inset 0 -1px var(--color-interactive-primary)}.workspace-icon-button{width:32px;height:44px;color:var(--color-text-secondary);background:0 0;border:0;place-items:center;padding:0;display:grid}.workspace-profile,.workspace-notifications{position:relative}.workspace-profile{margin-inline-start:2px}.workspace-account-trigger{border:1px solid var(--color-border-default);background:var(--color-background-secondary);min-width:58px;min-height:36px;color:var(--color-text-secondary);justify-content:center;align-items:center;gap:6px;padding:3px 5px;display:flex}.workspace-account-trigger[aria-expanded=true],.workspace-icon-button[aria-expanded=true]{color:var(--color-text-primary);background:color-mix(in srgb, var(--color-interactive-primary) 12%, var(--color-background-secondary))}.workspace-account-details,.workspace-notification-details{z-index:2;inset-inline-end:0;border:1px solid var(--color-border-default);background:var(--color-surface-raised);width:256px;max-width:calc(100cqw - 8px);box-shadow:var(--shadow-operational);padding:20px;position:absolute;top:calc(100% + 12px)}.workspace-account-eyebrow{color:var(--color-text-muted);font:12px var(--font-label);letter-spacing:.08em;margin-bottom:16px;display:block}.workspace-account-details>strong{font-size:16px}.workspace-account-details>p{color:var(--color-text-secondary);margin:6px 0 20px;font-size:13px}.workspace-account-details dl{border-top:1px solid var(--color-border-default);gap:12px;margin:0;padding-top:16px;font-size:12px;display:grid}.workspace-account-details dl>div{justify-content:space-between;gap:12px;display:flex}.workspace-account-details dt{color:var(--color-text-muted)}.workspace-account-details dd{text-align:end;margin:0}.workspace-utilities button:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.workspace-system-theme{border:0;border-top:1px solid var(--color-border-default);width:100%;min-height:44px;color:var(--color-text-secondary);text-align:start;background:0 0;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:10px 0 0;font-size:12px;display:flex}.workspace-system-theme[aria-pressed=true]{color:var(--color-interactive-primary)}@media (hover:hover) and (pointer:fine){.workspace-icon-button:hover,.workspace-language button:hover>span,.workspace-account-trigger:hover{background:var(--color-background-secondary)}}@media (forced-colors:active){.workspace-language button[aria-pressed=true]>span,.workspace-system-theme[aria-pressed=true]{outline-offset:-2px;outline:1px solid highlight}}.workspace-notification-details{width:240px;max-width:calc(100vw - 100px)}.workspace-notification-details>strong{font-size:14px}.workspace-notification-empty{color:var(--color-text-muted);text-align:center;justify-items:center;padding-block:28px 12px;display:grid}.workspace-notification-empty p{color:var(--color-text-primary);margin:14px 0 6px;font-size:13px}.workspace-notification-empty small{font-size:12px}:is(.library-card,.ai-prompt-card,.op-metric-row article,.op-mini-card,.op-mini-activity,.op-cut-preview i,.atlas-shell-demo,.atlas-demo-page-title,.atlas-demo-content span){position:relative}:is(.library-card,.ai-prompt-card,.op-metric-row article,.op-mini-card,.op-mini-activity,.op-cut-preview i,.atlas-shell-demo,.atlas-demo-page-title,.atlas-demo-content span,.quick-settings,.glass-stat,.glass-level){--cut-edge-inset:1px;--cut-edge-stroke:1px}:is(.library-card,.ai-prompt-card,.op-metric-row article,.op-mini-card,.op-mini-activity,.op-cut-preview i,.atlas-shell-demo,.atlas-demo-page-title,.atlas-demo-content span,.quick-settings,.glass-stat,.glass-level):after{content:"";z-index:5;top:calc(var(--cut-edge-depth) * var(--portal-cut-slope) - var(--cut-edge-inset,1px));right:calc(-1 * var(--cut-edge-inset,1px));width:calc(var(--cut-edge-depth) * 1.1547);border:0;border-top:var(--cut-edge-stroke,1px) solid;border-top-color:inherit;transform-origin:100% 0;pointer-events:none;height:0;position:absolute;transform:rotate(30deg)}.library-card{--cut-edge-depth:var(--card-portal-cut)}.library-card.selected{--cut-edge-stroke:2px}.library-card:has(.card-hit-area:focus-visible){--cut-edge-stroke:2px}.ai-prompt-card{--cut-edge-depth:var(--prompt-cut)}:is(.op-metric-row article,.op-mini-card,.op-mini-activity,.atlas-demo-page-title){--cut-edge-depth:var(--portal-cut-surface)}.atlas-shell-demo{--cut-edge-depth:var(--portal-cut-command)}.atlas-demo-content span{--cut-edge-depth:10px}.op-cut-preview .cut-8{--cut-edge-depth:var(--portal-cut-mark)}.op-cut-preview .cut-12{--cut-edge-depth:var(--portal-cut-surface)}.op-cut-preview .cut-16{--cut-edge-depth:var(--portal-cut-command)}.quick-settings{--cut-edge-depth:9px;position:fixed}.glass-stat,.glass-level{--cut-edge-depth:var(--portal-cut-surface);clip-path:polygon(0 0, calc(100% - var(--cut-edge-depth)) 0, 100% calc(var(--cut-edge-depth) * var(--portal-cut-slope)), 100% 100%, 0 100%)}.section-header>div{min-width:0}.section-header h2{overflow-wrap:anywhere}.section-header h2,.display-type>p,.display-type h3,.type-row.row-0>p,.type-row.row-1>p,.type-row.row-2>p{font-family:var(--font-display);letter-spacing:var(--tracking-display);font-weight:900}.segmented button,.shell-navbar-preview nav button,.status-badge,.brand-usage-note strong{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.06em}.hero-meta{flex-wrap:wrap;row-gap:8px}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;container-type:inline-size}.hero h1{overflow-wrap:normal;font-size:clamp(38px,5.8cqw,78px)}.hero-grid{opacity:.4}.hero-composition{min-width:0}.hero .operational-window{width:90%;min-width:0}.hero .expressive-window{width:85%;min-width:0}.hero .scroll-cue{color:#fff}.color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.color-card.white .color-fill{background:var(--neutral-0);color:var(--neutral-1000)}.color-card.off-white .color-fill{background:var(--neutral-50);color:var(--neutral-1000)}.color-card.white .color-fill,.color-card.off-white .color-fill{border-bottom:1px solid var(--color-border-default)}.color-card footer{flex-wrap:wrap;gap:10px}.brand-discipline-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.brand-discipline-grid article{border:1px solid var(--color-border-default);border-top:2px solid var(--violet-500);padding:22px}.brand-discipline-grid article>span{font:12px/1.5 var(--font-label);letter-spacing:var(--tracking-label);color:var(--color-interactive-primary)}.brand-discipline-grid h3{margin:18px 0 8px;font-size:19px}.brand-discipline-grid p{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.5}.gradient-swatch.diamonds{background-color:var(--violet-500);background-image:var(--brand-diamond-pattern)}.role-card{grid-template-columns:72px 1fr}.role-signal{aspect-ratio:auto;clip-path:none;min-height:30px}.display-type{background:var(--violet-500)}.display-type header :is(span,code),.display-type footer span{color:var(--neutral-0)}.display-type footer{border-color:#ffffff59}.body-type{font-family:var(--font-body);font-optical-sizing:auto}.body-type h3{font-weight:400;line-height:var(--leading-body)}.mono-type h3{font-family:var(--font-label);letter-spacing:var(--tracking-label);font-weight:400;line-height:1.5}.type-hierarchy-example{background:var(--neutral-1000);color:var(--neutral-0);margin-top:12px;padding:clamp(24px,4vw,48px)}.type-hierarchy-example>span{font:12px/1.5 var(--font-label);letter-spacing:var(--tracking-label)}.type-hierarchy-example h3{color:inherit;max-width:20ch;font:900 clamp(26px, 3.4vw, 52px)/1.1 var(--font-display);letter-spacing:var(--tracking-display);margin:26px 0}.type-hierarchy-example mark{background:var(--lime-500);color:var(--neutral-1000);padding-inline:.1em}.type-hierarchy-example>p{color:#d9d9dd;max-width:60ch;margin:0;font-size:14px;line-height:1.5}.type-hierarchy-example>code{font:12px/1.6 var(--font-mono);overflow-wrap:anywhere;color:#d9d9dd;margin-top:24px;display:block}.font-note{line-height:1.6}.font-note a{display:inline-block}.api-grid>*{min-width:0}.file-upload{position:relative}.file-upload input{cursor:pointer;width:100%;height:100%;inset:0}.portal-example:after{display:none}.portal-example{background:var(--neutral-1000);clip-path:none}.portal-example .portal-aperture{background:var(--violet-500);width:76%;height:70%;margin:0;-webkit-mask:url(/brand/logos/merzigo-monogram-black.svg) 50%/contain no-repeat;mask:url(/brand/logos/merzigo-monogram-black.svg) 50%/contain no-repeat}.radius-system .radius-portal{clip-path:polygon(0 0, calc(100% - 24px) 0, 100% calc(24px * var(--portal-cut-slope)), 100% 100%, 0 100%);background:var(--violet-500);color:#fff;border:0}.brand-asset-preview.violet{background:var(--violet-500)}.brand-asset-preview{padding:max(30px,10%)}.brand-asset-preview img{min-width:0}.brand-usage-note{border-left-color:var(--violet-500)}.shell-brand-preview{flex-basis:180px;width:180px;height:52px}.op-signal-preview i{background:var(--violet-500)}.op-signal-preview i+i{background:var(--lime-500)}@media (max-width:1180px){.hero{grid-template-columns:minmax(0,1fr);gap:24px}.hero h1{font-size:clamp(38px,8cqw,64px)}.hero-composition{width:min(100%,540px)}}@media (max-width:960px){.brand-discipline-grid{grid-template-columns:1fr}}@media (max-width:680px){.color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gradient-library>div{grid-template-columns:1fr}.hero h1{font-size:clamp(30px,8vw,50px)}.type-hierarchy-example h3{font-size:clamp(22px,6.5vw,36px)}}:is(.screen-nav,.same-screen nav,.operational-nav-demo aside,.expressive-nav-demo nav)>.preview-monogram{background:#fff;flex:none;width:28px;height:14px;margin-block:4px 12px;padding:0;display:block;-webkit-mask:url(/brand/logos/merzigo-monogram-black.svg) 50%/contain no-repeat;mask:url(/brand/logos/merzigo-monogram-black.svg) 50%/contain no-repeat}.atlas-demo-brand i{background:#fff;border:0;width:20px;height:10px;transform:none;-webkit-mask:url(/brand/logos/merzigo-monogram-black.svg) 50%/contain no-repeat;mask:url(/brand/logos/merzigo-monogram-black.svg) 50%/contain no-repeat}.body-type :is(p,h3){font-family:var(--font-body);font-weight:var(--font-weight-body)!important}.mono-type :is(p,h3){font-weight:var(--font-weight-label)}.showroom-shell{isolation:isolate;grid-template-columns:var(--sidebar-width-expanded) minmax(0, 1fr);grid-template-areas:"header header""sidebar workspace";grid-template-rows:var(--shell-utility-height,72px) 1fr;min-height:100dvh;transition:grid-template-columns var(--motion-nav-indicator) var(--ease-standard);align-items:start;gap:16px;padding:12px;display:grid;position:relative}.showroom-shell:before{content:"";z-index:-1;pointer-events:none;background-color:var(--color-background-primary);background-image:var(--shell-scene-overlay), var(--shell-scene-image);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.showroom-shell:after{content:"";z-index:41;top:12px;background:linear-gradient(90deg, transparent, var(--violet-500), var(--blue-500), transparent);opacity:.65;pointer-events:none;height:1px;position:fixed;inset-inline:12px}.showroom-sidebar>.showroom-sidebar-panel{box-shadow:var(--shadow-operational)}.showroom-sidebar>.showroom-sidebar-panel:before{display:none}.showroom-shell.is-collapsed{grid-template-columns:var(--sidebar-width-collapsed) minmax(0, 1fr)}.showroom-sidebar{top:calc(var(--shell-utility-height,72px) + 28px);z-index:20;min-width:0;height:calc(100dvh - var(--shell-utility-height,72px) - 40px);grid-area:sidebar;position:sticky}.showroom-sidebar-panel{border:1px solid var(--shell-navbar-border);background:var(--color-surface);height:100%;min-height:0;color:var(--color-text-primary);box-shadow:var(--shell-navbar-shadow);flex-direction:column;padding:12px;display:flex;position:relative}.showroom-sidebar-panel:before{content:"";top:-1px;background:linear-gradient(90deg, transparent, var(--violet-500), var(--blue-500), transparent);opacity:.7;pointer-events:none;height:1px;position:absolute;inset-inline:12%}.showroom-brand-row{flex-shrink:0;justify-content:space-between;align-items:center;gap:4px;min-height:56px;margin-bottom:12px;padding-inline:8px 0;display:flex}.showroom-sidebar-heading{font:500 14px/1.5 var(--font-body)}.showroom-sidebar-heading small{color:var(--color-text-muted);font:12px/1.5 var(--font-body);margin-top:2px;display:block}.showroom-brand{width:180px;height:52px;color:inherit;flex:0 0 180px;align-items:center;text-decoration:none;display:flex;position:relative}.showroom-sidebar-toggle,.showroom-menu-trigger,.showroom-search-close{width:44px;height:44px;color:var(--color-text-secondary);background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;display:grid}.showroom-search-trigger{border:1px solid var(--color-border-default);background:var(--color-background-primary);width:100%;min-height:44px;color:var(--color-text-secondary);text-align:start;flex-shrink:0;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.showroom-search-trigger>svg{flex-shrink:0}.showroom-search-trigger kbd{font:12px var(--font-mono);color:var(--color-text-muted);margin-inline-start:auto}.showroom-nav{scrollbar-width:thin;scrollbar-color:var(--color-border-default) transparent;overscroll-behavior:contain;flex:1;min-height:0;margin-block:24px 12px;overflow-y:auto}.showroom-nav-group>p{color:var(--color-text-muted);font:12px/1.5 var(--font-label);text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0 12px 10px}.showroom-nav a{min-height:44px;color:var(--color-text-secondary);font:12px/1.5 var(--font-label);text-transform:uppercase;letter-spacing:.04em;transition:background .16s var(--ease-standard), color .16s var(--ease-standard);align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex;position:relative}.showroom-nav a>svg{flex-shrink:0}.showroom-nav a:before{content:"";inset-inline-start:0;width:var(--signal-rail-width);background:var(--gradient-brand-primary);opacity:0;transition:opacity .16s var(--ease-standard), transform var(--motion-nav-indicator) var(--ease-standard);position:absolute;top:10px;bottom:10px;transform:scaleY(.2)}.showroom-nav a[aria-current]{color:var(--color-text-primary);background:color-mix(in srgb, var(--color-interactive-primary) 8%, var(--color-surface));font-weight:500}.showroom-nav a[aria-current]:before{opacity:1;transform:scaleY(1)}.showroom-nav a:focus-visible{outline-offset:-2px}.showroom-sidebar-release{border-top:1px solid var(--color-border-default);min-height:44px;color:var(--color-text-secondary);flex-shrink:0;align-items:center;gap:10px;padding:12px 2px 0;font-size:12px;text-decoration:none;display:flex}.showroom-sidebar-release>svg{margin-inline-start:auto}.showroom-sidebar-release b{font:12px var(--font-label);color:var(--color-text-muted);margin-inline-start:4px}.showroom-release-dot{background:var(--color-interactive-primary);flex-shrink:0;width:6px;height:6px}.showroom-sidebar-panel.is-collapsed{padding:5px}.showroom-sidebar-panel.is-collapsed .showroom-brand-row{justify-content:center;min-height:44px;margin-bottom:12px;padding:0}.showroom-sidebar-panel.is-collapsed .showroom-sidebar-heading,.showroom-sidebar-panel.is-collapsed .showroom-search-trigger :is(span,kbd),.showroom-sidebar-panel.is-collapsed .showroom-nav-group>p,.showroom-sidebar-panel.is-collapsed .showroom-nav a>span,.showroom-sidebar-panel.is-collapsed .showroom-sidebar-release>span{display:none}.showroom-sidebar-panel.is-collapsed .showroom-search-trigger,.showroom-sidebar-panel.is-collapsed .showroom-nav a{justify-content:center;padding-inline:0}.showroom-sidebar-panel.is-collapsed .showroom-nav-group+.showroom-nav-group{border-top:1px solid var(--color-border-default);padding-top:12px}.showroom-sidebar-panel.is-collapsed .showroom-sidebar-release{justify-content:center;padding-inline:0}.showroom-sidebar-panel.is-collapsed .showroom-sidebar-release>svg{margin:0}.showroom-workspace{grid-area:workspace;min-width:0}.showroom-utility{z-index:30;height:var(--shell-utility-height);border:1px solid var(--shell-navbar-border);background:var(--color-surface);box-shadow:var(--shadow-operational);grid-area:header;justify-content:space-between;align-items:center;gap:16px;padding-inline:20px;display:flex;position:sticky;top:12px}.showroom-context{align-items:center;gap:12px;min-width:0;display:flex}.showroom-breadcrumbs{border-inline-start:1px solid var(--color-border-default);min-width:0;color:var(--color-text-secondary);align-items:center;gap:8px;padding-inline-start:20px;font-size:12px;display:flex}.showroom-breadcrumbs>span:first-child,.showroom-breadcrumbs strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.showroom-breadcrumbs strong{color:var(--color-text-primary);font-weight:500}.showroom-menu-trigger{color:var(--color-text-primary);display:none}.showroom-content{min-width:0;margin:0}.showroom-content>[data-documentation-page]>.hero{min-height:calc(100dvh - 116px);color:var(--color-text-primary);background:0 0}.showroom-content>[data-documentation-page]>.hero .hero-grid{display:none}.showroom-content>[data-documentation-page]>.hero :is(.hero-eyebrow,.hero-lede,.hero-meta,.composition-label,.scroll-cue){color:var(--color-text-secondary)}.showroom-content>[data-documentation-page]>.hero .hero-eyebrow span{background:var(--color-interactive-primary)}.showroom-content>[data-documentation-page]>.hero .hero-actions .primary{background:var(--button-primary-background);color:var(--button-primary-text)}.showroom-content>[data-documentation-page]>.hero .hero-actions .inverse{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border-strong)}.showroom-content>[data-documentation-page]>.hero .expressive-window{color:#fff}.showroom-content>[data-documentation-page]>.doc-section{scroll-margin-top:calc(var(--shell-utility-height) + 24px)}.showroom-workspace>.site-footer{background:var(--color-surface);margin-inline:0}.showroom-navigation-drawer{width:min(320px,100vw - 24px)}.showroom-navigation-drawer .mz-drawer__body{min-height:0;padding:12px;display:flex;overflow:hidden}.showroom-navigation-drawer .showroom-sidebar-panel{width:100%}.showroom-navigation-drawer .mz-drawer__close{min-width:44px;min-height:44px}.showroom-search-dialog{max-height:76dvh;margin:min(12vh,100px) auto auto;padding:0;overflow-y:auto}.showroom-search-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000094}.showroom-search-dialog .dialog-search input{min-width:0}.showroom-search-dialog .dialog-search{gap:10px;padding-inline:16px 8px}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.showroom-utility,.showroom-sidebar-panel{background:var(--shell-navbar-bg);-webkit-backdrop-filter:blur(var(--shell-navbar-blur)) saturate(var(--shell-navbar-saturation));backdrop-filter:blur(var(--shell-navbar-blur)) saturate(var(--shell-navbar-saturation))}}@media (hover:hover) and (pointer:fine){.showroom-nav a:hover,.showroom-sidebar-toggle:hover,.showroom-menu-trigger:hover,.showroom-search-trigger:hover{background:color-mix(in srgb, var(--color-interactive-primary) 5%, transparent);color:var(--color-text-primary)}.showroom-nav a:hover:before{opacity:.6;transform:scaleY(1)}.showroom-nav a[aria-current]:hover:before{opacity:1}}@media (max-width:960px){.showroom-shell,.showroom-shell.is-collapsed{grid-template-columns:minmax(0,1fr);grid-template-areas:"header""workspace"}.showroom-sidebar{display:none}.showroom-menu-trigger{display:grid}.showroom-breadcrumbs{display:none}}@media (max-width:680px){.showroom-content>[data-documentation-page]>.doc-section{padding-inline:16px}.showroom-shell{--shell-utility-height:64px}.showroom-utility{gap:8px;padding-inline:8px}.showroom-content{margin:0}.showroom-workspace>.site-footer{margin-inline:0}.showroom-breadcrumbs{border-inline-start:1px solid var(--color-border-default);padding-inline-start:20px;display:none}.showroom-search-dialog .search-results>button{grid-template-columns:minmax(0,1fr) 20px}.showroom-search-dialog .search-results>button small{display:none}}@media (prefers-reduced-transparency:reduce){.showroom-sidebar-panel,.showroom-utility{background:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none}.showroom-search-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.showroom-shell,.showroom-brand-identity,.showroom-brand-wordmark,.showroom-nav a,.showroom-nav a:before{transition:none}}@media (forced-colors:active){.showroom-nav a[aria-current]{outline-offset:-2px;outline:1px solid highlight;text-decoration:underline}}@media (max-width:680px){.showroom-brand{--brand-wordmark-height:calc(27px * 159.37 / 343.22);flex-basis:28px;width:28px}.showroom-brand-context,.showroom-brand-wordmark{display:none}.showroom-context{gap:4px}.showroom-brand:is(:hover,:focus-visible) .showroom-brand-identity{opacity:1;transform:none}}.showroom-workspace>.quick-settings{width:auto;max-width:none;box-shadow:none;background:var(--color-surface);border-radius:0;flex-wrap:wrap;justify-content:flex-end;gap:20px;margin:0 0 24px;padding:12px 16px;display:flex;position:static;transform:none}.showroom-workspace>.quick-settings>div{align-items:center;gap:10px;display:flex}.showroom-group-toggle{width:100%;color:var(--color-text-secondary);font:600 12px var(--font-body);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:14px 10px 8px;display:flex}.showroom-group-toggle span{flex:1}.showroom-group-toggle small{opacity:.7;font-size:11px}.showroom-group-toggle svg{transition:transform .16s}.showroom-group-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.showroom-group-toggle:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.showroom-sidebar-panel.is-collapsed .showroom-group-toggle{display:none}.catalog-context{font:400 14px/1.65 var(--font-body);color:var(--color-text-secondary);margin:-12px 0 28px}.catalog-context a,.catalog-related-links a{color:var(--color-interactive-secondary)}.catalog-form-layout{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:32px;display:grid}.catalog-form-layout .form-demo{gap:20px;display:grid}.catalog-form-guide{border:1px solid var(--color-border-default);background:var(--color-surface);align-self:start;padding:24px}.catalog-form-guide h3{font:600 17px/1.4 var(--font-body);margin:0 0 12px}.catalog-form-guide p{font:400 14px/1.7 var(--font-body);color:var(--color-text-secondary)}.catalog-related-links{font:500 14px/1.5 var(--font-body);flex-wrap:wrap;gap:10px 20px;margin:20px 0 28px;display:flex}.showroom-content [data-documentation-page]>.doc-section{padding-top:12px}@media (max-width:760px){.catalog-form-layout{grid-template-columns:1fr}.showroom-workspace>.quick-settings{justify-content:flex-start;gap:12px;padding:12px}.showroom-workspace>.quick-settings>div{flex-wrap:wrap}}.showroom-nav-group+.showroom-nav-group{margin-top:6px}.showroom-nav a{min-height:38px;padding-block:8px}.showroom-group-toggle{min-height:40px;padding-block:11px}.showroom-nav-subgroup{border-inline-start:1px solid var(--color-border-default);margin-inline-start:8px;padding-inline-start:6px}.showroom-nav-subgroup+.showroom-nav-subgroup{margin-top:2px}.showroom-nav-subgroup>.showroom-group-toggle{font-weight:500}.showroom-sidebar-panel.is-collapsed .showroom-nav-subgroup{border-inline-start:0;margin-inline-start:0;padding-inline-start:0}@media (pointer:coarse){.showroom-nav a,.showroom-group-toggle{min-height:44px}}.catalog-detail-panel .mz-drawer__body{padding:0}.catalog-detail-panel .drawer-header{grid-template-columns:84px 1fr}.catalog-detail-panel .mz-tabs{margin:18px}.catalog-detail-panel .drawer-body{gap:18px;padding:18px 0;display:grid}.data-grid-demo .mz-table-wrap{border:0}.data-grid-demo .mz-checkbox>span:empty{display:none}body{font-size:16px;line-height:var(--leading-body)}.section-description{font-size:16px;line-height:1.65}.showroom-nav a{font-family:var(--font-body);text-transform:none;letter-spacing:normal;font-size:14px;font-weight:400}.showroom-nav a[aria-current]{font-weight:500}.showroom-nav-group>p{font-size:12px;font-weight:500}.showroom-search-trigger,.showroom-breadcrumbs{font-size:14px}:is(.philosophy-grid,.brand-discipline-grid,.handbook-principles,.handbook-flow,.shell-guide-heading,.shell-guide-rules,.sidebar-guide-rules,.pkg-example>header,.pkg-boundary-grid) p{font-size:14px;line-height:1.65}.ds-button,.segmented button{font-family:var(--font-label);font-weight:var(--font-weight-label);letter-spacing:var(--tracking-label)}.quick-settings{flex-wrap:wrap;max-width:calc(100vw - 24px)}.quick-settings>div>span{writing-mode:horizontal-tb;font-size:12px;transform:none}.segmented.mini button{min-height:36px;font-size:12px}.quick-settings>div{min-width:0}.showroom-content{padding-bottom:120px}.type-row.row-4>p{font-family:var(--font-body);letter-spacing:normal}:where(pre,code,kbd){font-family:var(--font-mono)}.pkg-example__stage>:is(.mz-pagination,.mz-accordion){width:100%}@media (max-width:680px){.quick-settings{inset-inline:12px;justify-content:center;gap:4px;bottom:12px}.quick-settings>div+div{border-left:0;padding-left:0}.segmented.mini button{padding-inline:8px}.showroom-content{padding-bottom:160px}}.doc-section :where(article,section,form,div){min-width:0}:is(.token-value-grid,.token-demo,.token-swatch-grid) code{overflow-wrap:anywhere}@media (max-width:680px){.experience-panel>header{flex-wrap:wrap;gap:8px}.experience-panel>header strong{margin-left:auto}.form-demo input,.form-demo select,.controls-inventory input{min-width:0;max-width:100%}.radius-system>div{grid-template-columns:repeat(2,minmax(0,1fr))}.token-demo code{overflow-wrap:anywhere}.experience-section .segmented,#experience-modes .segmented{flex-wrap:wrap;max-width:100%}#experience-modes .segmented button{flex:auto}}.framework-section{min-width:0}.framework-section.doc-section{padding-block:56px}.framework-section .section-header{margin-bottom:28px}.framework-section .section-header h2{max-width:24ch;font-size:clamp(36px,3.4vw,48px);line-height:1}.framework-version{font:13px var(--font-body);color:var(--color-text-secondary)}.framework-link{font:600 14px var(--font-body);color:var(--color-interactive-primary);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.framework-link:hover{text-decoration:underline}.framework-example{border:1px solid var(--color-border-default);background:var(--color-surface);min-width:0;scroll-margin-top:108px}.framework-example__families{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.framework-example__families a{border:1px solid var(--color-border-default);background:var(--shell-navbar-bg);color:var(--color-text-secondary);font:500 13px/1.5 var(--font-body);padding:6px 10px;scroll-margin-top:220px;text-decoration:none}.framework-example__families a:hover,.framework-example__families a:target{color:var(--color-interactive-primary);border-color:var(--color-interactive-primary)}.framework-section:not(:has(.mz-data-table,.mz-message-scroller,.mz-resizable-group)) .framework-example{max-width:800px}.framework-example__stage{min-width:0;padding:24px}.framework-stack{gap:16px;min-width:0;display:grid}.framework-row{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.framework-result{font:13px/1.6 var(--font-body);color:var(--color-text-secondary);overflow-wrap:anywhere;display:block}.framework-context{border:1px dashed var(--color-border-strong);min-height:140px;color:var(--color-text-secondary);font:14px/1.6 var(--font-body);text-align:center;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex}.framework-code{border-top:1px solid var(--color-border-default)}.framework-code>summary{font:500 13px var(--font-body);color:var(--color-text-secondary);cursor:pointer;padding:12px 24px}.framework-code>div{font:13px var(--font-body);align-items:center;gap:12px;padding:4px 24px 12px;display:flex}.framework-code pre{max-height:400px;font:12px/1.8 var(--font-mono);background:var(--color-background-secondary);color:var(--color-text-primary);tab-size:2;white-space:pre;margin:0;padding:20px 24px;overflow:auto}.framework-footnote{font:14px/1.7 var(--font-body);color:var(--color-text-secondary);margin:24px 0 0}.framework-footnote a{color:var(--color-interactive-primary)}.framework-panel{gap:16px;min-width:0;padding:16px;display:grid}.framework-cover{color:#fff;background:url(/brand/backgrounds/orbit-background-dark.svg) 50%/cover;flex-direction:column;justify-content:space-between;gap:16px;height:100%;padding:20px;display:flex}.framework-cover span{font:12px var(--font-body);letter-spacing:.08em}.framework-cover strong{font:900 clamp(24px, 3vw, 38px)/.95 var(--font-display);max-width:10ch}.framework-slide{color:#fff;background:url(/brand/backgrounds/orbit-background-dark.svg) 50%/cover;flex-direction:column;justify-content:space-between;gap:24px;min-height:240px;padding:24px;display:flex}.framework-slide--1{background-position:20% 30%}.framework-slide--2{background-position:80% 30%}.framework-slide .mz-typography,.framework-slide .mz-badge{color:#fff}.framework-slide .mz-badge{background:#ffffff14;align-self:flex-start}.framework-slide .mz-typography{font-size:clamp(30px,4vw,48px)}.framework-slide>span{font:14px var(--font-body)}.framework-carousel-actions{justify-content:flex-end;margin-top:16px}:where(.framework-example__families a,.framework-code summary,.framework-link,.framework-context):focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}@media (max-width:767px){.framework-example__stage{padding:20px}}@media (max-width:480px){.framework-code pre,.framework-example__stage{padding:16px}}.login-example-preview{border:1px solid var(--color-border-default);margin-block:32px}.login-example-bar{border-bottom:1px solid var(--color-border-default);background:var(--color-surface);color:var(--color-text-secondary);font:500 12px/1.5 var(--font-body);letter-spacing:.04em;justify-content:space-between;gap:12px;padding:12px 20px;display:flex}.login-example-bar>span:first-child{align-items:center;gap:8px;display:flex}.login-example-bar i{background:var(--color-interactive-primary);width:6px;height:6px}.login-example-kicker{font:500 12px/1.5 var(--font-body);letter-spacing:.06em}.login-example-signature{font:500 12px/1.5 var(--font-body);color:var(--color-text-secondary);letter-spacing:.08em;margin-top:24px;display:inline-block}.login-example-guidance{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.login-example-guidance p{font:14px/1.5 var(--font-body);color:var(--color-text-secondary);flex:340px;margin:0}.login-example-reset{gap:24px;display:grid}.license-notice{border:1px solid var(--color-border-default);border-inline-start:2px solid var(--color-interactive-primary);background:var(--color-surface);color:var(--color-text-primary);font:14px/1.5 var(--font-body);flex-wrap:wrap;align-items:center;gap:16px 24px;margin:20px 0 24px;padding:16px 20px;display:flex}.license-notice>div{flex:360px;min-width:0}.license-notice strong{font-weight:700}.license-notice p{color:var(--color-text-secondary);margin:4px 0 0}.license-notice a{min-height:44px;color:var(--color-interactive-secondary);text-underline-offset:3px;align-items:center;gap:8px;font-weight:500;display:inline-flex}.license-notice a:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.license-footer-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.license-summary{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:20px;margin-block:32px;display:grid}.license-summary article{border:1px solid var(--color-border-default);background:var(--color-background-primary);min-width:0;padding:24px}.license-section h3{font:700 18px/1.3 var(--font-body);margin:0 0 12px}.license-summary p,.license-permission p{font:16px/1.6 var(--font-body);color:var(--color-text-secondary);margin:0}.license-permission{max-width:76ch;padding-block:12px 32px}.license-permission p+p{margin-top:16px}.license-document{border:1px solid var(--color-border-default);min-width:0;margin-bottom:24px}.license-document header{border-bottom:1px solid var(--color-border-default);background:var(--color-background-primary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.license-document h3{margin:0}.license-document header span{font:14px/1.5 var(--font-body);color:var(--color-text-secondary)}.license-document pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.65 var(--font-body);color:var(--color-text-primary);margin:0;padding:24px}.site-footer .license-footer-link{color:var(--color-interactive-secondary);font:14px/1.5 var(--font-body);letter-spacing:normal;text-underline-offset:3px;margin-top:12px;text-decoration:underline;display:block}.developer-guide{min-width:0}.developer-guide .section-header{margin-bottom:24px}.developer-guide .catalog-related-links{margin-block:20px}.developer-guide-body{min-width:0;max-width:960px;color:var(--color-text-primary);font:14px/1.8 var(--font-body);overflow-wrap:anywhere}.developer-guide-body h3,.developer-guide-body h4,.developer-guide>h3{font:600 22px/1.3 var(--font-body);margin:32px 0 12px;scroll-margin-top:112px}.developer-guide-body h4{font-size:17px}.developer-guide-body p,.developer-guide-body ul,.developer-guide-body ol{margin-block:12px}.developer-guide-body li+li{margin-top:8px}.developer-guide-body ul,.developer-guide-body ol{padding-inline-start:24px}.developer-guide-body a,.developer-guide-anchor{color:var(--color-interactive-primary);text-underline-offset:3px;text-decoration:underline}.developer-guide-anchor{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.developer-guide-body :not(pre)>code{background:var(--color-background-secondary);font:12px/1.6 var(--font-mono);padding:2px 5px}.developer-guide-body .code-block{max-width:100%;font:12px/1.7 var(--font-mono);white-space:pre;overflow:auto}.developer-guide-code{min-width:0;margin-block:20px}.developer-guide-table{border:1px solid var(--color-border-default);background:var(--color-surface);max-width:100%;margin-block:20px;overflow-x:auto}.developer-guide-table table{border-collapse:collapse;width:100%;min-width:520px;font:13px/1.7 var(--font-body)}.developer-guide-table th,.developer-guide-table td{text-align:start;vertical-align:top;border-bottom:1px solid var(--color-border-subtle);padding:12px 14px}.developer-guide-table th{background:var(--color-background-secondary);font-weight:600}.developer-guide-table td{overflow-wrap:anywhere;min-width:100px;max-width:500px}.developer-guide-table td:nth-child(2){min-width:200px}.developer-guide-toc{border:1px solid var(--color-border-default);background:var(--color-surface);flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px;padding:16px;display:flex}.developer-guide-toc>span{width:100%;font:600 13px var(--font-body);color:var(--color-text-secondary)}.developer-guide-toc button{border:1px solid var(--color-border-subtle);color:var(--color-text-primary);font:13px/1.5 var(--font-body);cursor:pointer;background:0 0;padding:6px 10px}.developer-guide-language{font:13px/1.7 var(--font-body);color:var(--color-text-secondary)}.developer-api-filters{grid-template-columns:1fr 1fr;gap:16px;max-width:960px;margin-top:24px;display:grid}.developer-api-filters label{font:500 13px var(--font-body);gap:8px;display:grid}.developer-api-family{margin-top:24px}.developer-starter-grid{grid-template-columns:1fr 1fr;gap:20px;margin-block:24px;display:grid}.developer-starter-grid article{border:1px solid var(--color-border-default);background:var(--color-surface);padding:24px}.developer-starter-grid article h3{font:600 24px var(--font-body);margin:12px 0}.developer-starter-grid article p,.developer-starter-grid article li{font:14px/1.7 var(--font-body)}.developer-starter-grid ul{margin-block:16px 24px;padding-inline-start:20px}:where(.developer-guide-toc button,.developer-guide-anchor,.developer-guide-table):focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}@media (max-width:767px){.developer-api-filters,.developer-starter-grid{grid-template-columns:1fr}.developer-starter-grid article{padding:20px}.developer-guide-body h3{font-size:20px}}