@import"https://api.fontshare.com/v2/css?f[]=clash-grotesk@300,400,500,600,700&f[]=satoshi@400,500,700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Manrope:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap";.uds-ceramic-loader{--ceramic-loader-background: #3c3235;--ceramic-loader-foreground: #cc5536;--ceramic-loader-size: 20rem;--ceramic-loader-duration-enter: calc(var(--motion-duration-page) * 1.5);--ceramic-loader-duration-cycle: calc(var(--motion-duration-page) * 5);--ceramic-loader-duration-exit: var(--ceramic-loader-duration-enter);--ceramic-loader-ease-ceremonial: cubic-bezier(.37, 0, .23, 1);display:grid;place-items:center;min-block-size:100%;overflow:hidden;background:var(--ceramic-loader-background);color:var(--ceramic-loader-foreground);contain:layout paint}.uds-ceramic-loader[data-fullscreen=true]{position:fixed;z-index:var(--z-modal);top:0;right:0;bottom:0;left:0;min-block-size:100dvh}.uds-ceramic-loader[data-size=md]{--ceramic-loader-size: 32rem}.uds-ceramic-loader[data-size=lg]{--ceramic-loader-size: 46rem}.uds-ceramic-loader__mark{position:relative;display:block;inline-size:min(78vw,var(--ceramic-loader-size));aspect-ratio:875 / 145;color:inherit;transform-origin:center;animation:ceramic-loader-intro var(--ceramic-loader-duration-enter) var(--ceramic-loader-ease-ceremonial) both}.uds-ceramic-loader__writing{display:block;inline-size:100%;block-size:100%;object-fit:contain;transform-origin:left center;will-change:clip-path,opacity;animation:ceramic-loader-write var(--ceramic-loader-duration-cycle) var(--ceramic-loader-ease-ceremonial) infinite both}.uds-ceramic-loader[data-phase=exit]{pointer-events:none;animation:ceramic-loader-overlay-exit var(--ceramic-loader-duration-exit) var(--ceramic-loader-ease-ceremonial) both}@keyframes ceramic-loader-intro{0%{opacity:0;transform:scale(.975)}to{opacity:1;transform:scale(1)}}@keyframes ceramic-loader-write{0%,12%{clip-path:inset(0 100% 0 0);opacity:0}18%{opacity:1}64%,88%{clip-path:inset(0 0 0 0);opacity:1}to{clip-path:inset(0 0 0 0);opacity:0}}@keyframes ceramic-loader-overlay-exit{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.uds-ceramic-loader__mark{animation:ceramic-loader-intro 1ms linear both}.uds-ceramic-loader__writing{animation:none;clip-path:none;opacity:1}.uds-ceramic-loader[data-phase=exit]{animation:ceramic-loader-overlay-exit 1ms linear both}}:where([data-motion=off]) .uds-ceramic-loader__mark{animation:ceramic-loader-intro 1ms linear both}:where([data-motion=off]) .uds-ceramic-loader__writing{animation:none;clip-path:none;opacity:1}:where([data-motion=off]) .uds-ceramic-loader[data-phase=exit]{animation:ceramic-loader-overlay-exit 1ms linear both}@layer reset,theme,base,components,utilities;@layer theme{:root{color-scheme:light dark;--background: Canvas;--foreground: CanvasText;--foreground-muted: color-mix(in srgb, CanvasText 68%, Canvas 32%);--foreground-subtle: color-mix(in srgb, CanvasText 45%, Canvas 55%);--card: Canvas;--card-foreground: CanvasText;--primary: Highlight;--primary-foreground: HighlightText;--secondary: color-mix(in srgb, CanvasText 8%, Canvas 92%);--secondary-foreground: CanvasText;--muted: color-mix(in srgb, CanvasText 12%, Canvas 88%);--muted-foreground: color-mix(in srgb, CanvasText 62%, Canvas 38%);--border: color-mix(in srgb, CanvasText 18%, Canvas 82%);--border-width-strong: 2px;--input: color-mix(in srgb, CanvasText 24%, Canvas 76%);--ring: Highlight;--surface: color-mix(in srgb, CanvasText 5%, Canvas 95%);--surface-strong: color-mix(in srgb, CanvasText 8%, Canvas 92%);--surface-elevated: color-mix(in srgb, CanvasText 10%, Canvas 90%);--surface-hover: var(--surface-strong);--surface-inverse: CanvasText;--inverse-foreground: Canvas;--inverse-foreground-muted: color-mix(in srgb, Canvas 76%, CanvasText 24%);--inverse-foreground-subtle: color-mix(in srgb, Canvas 58%, CanvasText 42%);--inverse-hover: color-mix(in srgb, CanvasText 8%, transparent);--inverse-focus-ring: Highlight;--overlay: color-mix(in srgb, var(--background) 72%, transparent);--modal-surface: var(--surface-elevated);--popover-surface: var(--surface-elevated);--radius: .25rem;--radius-control: var(--radius);--radius-surface: var(--radius);--font-sans: ui-sans-serif, system-ui, sans-serif;--font-arabic: "IBM Plex Sans Arabic", "Noto Sans Arabic", "Tajawal", "Cairo", Arial, sans-serif;--font-arabic-display: var(--font-arabic);--font-arabic-body: var(--font-arabic);--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-weight-body: 400;--font-weight-regular: var(--font-weight-body);--font-weight-medium: 500;--font-weight-semibold: var(--font-weight-medium);--font-weight-strong: 700;--font-weight-arabic-body: 400;--font-weight-arabic-display: 700;--font-size-small: .8125rem;--font-size-2: 1rem;--font-size-eyebrow: .75rem;--font-size-supporting: .75rem;--font-size-body: 1rem;--font-size-body-lg: 1.125rem;--font-size-display: clamp(2.5rem, 8vw, 6rem);--font-size-marketing-h1: clamp(3rem, 6vw, 5.75rem);--font-size-marketing-h2: clamp(2.25rem, 4vw, 3.75rem);--font-size-marketing-h3: clamp(1.5rem, 2.5vw, 2.25rem);--font-size-arabic-body: var(--font-size-body);--font-size-arabic-body-lg: var(--font-size-body-lg);--font-size-arabic-display: clamp(2.375rem, 7.6vw, 5.7rem);--line-height-tight: 1.15;--line-height-marketing-h1: 1;--line-height-marketing-h2: 1.08;--line-height-marketing-h3: 1.16;--line-height-supporting: .875rem;--line-height-body: 1.5;--line-height-arabic: 1.75;--line-height-arabic-body: var(--line-height-arabic);--line-height-arabic-display: 1.16;--tracking-body: 0;--tracking-heading: 0;--tracking-eyebrow: .08em;--tracking-arabic: 0;--tracking-arabic-display: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--container-standard: 72rem;--container-wide: 90rem;--page-gutter: clamp(1rem, 3vw, 2.5rem);--content-measure: 72ch;--measure-marketing-h1: 12ch;--measure-marketing-h2: 18ch;--measure-marketing-h3: 28ch;--shadow-surface: none;--shadow-popover: none;--shadow-control: none;--duration-fast: .12s;--duration-medium: .22s;--duration-slow: .42s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--motion-duration-press: .16s;--motion-duration-page: .42s;--motion-duration-expand: .36s;--motion-duration-reveal: .44s;--motion-duration-icon: .64s;--motion-duration-fast: var(--motion-duration-press);--motion-ease-standard: cubic-bezier(.2, 0, 0, 1);--motion-ease-emphasized: cubic-bezier(.16, 1, .3, 1);--motion-ease-icon: var(--motion-ease-emphasized);--motion-press-scale: .97;--motion-distance-page: var(--space-2);--motion-distance-reveal: var(--space-2);--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring: var(--ring);--interaction-density-compact: var(--space-2);--interaction-density-default: var(--space-3);--interaction-density-comfortable: var(--space-4);--interaction-target-min: 2.75rem;--interaction-focus: var(--focus-ring);--interaction-selection-surface: color-mix(in srgb, var(--primary) 14%, var(--surface) 86%);--interaction-selection-border: color-mix(in srgb, var(--primary) 62%, var(--border) 38%);--interaction-drag-surface: var(--surface-elevated);--interaction-drag-border: var(--interaction-focus);--interaction-drop-indicator: var(--primary);--visualization-series-1: var(--primary);--visualization-series-2: var(--secondary-foreground);--visualization-series-3: color-mix(in srgb, var(--primary) 70%, var(--foreground) 30%);--visualization-series-4: color-mix(in srgb, var(--primary) 45%, var(--foreground) 55%);--visualization-series-5: color-mix(in srgb, var(--secondary-foreground) 72%, var(--background) 28%);--visualization-series-6: color-mix(in srgb, var(--secondary-foreground) 48%, var(--background) 52%);--visualization-positive: var(--success-text);--visualization-negative: var(--destructive-text);--visualization-neutral: var(--muted-foreground);--visualization-forecast: var(--visualization-series-5);--visualization-benchmark: var(--visualization-series-6);--visualization-grid: var(--chart-grid-color);--temporal-today-surface: var(--interaction-selection-surface);--temporal-now-indicator: var(--primary);--temporal-outside-foreground: var(--foreground-subtle);--icon-system: theme-defined;--icon-size-xs: .875rem;--icon-size-sm: 1rem;--icon-size-md: 1.25rem;--border-width-hairline: .0625rem;--control-height-sm: 2rem;--sidebar-width: 17rem;--sidebar-width-collapsed: 4rem;--sidebar-min-block-size: 30rem;--sidebar-rail-size: var(--space-2);--gutter: clamp(20px, 5vw, 72px);--primary-hover: color-mix(in srgb, var(--primary) 88%, CanvasText 12%);--primary-active: color-mix(in srgb, var(--primary) 78%, CanvasText 22%);--secondary-hover: color-mix(in srgb, var(--secondary) 88%, CanvasText 12%);--secondary-active: color-mix(in srgb, var(--secondary) 78%, CanvasText 22%);--ghost-hover: color-mix(in srgb, CanvasText 8%, transparent);--ghost-active: color-mix(in srgb, CanvasText 14%, transparent);--outline-hover: var(--surface-strong);--outline-active: var(--muted);--destructive: var(--primary);--destructive-hover: color-mix(in srgb, var(--destructive) 88%, CanvasText 12%);--destructive-active: color-mix(in srgb, var(--destructive) 78%, CanvasText 22%);--destructive-foreground: var(--primary-foreground);--destructive-surface: color-mix(in srgb, var(--destructive) 8%, var(--surface) 92%);--destructive-border: color-mix(in srgb, var(--destructive) 48%, var(--border) 52%);--destructive-text: color-mix(in srgb, var(--destructive) 72%, var(--foreground) 28%);--warning: var(--secondary);--warning-foreground: var(--secondary-foreground);--warning-surface: color-mix(in srgb, var(--warning) 8%, var(--surface) 92%);--warning-border: color-mix(in srgb, var(--warning) 48%, var(--border) 52%);--warning-text: color-mix(in srgb, var(--warning) 72%, var(--foreground) 28%);--success: var(--secondary);--success-foreground: var(--secondary-foreground);--success-surface: color-mix(in srgb, var(--success) 8%, var(--surface) 92%);--success-border: color-mix(in srgb, var(--success) 48%, var(--border) 52%);--success-text: color-mix(in srgb, var(--success) 72%, var(--foreground) 28%);--button-height: 40px;--button-height-sm: 32px;--button-height-lg: 48px;--button-padding-inline: var(--space-4);--button-padding-inline-sm: var(--space-3);--button-padding-inline-lg: var(--space-6);--button-font-size: .875rem;--button-font-size-sm: .8125rem;--button-font-size-lg: 1rem;--button-group-gap: var(--space-2);--button-group-gap-compact: var(--space-1);--badge-padding-block: .25rem;--badge-padding-inline: .5rem;--badge-font-size: .75rem;--badge-height: 1.5rem;--card-padding: var(--space-6);--card-title-size: 1.25rem;--floating-content-width: 280px;--nav-item-height: 36px;--input-height: 40px;--checkbox-size: 1rem;--checkbox-icon-size: .625rem;--checkbox-border-color: var(--input);--checkbox-background: transparent;--checkbox-foreground: var(--foreground);--checkbox-checked-background: var(--foreground);--checkbox-checked-foreground: var(--background);--checkbox-checked-border-color: var(--foreground);--checkbox-fancy-size: 1rem;--checkbox-fancy-icon-size: var(--checkbox-icon-size);--checkbox-fancy-icon-translate-x: 0;--checkbox-fancy-icon-translate-y: 0;--checkbox-fancy-checked-background: var(--primary);--checkbox-fancy-checked-foreground: var(--primary-foreground);--checkbox-fancy-checked-border-color: var(--primary);--avatar-size: 40px;--chat-composer-max-inline-size: 44rem;--chat-composer-min-block-size: 104px;--chat-bubble-max-inline-size: 36rem;--radius-chat-bubble: var(--radius-surface);--radius-chat-composer: var(--radius-surface);--radius-chat-token: var(--radius-control);--chat-bubble-padding-block: var(--space-3);--chat-bubble-padding-inline: var(--space-4);--chat-token-padding-block: var(--space-1);--chat-token-padding-inline: var(--space-2);--chart-block-size: 12rem;--chart-bar-size: 2.5rem;--chart-grid-color: color-mix(in srgb, var(--border) 64%, transparent);--chart-radius-frame: var(--radius-surface);--chart-radius-node: var(--radius-control);--chart-radius-mark: var(--radius-control);--chart-radius-bar: 0;--z-overlay: 40;--z-popover: 45;--z-modal: 50}}.uds-breadcrumb-link{background:transparent;color:var(--muted-foreground);text-decoration:none}.uds-breadcrumb[data-variant=default] .uds-breadcrumb-link:hover{background:transparent;color:var(--foreground);text-decoration:none}.uds-breadcrumb[data-variant=inverse] .uds-breadcrumb-link{color:var(--inverse-foreground-muted)}.uds-breadcrumb[data-variant=inverse] .uds-breadcrumb-link:hover{background:var(--inverse-hover);color:var(--inverse-foreground);text-decoration:none}@layer components{.uds-separator{flex-shrink:0;margin:0;border:0;background:var(--border)}.uds-separator[data-orientation=horizontal]{block-size:var(--border-width-hairline);inline-size:100%}.uds-separator[data-orientation=vertical]{align-self:stretch;block-size:auto;inline-size:var(--border-width-hairline)}.uds-textarea[data-resize=none]{resize:none}.uds-textarea[data-resize=both]{resize:both}.uds-switch[data-size=sm]{inline-size:2rem;block-size:1.125rem}.uds-switch[data-size=sm] .uds-switch-thumb{inline-size:.875rem;block-size:.875rem}.uds-switch[data-size=sm][data-state=checked] .uds-switch-thumb{transform:translate(.875rem)}:dir(rtl) .uds-switch[data-size=sm][data-state=checked] .uds-switch-thumb{transform:translate(-.875rem)}.uds-slider[data-size=sm] .uds-slider-track{block-size:var(--border-width-focus)}.uds-slider[data-size=sm] .uds-slider-thumb{inline-size:.875rem;block-size:.875rem}.uds-table-container{inline-size:100%;overflow-x:auto;overscroll-behavior-inline:contain}.uds-table-caption{caption-side:bottom;padding-block:var(--space-3);color:var(--muted-foreground);text-align:start}.uds-table-footer{border-block-start:var(--border-width-hairline) solid var(--border);background:var(--surface-subtle);font-weight:var(--font-weight-semibold)}.uds-sheet-close{position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-3);display:inline-grid;place-items:center;inline-size:var(--control-height-sm);block-size:var(--control-height-sm);border:0;border-radius:var(--radius-control);color:var(--muted-foreground);background:transparent;cursor:pointer}.uds-sheet-close:hover{background:var(--surface-hover);color:var(--foreground)}.uds-sheet-close:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.uds-sheet-close svg{inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm)}.uds-sidebar{position:relative;display:flex;flex-direction:column;inline-size:var(--sidebar-width);min-block-size:var(--sidebar-min-block-size);background:var(--sidebar-background, var(--background));color:var(--sidebar-foreground, var(--foreground));transition:inline-size var(--duration-medium) var(--ease-standard),translate var(--duration-medium) var(--ease-standard)}.uds-sidebar[data-placement=start]{order:-1;border-inline-end:var(--border-width-hairline) solid var(--border)}.uds-sidebar[data-placement=end]{order:1;border-inline-start:var(--border-width-hairline) solid var(--border)}.uds-sidebar[data-variant=floating]{margin:var(--space-2);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface)}.uds-sidebar[data-collapsed][data-collapsible=icon]{inline-size:var(--sidebar-width-collapsed)}.uds-sidebar:dir(ltr)[data-placement=start][data-collapsed][data-collapsible=offcanvas],.uds-sidebar:dir(rtl)[data-placement=end][data-collapsed][data-collapsible=offcanvas]{translate:-100% 0}.uds-sidebar:dir(ltr)[data-placement=end][data-collapsed][data-collapsible=offcanvas],.uds-sidebar:dir(rtl)[data-placement=start][data-collapsed][data-collapsible=offcanvas]{translate:100% 0}.uds-sidebar-header,.uds-sidebar-footer{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3)}.uds-sidebar-content{flex:1;min-block-size:0;overflow-y:auto;padding:var(--space-2)}.uds-sidebar-group{display:grid;gap:var(--space-1);padding-block:var(--space-2)}.uds-sidebar-group-label{margin:0;padding-inline:var(--space-2);color:var(--muted-foreground);font-size:var(--font-size-supporting)}.uds-sidebar-menu{display:grid;gap:var(--space-1);margin:0;padding:0;list-style:none}.uds-sidebar-menu-button{position:relative;display:flex;align-items:center;gap:var(--space-2);inline-size:100%;min-block-size:var(--control-height-sm);padding-inline:var(--space-2);border:0;border-radius:var(--radius-control);background:transparent;color:inherit;text-align:start;cursor:pointer}.uds-sidebar-menu-button:hover,.uds-sidebar-menu-button[data-active][data-active-variant=background],.uds-sidebar-menu-button[data-active][data-active-variant=both]{background:var(--surface-hover)}.uds-sidebar-menu-button[data-active][data-active-variant=indicator]:before,.uds-sidebar-menu-button[data-active][data-active-variant=both]:before{position:absolute;inset-block:var(--space-2);inset-inline-start:0;inline-size:var(--border-width-strong);background:var(--primary);content:""}.uds-sidebar[data-placement=end] .uds-sidebar-menu-button[data-active][data-active-variant=indicator]:before,.uds-sidebar[data-placement=end] .uds-sidebar-menu-button[data-active][data-active-variant=both]:before{inset-inline-start:auto;inset-inline-end:0}.uds-sidebar-menu-button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.uds-sidebar-menu-badge{margin-inline-start:auto;color:var(--muted-foreground);font-size:var(--font-size-supporting)}.uds-sidebar-inset{min-inline-size:0;flex:1;background:var(--background)}.uds-sidebar[data-collapsible=icon][data-collapsed] .uds-sidebar-group-label,.uds-sidebar[data-collapsible=icon][data-collapsed] .uds-sidebar-menu-button>:not(svg):not([aria-hidden=true]){overflow:hidden;inline-size:0;opacity:0}.uds-sidebar-rail{position:absolute;inset-block:0;inline-size:var(--sidebar-rail-size);border:0;background:transparent;cursor:ew-resize}.uds-sidebar-rail[data-placement=start]{inset-inline-end:calc(-1 * var(--sidebar-rail-size))}.uds-sidebar-rail[data-placement=end]{inset-inline-start:calc(-1 * var(--sidebar-rail-size))}.uds-sidebar-group{position:relative}.uds-sidebar-group-action,.uds-sidebar-menu-action{position:absolute;inset-inline-end:var(--space-2);display:inline-grid;place-items:center;inline-size:var(--control-height-sm);block-size:var(--control-height-sm);border:0;border-radius:var(--radius-control);background:transparent;color:var(--muted-foreground)}.uds-sidebar-group-action{inset-block-start:var(--space-2)}.uds-sidebar-menu-item{position:relative}.uds-sidebar-menu-action{inset-block-start:50%;translate:0 -50%}.uds-sidebar-menu-sub{display:grid;gap:var(--space-1);margin:0;margin-inline-start:var(--space-4);padding:0;padding-inline-start:var(--space-2);border-inline-start:var(--border-width-hairline) solid var(--border);list-style:none}.uds-sidebar-menu-sub-button{display:flex;min-block-size:var(--control-height-sm);align-items:center;color:var(--muted-foreground);text-decoration:none}.uds-sidebar[data-collapsible=icon][data-collapsed] .uds-sidebar-menu-sub,.uds-sidebar[data-collapsible=icon][data-collapsed] .uds-sidebar-group-action,.uds-sidebar[data-collapsible=icon][data-collapsed] .uds-sidebar-menu-action{display:none}.uds-sidebar[data-collapsible=icon][data-collapsed] .uds-sidebar-menu-button[data-tooltip]:hover:after,.uds-sidebar[data-collapsible=icon][data-collapsed] .uds-sidebar-menu-button[data-tooltip]:focus-visible:after{position:absolute;z-index:var(--z-popover);inset-block-start:50%;inset-inline-start:calc(100% + var(--space-2));translate:0 -50%;padding:var(--space-2) var(--space-3);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--popover-surface);color:var(--foreground);content:attr(data-tooltip);white-space:nowrap}.uds-sidebar[data-placement=end][data-collapsible=icon][data-collapsed] .uds-sidebar-menu-button[data-tooltip]:hover:after,.uds-sidebar[data-placement=end][data-collapsible=icon][data-collapsed] .uds-sidebar-menu-button[data-tooltip]:focus-visible:after{inset-inline-start:auto;inset-inline-end:calc(100% + var(--space-2))}.uds-sidebar-trigger:dir(ltr)[data-placement=end] svg,.uds-sidebar-trigger:dir(rtl)[data-placement=start] svg,.uds-sidebar-block-type-1-trigger:dir(ltr)[data-placement=end] .lucide-panel-left,.uds-sidebar-block-type-1-trigger:dir(rtl)[data-placement=start] .lucide-panel-left{transform:scaleX(-1)}.uds-sidebar-block-type-1{--sidebar-width-collapsed: var(--space-12);block-size:100dvh;min-block-size:100dvh}.uds-sidebar-block-type-1-header{min-block-size:var(--space-16);justify-content:space-between;padding-block:var(--space-3);padding-inline:var(--space-4)}.uds-sidebar-block-type-1-brand{display:flex;min-inline-size:0;align-items:center}.uds-sidebar-block-type-1-divider{flex:0 0 var(--border-width-hairline);block-size:var(--border-width-hairline);margin-inline:var(--space-4);background:var(--border)}.uds-sidebar-block-type-1-content{padding:var(--space-3)}.uds-sidebar-block-type-1 .uds-sidebar-group{gap:var(--space-2);padding-block:var(--space-3)}.uds-sidebar-block-type-1 .uds-sidebar-group+.uds-sidebar-group{margin-block-start:var(--space-3)}.uds-sidebar-block-type-1 .uds-sidebar-group-label{padding-inline:var(--space-2);font-size:var(--font-size-supporting)}.uds-sidebar-block-type-1 .uds-sidebar-menu-button{font-size:var(--font-size-small)}.uds-sidebar-block-type-1 .uds-sidebar-menu-button>.uds-navigation-icon{display:none;inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm)}.uds-sidebar-block-type-1-trigger{flex:0 0 auto;overflow:hidden;background:transparent;color:inherit}.uds-sidebar-block-type-1-trigger:not(:disabled):hover,.uds-sidebar-block-type-1-trigger[data-mobile][aria-expanded=true]{background:transparent;color:var(--primary)}.uds-sidebar-block-type-1-trigger>.uds-button-content,.uds-sidebar-block-type-1-trigger [data-slot=collapsed-icon]{display:inline-grid;place-items:center}.uds-sidebar-block-type-1-trigger>.uds-button-content>:where(svg,span),.uds-sidebar-block-type-1-trigger [data-slot=collapsed-icon]>:where(svg,img){inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm)}.uds-sidebar-block-type-1-trigger-panel,.uds-sidebar-block-type-1-trigger[data-collapsed-icon]:hover .uds-sidebar-block-type-1-trigger-collapsed{display:none}.uds-sidebar-block-type-1-trigger[data-collapsed-icon]:hover .uds-sidebar-block-type-1-trigger-panel{display:block}.uds-sidebar-block-type-1-footer{flex-direction:column;align-items:stretch;gap:var(--space-3);margin-block-start:auto;padding-block:var(--space-3);padding-inline:0}.uds-sidebar-block-type-1-footer:before{display:block;flex:0 0 var(--border-width-hairline);block-size:var(--border-width-hairline);margin-inline:var(--space-4);background:var(--border);content:""}.uds-sidebar-block-type-1-workspace{inline-size:100%;block-size:auto;min-block-size:var(--nav-item-height);justify-content:flex-start;padding:0;overflow:hidden;color:inherit;text-align:start}.uds-sidebar-block-type-1-workspace:not(:disabled):hover{background:transparent;color:var(--primary)}.uds-sidebar-block-type-1-workspace>.uds-button-content{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-3);inline-size:100%;min-inline-size:0}.uds-sidebar-block-type-1-workspace-marker{display:block;inline-size:var(--border-width-strong);block-size:var(--space-6);background:var(--primary)}.uds-sidebar-block-type-1-workspace-copy{display:grid;min-inline-size:0;gap:var(--space-1)}.uds-sidebar-block-type-1-workspace-label,.uds-sidebar-block-type-1-workspace-description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uds-sidebar-block-type-1-workspace-label{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);line-height:var(--line-height-supporting)}.uds-sidebar-block-type-1-workspace-description{color:var(--muted-foreground);font-size:var(--font-size-supporting);line-height:var(--line-height-supporting)}.uds-sidebar-block-type-1[data-collapsible=icon][data-collapsed] .uds-sidebar-block-type-1-brand,.uds-sidebar-block-type-1[data-collapsible=icon][data-collapsed] .uds-sidebar-block-type-1-divider,.uds-sidebar-block-type-1[data-collapsible=icon][data-collapsed] .uds-sidebar-block-type-1-footer{display:none}.uds-sidebar-block-type-1[data-collapsible=icon][data-collapsed] .uds-sidebar-block-type-1-header{justify-content:center;padding-inline:var(--space-2)}.uds-sidebar-block-type-1[data-collapsible=icon][data-collapsed] .uds-sidebar-block-type-1-content{padding-inline:var(--space-2)}.uds-sidebar-block-type-1[data-collapsible=icon][data-collapsed] .uds-sidebar-menu-button>.uds-navigation-icon{display:block}.uds-sidebar-block-type-1[data-collapsible=icon][data-collapsed] .uds-sidebar-menu-button{justify-content:center;padding-inline:0}.uds-sidebar-block-type-1[data-collapsible=icon][data-collapsed] .uds-sidebar-menu-button:hover,.uds-sidebar-block-type-1[data-collapsible=icon][data-collapsed] .uds-sidebar-menu-button[data-active]{background:transparent;color:var(--primary)}.uds-sidebar-block-type-1[data-collapsible=icon][data-collapsed] .uds-sidebar-menu-button[data-active]:before{display:none}@media(max-width:48rem){.uds-sidebar-overlay{position:fixed;z-index:var(--z-overlay);top:0;right:0;bottom:0;left:0;border:0;background:var(--overlay)}.uds-sidebar[data-collapsible=offcanvas]{position:fixed;z-index:var(--z-modal);inset-block:0}.uds-sidebar[data-placement=start][data-collapsible=offcanvas]{inset-inline-start:0}.uds-sidebar[data-placement=end][data-collapsible=offcanvas]{inset-inline-end:0}.uds-sidebar:dir(ltr)[data-placement=start][data-collapsible=offcanvas]:not([data-mobile-open]),.uds-sidebar:dir(rtl)[data-placement=end][data-collapsible=offcanvas]:not([data-mobile-open]){translate:-100% 0}.uds-sidebar:dir(ltr)[data-placement=end][data-collapsible=offcanvas]:not([data-mobile-open]),.uds-sidebar:dir(rtl)[data-placement=start][data-collapsible=offcanvas]:not([data-mobile-open]){translate:100% 0}.uds-sidebar[data-collapsible=offcanvas][data-mobile-open]{translate:0}.uds-sidebar-block-type-1-trigger[data-mobile],.uds-sidebar-block-type-1-trigger[data-mobile][aria-expanded=true]{background:transparent;color:inherit}}@media(prefers-reduced-motion:reduce){.uds-sidebar{transition:none}}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-weight:var(--font-weight-body);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:where(:lang(ar),[lang|=ar]){font-family:var(--font-arabic-body);font-weight:var(--font-weight-arabic-body);line-height:var(--line-height-arabic-body);letter-spacing:var(--tracking-arabic);text-transform:none}a{color:inherit;text-decoration:none}:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:var(--focus-ring-offset)}.uds-motion-provider{display:contents}[data-motion=off]{--motion-duration-press: 0ms;--motion-duration-page: 0ms;--motion-duration-expand: 0ms;--motion-duration-reveal: 0ms;--motion-duration-icon: 0ms;--motion-duration-fast: 0ms;--motion-press-scale: 1;--motion-distance-page: 0px;--motion-distance-reveal: 0px}.uds-motion-icon{display:inline-flex;transform-origin:center}.uds-motion-icon[data-motion=on][data-active=true][data-pattern=bell]{animation:uds-icon-bell var(--motion-duration-icon) var(--motion-ease-icon);transform-origin:50% 0}.uds-motion-icon[data-motion=on][data-active=true][data-pattern=download]{animation:uds-icon-download var(--motion-duration-icon) var(--motion-ease-icon)}.uds-motion-icon[data-motion=on][data-active=true][data-pattern=copy]{animation:uds-icon-copy var(--motion-duration-icon) var(--motion-ease-icon)}@keyframes uds-icon-bell{0%,to{transform:rotate(0)}28%{transform:rotate(12deg)}55%{transform:rotate(-8deg)}78%{transform:rotate(4deg)}}@keyframes uds-icon-download{0%{transform:translateY(calc(-1 * var(--motion-distance-reveal)));opacity:0}68%{transform:translateY(1px);opacity:1}to{transform:translateY(0);opacity:1}}@keyframes uds-icon-copy{0%,to{transform:scale(1)}42%{transform:scale(.88)}72%{transform:scale(1.04)}}.uds-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:var(--border-width-hairline) solid transparent;border-radius:var(--radius-control);font-family:var(--font-sans);font-weight:var(--font-weight-medium);line-height:1;white-space:nowrap;cursor:pointer;transition:background-color var(--motion-duration-press) var(--motion-ease-standard),border-color var(--motion-duration-press) var(--motion-ease-standard),color var(--motion-duration-press) var(--motion-ease-standard),transform var(--motion-duration-press) var(--motion-ease-standard);transform-origin:center}.uds-button:not(:disabled):active,.uds-button.uds-button-state-active{transform:scale(var(--motion-press-scale))}:lang(ar) .uds-button,[lang|=ar] .uds-button,:lang(ar) .uds-badge,[lang|=ar] .uds-badge,:lang(ar) .uds-button-group-text,[lang|=ar] .uds-button-group-text{font-family:var(--font-arabic);line-height:var(--line-height-arabic)}.uds-button:disabled{cursor:not-allowed;opacity:.5}.uds-button[aria-disabled=true]{cursor:not-allowed;opacity:.5;pointer-events:none}.uds-button[data-loading=true]{cursor:progress}.uds-button-content,.uds-button-slot{display:inline-flex;align-items:center;min-width:0}.uds-button-slot{line-height:1}.uds-button[data-icon-only=true]{gap:0}.uds-button[data-content-align=start],.uds-button[data-content-align=between]{justify-content:flex-start;text-align:start}.uds-button[data-content-align=between] .uds-button-content{flex:1 1 auto;justify-content:flex-start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uds-button[data-content-align=between] .uds-button-slot[data-slot=end]{margin-inline-start:auto}.uds-button-spinner{width:1em;height:1em;border:2px solid color-mix(in srgb,currentColor 34%,transparent);border-top-color:currentColor;border-radius:50%;animation:uds-button-spin var(--duration-slow) linear infinite}@keyframes uds-button-spin{to{transform:rotate(1turn)}}.uds-button:focus-visible,.uds-button-state-focus{outline:var(--focus-ring-width) solid var(--ring);outline-offset:var(--focus-ring-offset)}.uds-button--default{background:var(--primary);color:var(--primary-foreground)}.uds-button--default:not(:disabled):hover,.uds-button--default.uds-button-state-hover{background:var(--primary-hover)}.uds-button--default:not(:disabled):active,.uds-button--default.uds-button-state-active{background:var(--primary-active)}.uds-button--secondary{background:var(--secondary);color:var(--secondary-foreground)}.uds-button--secondary:not(:disabled):hover,.uds-button--secondary.uds-button-state-hover{background:var(--secondary-hover)}.uds-button--secondary:not(:disabled):active,.uds-button--secondary.uds-button-state-active,.uds-button--secondary[data-state=on]{background:var(--secondary-active)}.uds-button--outline{border-color:var(--border);background:transparent;color:var(--foreground)}.uds-button--outline:not(:disabled):hover,.uds-button--outline.uds-button-state-hover{background:var(--outline-hover)}.uds-button--outline:not(:disabled):active,.uds-button--outline.uds-button-state-active,.uds-button--outline[data-state=on]{background:var(--outline-active)}.uds-button--ghost{background:transparent;color:var(--foreground)}.uds-button--ghost:not(:disabled):hover,.uds-button--ghost.uds-button-state-hover{background:var(--ghost-hover)}.uds-button--ghost:not(:disabled):active,.uds-button--ghost.uds-button-state-active,.uds-button--ghost[data-state=on]{background:var(--ghost-active)}.uds-button--destructive{background:var(--destructive, var(--primary));color:var(--primary-foreground)}.uds-button--destructive:not(:disabled):hover,.uds-button--destructive.uds-button-state-hover{background:var(--destructive-hover)}.uds-button--destructive:not(:disabled):active,.uds-button--destructive.uds-button-state-active,.uds-button--destructive[data-state=on]{background:var(--destructive-active)}.uds-button--size-default{min-height:var(--button-height);padding-inline:var(--button-padding-inline);font-size:var(--button-font-size)}.uds-button--size-sm{min-height:var(--button-height-sm);padding-inline:var(--button-padding-inline-sm);font-size:var(--button-font-size-sm)}.uds-button--size-lg{min-height:var(--button-height-lg);padding-inline:var(--button-padding-inline-lg);font-size:var(--button-font-size-lg)}.uds-button--size-icon{width:var(--button-height);height:var(--button-height);padding:0}.uds-button-group{display:inline-flex;align-items:center;width:fit-content;gap:0;overflow:hidden;border:var(--border-width-hairline) solid color-mix(in srgb,var(--input) 82%,transparent);border-radius:var(--radius-control);background:var(--background)}.uds-button-group--vertical{flex-direction:column;align-items:stretch}.uds-button-group--density-compact{--button-height: var(--button-height-sm);--button-padding-inline: var(--button-padding-inline-sm);--button-font-size: var(--button-font-size-sm)}.uds-button-group[role=toolbar]{flex-wrap:wrap}.uds-button-group>.uds-button{flex:0 0 auto;border-color:transparent!important;border-radius:0;box-shadow:none}.uds-button-group>.uds-button:is(.uds-button--outline,.uds-button--secondary,.uds-button--ghost){border-inline-width:0;border-block-width:0}.uds-button-group>.uds-button:focus-visible,.uds-button-group>.uds-button-state-focus{position:relative;z-index:1;outline-offset:calc(-1 * var(--focus-ring-width))}.uds-button-group--vertical>.uds-button:not(:first-child),.uds-button-group--vertical>.uds-button-group-text:not(:first-child){margin-inline-start:0}.uds-button-group>.uds-button:not(:first-child):not(:last-child),.uds-button-group>.uds-button-group-text:not(:first-child):not(:last-child){border-radius:0}.uds-button-group>.uds-button:first-child:not(:last-child),.uds-button-group>.uds-button-group-text:first-child:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.uds-button-group>.uds-button:last-child:not(:first-child),.uds-button-group>.uds-button-group-text:last-child:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}.uds-button-group--vertical>.uds-button:first-child:not(:last-child),.uds-button-group--vertical>.uds-button-group-text:first-child:not(:last-child){border-end-start-radius:0;border-end-end-radius:0;border-start-start-radius:var(--radius-control);border-start-end-radius:var(--radius-control)}.uds-button-group--vertical>.uds-button:last-child:not(:first-child),.uds-button-group--vertical>.uds-button-group-text:last-child:not(:first-child){border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:var(--radius-control);border-end-end-radius:var(--radius-control)}.uds-button-group-separator{align-self:stretch;background:color-mix(in srgb,var(--input) 56%,transparent);flex:0 0 1px;pointer-events:none}.uds-button-group-separator--horizontal{inline-size:100%;height:1px}.uds-button-group-text{display:inline-flex;align-items:center;justify-content:center;min-height:var(--button-height);border:0;border-radius:0;background:var(--surface);color:var(--foreground-muted);padding-inline:var(--button-padding-inline);font-size:var(--button-font-size);line-height:1}.uds-toggle-icon-pressed,.uds-toggle-button[data-state=on] .uds-toggle-icon-rest,.uds-toggle-button-group-item[data-state=on] .uds-toggle-icon-rest{display:none}.uds-toggle-button[data-state=on],.uds-toggle-button-group-item[data-state=on],.uds-toggle-button[data-state=on]:hover,.uds-toggle-button-group-item[data-state=on]:hover{border-color:var(--interaction-selection-border);background:var(--interaction-selection-surface);color:var(--foreground)}.uds-button-group>.uds-toggle-button-group-item[data-state=on]{border-color:var(--interaction-selection-border)!important}.uds-toggle-button[data-state=on] .uds-toggle-icon-pressed,.uds-toggle-button-group-item[data-state=on] .uds-toggle-icon-pressed{display:inline-flex}.uds-toggle-button[data-state=on] .uds-button-content,.uds-toggle-button-group-item[data-state=on] .uds-button-content{font-weight:var(--font-weight-strong)}.uds-badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);width:fit-content;min-width:0;border:var(--border-width-hairline) solid transparent;border-radius:var(--radius-control);padding:var(--badge-padding-block) var(--badge-padding-inline);font-size:var(--badge-font-size);font-weight:var(--font-weight-medium);line-height:1;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.uds-badge-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.uds-badge-slot{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;color:currentColor}.uds-badge-slot svg{width:1em;height:1em;stroke-width:2}.uds-badge--sm{padding-block:calc(var(--badge-padding-block) * .75);padding-inline:calc(var(--badge-padding-inline) * .75);font-size:calc(var(--badge-font-size) * .92)}.uds-badge--lg{padding-block:calc(var(--badge-padding-block) * 1.25);padding-inline:calc(var(--badge-padding-inline) * 1.35);font-size:calc(var(--badge-font-size) * 1.18)}.uds-badge--default{background:var(--primary);color:var(--primary-foreground)}.uds-badge--secondary{background:var(--secondary);color:var(--secondary-foreground)}.uds-badge--success{border-color:var(--success-border);background:var(--success-surface);color:var(--success-text)}.uds-badge--info{border-color:var(--border);background:var(--surface-strong);color:var(--foreground)}.uds-badge--warning{border-color:var(--warning-border);background:var(--warning-surface);color:var(--warning-text)}.uds-badge--destructive{border-color:var(--destructive-border);background:var(--destructive-surface);color:var(--destructive-text)}.uds-badge--outline{border-color:var(--border);background:transparent;color:var(--foreground)}.uds-code-block{display:grid;min-inline-size:0;overflow:hidden;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface);color:var(--foreground)}.uds-code-block-header{display:flex;align-items:center;justify-content:space-between;min-block-size:var(--button-height-lg);border-block-end:var(--border-width-hairline) solid var(--border);padding-inline-start:var(--space-4)}.uds-code-block-language{color:var(--muted-foreground);font-family:var(--font-mono);font-size:var(--font-size-supporting)}.uds-code-block-copy{display:inline-grid;place-items:center;align-self:stretch;min-inline-size:var(--button-height-lg);min-block-size:var(--button-height-lg);border:0;border-inline-start:var(--border-width-hairline) solid transparent;border-radius:0;background:transparent;color:var(--muted-foreground);cursor:pointer}.uds-code-block-copy:hover{background:var(--surface-hover);color:var(--foreground)}.uds-code-block-copy:focus-visible{position:relative;outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:calc(-1 * var(--focus-ring-width))}.uds-code-block-copy[data-state=copied]{color:var(--success-text)}.uds-code-block-copy svg{inline-size:var(--icon-size-md);block-size:var(--icon-size-md)}.uds-code-block-pre{overflow:auto;margin:0;padding:var(--space-4);color:var(--foreground);font-family:var(--font-mono);font-size:var(--font-size-small);line-height:1.55;direction:ltr;text-align:left;white-space:pre-wrap}.uds-code-block-pre code{font:inherit}.uds-code-block-status{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.uds-card{position:relative;overflow:hidden;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--card);color:var(--card-foreground);box-shadow:var(--shadow-surface)}.uds-card:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;block-size:var(--border-width-strong);background:var(--primary);opacity:0;transform:scaleX(0);transform-origin:center;transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-medium) var(--ease-standard)}.uds-card[data-accent=always]:before,.uds-card[data-accent=hover]:hover:before,.uds-card[data-accent=hover]:focus-visible:before,.uds-card--interactive:hover:before,.uds-card--interactive:focus-visible:before{opacity:1;transform:scaleX(1)}.uds-card[data-size=sm]{--card-padding: var(--space-4);--card-title-size: 1rem}.uds-card-header,.uds-card-content,.uds-card-footer{padding:var(--card-padding)}.uds-card-header{display:grid;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto}.uds-card-title{margin:0;color:inherit;font-size:var(--card-title-size);font-weight:var(--font-weight-strong);line-height:1.12}.uds-card-description{margin:0;color:var(--muted-foreground);line-height:var(--line-height-body)}.uds-card-action{grid-column:2;grid-row:1 / span 2;align-self:start;justify-self:end}.uds-card-footer{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;justify-content:flex-end;border-block-start:var(--border-width-hairline) solid var(--border)}[dir=rtl] .uds-card-footer{justify-content:flex-start}.uds-card-status{display:inline-flex;align-items:center;min-block-size:var(--badge-height);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--foreground);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);padding-block:var(--badge-padding-block);padding-inline:var(--badge-padding-inline);white-space:nowrap}.uds-card-title,.uds-card-description{grid-column:1}.uds-card--interactive{display:block;inline-size:100%;text-align:start;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.uds-clickable-card,.uds-selectable-card{color:inherit}.uds-selectable-card{font:inherit}.uds-card--interactive:hover,.uds-card--interactive:focus-visible{border-color:var(--ring);background:var(--surface)}.uds-card--interactive:active{transform:translateY(1px)}.uds-selectable-card[data-selected=true]{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--card) 90%)}.uds-hover-card,.uds-popover,.uds-tooltip{position:relative;display:inline-flex}.uds-floating-content{--uds-floating-enter-x: 0;--uds-floating-enter-y: calc(-1 * var(--motion-distance-reveal));border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--popover-surface);color:var(--foreground);box-shadow:var(--shadow-popover);padding:var(--space-4);transform-origin:var(--radix-popover-content-transform-origin, var(--radix-hover-card-content-transform-origin, center));animation:uds-content-in var(--motion-duration-reveal) var(--motion-ease-emphasized);z-index:50}.uds-floating-content[data-side=top]{--uds-floating-enter-y: var(--motion-distance-reveal)}.uds-floating-content[data-side=bottom]{--uds-floating-enter-y: calc(-1 * var(--motion-distance-reveal))}.uds-floating-content[data-side=left]{--uds-floating-enter-x: var(--motion-distance-reveal);--uds-floating-enter-y: 0}.uds-floating-content[data-side=right]{--uds-floating-enter-x: calc(-1 * var(--motion-distance-reveal));--uds-floating-enter-y: 0}.uds-hover-card-content,.uds-popover-content{inline-size:var(--floating-content-width)}.uds-popover-content{position:relative;display:grid;gap:var(--space-4);max-inline-size:calc(100vw - var(--space-6))}.uds-popover-header{display:grid;gap:var(--space-1);padding-inline-end:var(--space-6);text-align:start}.uds-popover-title{margin:0;color:var(--foreground);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:var(--line-height-heading)}.uds-popover-description{margin:0;color:var(--muted-foreground);font-size:var(--font-size-small);line-height:var(--line-height-body)}.uds-popover-close{position:absolute;inset-block-start:var(--space-2);inset-inline-end:var(--space-2);display:inline-grid;place-items:center;inline-size:var(--button-height-sm);block-size:var(--button-height-sm);border:0;border-radius:var(--radius-control);background:transparent;color:var(--muted-foreground);cursor:pointer}.uds-popover-close:hover{background:var(--surface-hover);color:var(--foreground)}.uds-popover-close:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.uds-popover-close svg{inline-size:1rem;block-size:1rem;stroke-width:1.75}.uds-tooltip-content{font-size:var(--font-size-eyebrow);line-height:1.3;max-inline-size:240px}@keyframes uds-content-in{0%{opacity:0;transform:translate(var(--uds-floating-enter-x),var(--uds-floating-enter-y)) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes uds-accordion-down{0%{block-size:0;opacity:0}to{block-size:var(--radix-accordion-content-height);opacity:1}}@keyframes uds-accordion-up{0%{block-size:var(--radix-accordion-content-height);opacity:1}to{block-size:0;opacity:0}}@keyframes uds-collapsible-down{0%{block-size:0;opacity:0}to{block-size:var(--radix-collapsible-content-height);opacity:1}}@keyframes uds-collapsible-up{0%{block-size:var(--radix-collapsible-content-height);opacity:1}to{block-size:0;opacity:0}}@keyframes uds-drawer-in-end{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes uds-drawer-out-end{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes uds-drawer-in-start{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes uds-drawer-out-start{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes uds-drawer-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes uds-drawer-out-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes uds-drawer-in-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes uds-drawer-out-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes uds-dialog-in{0%{opacity:0;transform:translate(-50%,calc(-50% + var(--motion-distance-reveal))) scale(.985)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes uds-dialog-in-rtl{0%{opacity:0;transform:translate(50%,calc(-50% + var(--motion-distance-reveal))) scale(.985)}to{opacity:1;transform:translate(50%,-50%) scale(1)}}.uds-stack{display:flex}.uds-stack--vertical{flex-direction:column}.uds-stack--horizontal{flex-direction:row;flex-wrap:wrap}.uds-gap-0{gap:0}.uds-gap-1{gap:var(--space-1)}.uds-gap-2{gap:var(--space-2)}.uds-gap-3{gap:var(--space-3)}.uds-gap-4{gap:var(--space-4)}.uds-gap-6{gap:var(--space-6)}.uds-gap-8{gap:var(--space-8)}.uds-gap-12{gap:var(--space-12)}.uds-align-start{align-items:flex-start}.uds-align-center{align-items:center}.uds-align-end{align-items:flex-end}.uds-align-stretch{align-items:stretch}.uds-justify-start{justify-content:flex-start}.uds-justify-center{justify-content:center}.uds-justify-end{justify-content:flex-end}.uds-justify-between{justify-content:space-between}.uds-center{display:grid;min-block-size:100%;place-items:center}.uds-grid{display:grid;grid-template-columns:repeat(var(--uds-grid-columns, 2),minmax(0,1fr))}.uds-grid--1{--uds-grid-columns: 1}.uds-grid--2{--uds-grid-columns: 2}.uds-grid--3{--uds-grid-columns: 3}.uds-grid--4{--uds-grid-columns: 4}.uds-grid--6{--uds-grid-columns: 6}.uds-grid--12{--uds-grid-columns: 12}.uds-section{padding-block:var(--space-16);padding-inline:var(--gutter)}.uds-layout,.uds-app-shell{display:grid;min-block-size:100%}.uds-layout{grid-template-columns:minmax(0,1fr)}.uds-layout-header,.uds-layout-footer,.uds-layout-content,.uds-layout-panel{min-inline-size:0}.uds-layout-header,.uds-layout-footer{border-block:var(--border-width-hairline) solid var(--border);padding-block:var(--space-4);padding-inline:var(--gutter)}.uds-layout-content,.uds-layout-panel{padding:var(--space-6)}.uds-aspect-ratio{overflow:hidden;border-radius:var(--radius-surface);background:var(--surface)}.uds-breadcrumb,.uds-breadcrumb-list,.uds-top-nav-root,.uds-top-nav,.uds-side-nav,.uds-mobile-nav,.uds-tab-list,.uds-menu,.uds-command-palette{color:var(--foreground);font-family:var(--font-sans)}.uds-breadcrumb{min-inline-size:0;font-size:var(--font-size-small);line-height:var(--line-height-supporting)}.uds-breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:0;margin:0;list-style:none;color:var(--muted-foreground)}.uds-breadcrumb-item{display:inline-flex;align-items:center;gap:var(--space-2)}.uds-breadcrumb-link,.uds-breadcrumb-page,.uds-breadcrumb-separator{display:inline-flex;min-block-size:var(--icon-size-xs);align-items:center}.uds-breadcrumb-link{background:transparent;color:var(--muted-foreground);text-decoration:none}.uds-breadcrumb-link:hover{background:transparent;color:var(--foreground);text-decoration:none}.uds-breadcrumb-link:focus-visible{border-radius:var(--radius-control);outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.uds-breadcrumb-page{color:var(--foreground);font-weight:var(--font-weight-medium)}.uds-breadcrumb-separator{color:var(--foreground-subtle)}.uds-breadcrumb-separator-icon{inline-size:var(--icon-size-xs);block-size:var(--icon-size-xs)}.uds-breadcrumb-separator-icon:dir(rtl){transform:scaleX(-1)}.uds-breadcrumb[data-variant=inverse]{color:var(--inverse-foreground)}.uds-breadcrumb[data-variant=inverse] .uds-breadcrumb-list,.uds-breadcrumb[data-variant=inverse] .uds-breadcrumb-link{color:var(--inverse-foreground-muted)}.uds-breadcrumb[data-variant=inverse] .uds-breadcrumb-page{color:var(--inverse-foreground)}.uds-breadcrumb[data-variant=inverse] .uds-breadcrumb-separator{color:var(--inverse-foreground-subtle)}.uds-breadcrumb[data-variant=inverse] .uds-breadcrumb-link:hover{background:var(--inverse-hover);color:var(--inverse-foreground)}.uds-breadcrumb[data-variant=inverse] .uds-breadcrumb-link:focus-visible{color:var(--inverse-foreground);outline-color:var(--inverse-focus-ring)}.uds-navigation-icon{flex:0 0 auto;inline-size:var(--icon-size-md);block-size:var(--icon-size-md);color:currentColor;stroke-width:1.8}.uds-breadcrumb-ellipsis{display:inline-grid;place-items:center;min-inline-size:calc(var(--space-6) + var(--space-2));block-size:var(--button-height-sm);border:var(--border-width-hairline) solid transparent;border-radius:var(--radius-control);background:transparent;color:var(--muted-foreground);cursor:pointer;font:inherit;line-height:1;padding-block:0;padding-inline:var(--space-2);transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.uds-breadcrumb-ellipsis:hover{background:var(--surface-hover);color:var(--foreground)}.uds-breadcrumb-ellipsis:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.uds-top-nav{display:flex;align-items:center;flex:0 1 auto;gap:var(--space-2);min-inline-size:0;margin:0;padding:0;list-style:none}.uds-top-nav-root{position:relative;z-index:1;display:flex;align-items:center;min-inline-size:0;inline-size:100%;gap:var(--space-4)}.uds-top-nav-heading{display:inline-flex;align-items:center;min-inline-size:0;gap:var(--space-3);color:var(--foreground);white-space:nowrap}.uds-top-nav-heading-icon,.uds-nav-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.uds-phosphor-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;inline-size:var(--uds-phosphor-icon-size);block-size:var(--uds-phosphor-icon-size);color:inherit;line-height:0}.uds-phosphor-icon>svg{display:block;inline-size:100%;block-size:100%}.uds-phosphor-icon:dir(rtl)[data-direction=directional]{transform:scaleX(-1)}.uds-top-nav-heading-icon{inline-size:var(--button-height-lg);block-size:var(--button-height-lg);border-radius:var(--radius-control);background:var(--secondary);color:var(--secondary-foreground);overflow:hidden}.uds-top-nav-heading-icon>:where(img,svg){inline-size:55%;block-size:55%;object-fit:contain}.uds-top-nav-heading-copy{display:grid;min-inline-size:0;gap:0}.uds-top-nav-heading-label{overflow:hidden;color:var(--foreground);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-overflow:ellipsis}.uds-top-nav-heading-meta,.uds-top-nav-heading-subtitle{overflow:hidden;color:var(--muted-foreground);font-size:var(--font-size-supporting);line-height:var(--line-height-supporting);text-overflow:ellipsis}.uds-top-nav-item,.uds-side-nav-item,.uds-menu-item,.uds-command-palette-item,.uds-tab{border-radius:var(--radius-control);color:var(--muted-foreground);transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.uds-top-nav-item,.uds-side-nav-item,.uds-menu-item,.uds-command-palette-item{display:flex;align-items:center;min-block-size:var(--nav-item-height);padding-inline:var(--space-3)}.uds-top-nav-item{border:0;background:transparent;font:inherit;font-weight:var(--font-weight-medium)}.uds-top-nav-menu{position:relative}.uds-top-nav-content{position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline-start:0;min-inline-size:220px;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--popover-surface);box-shadow:var(--shadow-popover);padding:var(--space-2);animation:uds-content-in var(--duration-fast) var(--ease-standard)}.uds-top-nav-mega-menu{position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline-start:0;display:grid;grid-template-columns:minmax(14rem,.9fr) minmax(16rem,1.2fr);gap:var(--space-2);min-inline-size:min(42rem,calc(100vw - var(--space-8)));border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--popover-surface);box-shadow:var(--shadow-popover);padding:var(--space-2);animation:uds-content-in var(--duration-fast) var(--ease-standard);z-index:var(--z-popover)}.uds-top-nav-mega-menu[data-align=end]{inset-inline-start:auto;inset-inline-end:0}.uds-top-nav-mega-featured-card,.uds-top-nav-mega-menu-item{display:grid;min-inline-size:0;border-radius:var(--radius-control);color:var(--foreground);text-align:start;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.uds-top-nav-mega-featured-card{align-content:end;gap:var(--space-3);min-block-size:13rem;background:var(--surface);padding:var(--space-4)}.uds-top-nav-mega-menu-item{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--space-3);padding-block:var(--space-3);padding-inline:var(--space-3)}.uds-top-nav-mega-featured-card:hover,.uds-top-nav-mega-menu-item:hover{background:var(--surface-hover)}.uds-top-nav-mega-featured-icon,.uds-top-nav-mega-menu-item-icon{display:inline-grid;place-items:center;inline-size:var(--button-height);block-size:var(--button-height);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-control);color:var(--foreground)}.uds-top-nav-mega-featured-copy,.uds-top-nav-mega-menu-item-copy{display:grid;min-inline-size:0;gap:var(--space-1)}.uds-top-nav-mega-featured-eyebrow,.uds-top-nav-mega-menu-item-description,.uds-top-nav-mega-featured-description{color:var(--muted-foreground);font-size:var(--font-size-small);line-height:var(--line-height-body)}.uds-top-nav-mega-featured-title,.uds-top-nav-mega-menu-item-title{color:var(--foreground);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.uds-nav-icon{color:var(--foreground)}.uds-nav-icon[data-state=active]{background:var(--surface-hover);color:var(--foreground)}.uds-top-nav-item[aria-current=page],.uds-top-nav-item[data-state=current],.uds-top-nav-item[data-state=open],.uds-side-nav-item[aria-current=page],.uds-tab[aria-selected=true],.uds-tab[data-state=active],.uds-tab[data-selected=true],.uds-top-nav-item:hover,.uds-side-nav-item:hover,.uds-menu-item:hover,.uds-menu-item[data-highlighted],.uds-command-palette-item:hover,.uds-tab:hover{background:var(--secondary);color:var(--secondary-foreground)}.uds-top-nav-item[aria-current=page],.uds-top-nav-item[data-state=current],.uds-top-nav-item[data-state=open],.uds-top-nav-item:hover,.uds-nav-icon[data-state=active],.uds-nav-icon:hover{background:var(--surface-hover);color:var(--foreground)}.uds-mobile-nav-toggle{color:var(--foreground)}.uds-mobile-nav-toggle[data-state=open]{background:var(--secondary);color:var(--secondary-foreground)}.uds-mobile-nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);animation:uds-content-in var(--duration-fast) var(--ease-standard);z-index:var(--z-overlay)}.uds-mobile-nav-content{position:fixed;inset-block:0;inset-inline-start:0;display:grid;grid-template-rows:auto minmax(0,1fr);inline-size:min(22rem,calc(100vw - var(--space-6)));border-inline-end:var(--border-width-hairline) solid var(--border);background:var(--modal-surface);color:var(--foreground);padding:var(--space-4);box-shadow:var(--shadow-popover);animation:uds-mobile-nav-in var(--duration-medium) var(--ease-standard);z-index:var(--z-modal)}.uds-mobile-nav-content:focus{outline:none}:dir(rtl) .uds-mobile-nav-content{inset-inline:auto 0;border-inline:var(--border-width-hairline) solid var(--border) 0}.uds-nav-heading-menu-content{min-inline-size:14rem}@keyframes uds-mobile-nav-in{0%{opacity:0;transform:translate(calc(-1 * var(--space-4)))}to{opacity:1;transform:translate(0)}}:dir(rtl) .uds-mobile-nav-content{animation-name:uds-mobile-nav-in-rtl}@keyframes uds-mobile-nav-in-rtl{0%{opacity:0;transform:translate(var(--space-4))}to{opacity:1;transform:translate(0)}}.uds-side-nav{display:flex;flex-direction:column;gap:var(--space-1);min-block-size:0;min-inline-size:0;inline-size:100%}.uds-side-nav-section{display:grid;align-content:start;gap:var(--space-1)}.uds-side-nav-content{display:grid;align-content:start;gap:var(--space-1);min-block-size:0}.uds-side-nav-content[data-layout=stack]{display:flex;flex:1 1 auto;flex-direction:column;align-content:normal}.uds-side-nav-header,.uds-side-nav-workspace-switcher,.uds-side-nav-auxiliary{flex:0 0 auto;min-inline-size:0}.uds-side-nav-main{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-1);min-block-size:0;min-inline-size:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.uds-side-nav-main[data-layout=grid]{display:grid;align-content:start}.uds-side-nav-footer{display:flex;flex:0 0 auto;flex-direction:column;gap:var(--space-2);min-block-size:0;min-inline-size:0;max-block-size:min(45%,18rem);margin-block-start:auto;overflow:auto;overscroll-behavior:contain}.uds-side-nav-status{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-2);min-block-size:var(--button-height-sm);min-inline-size:0;border-block-start:var(--border-width-hairline) solid var(--sidebar-border, var(--border));color:var(--muted-foreground);padding-block:var(--space-2);padding-inline:var(--space-3)}.uds-side-nav-status-indicator{display:inline-grid;place-items:center;inline-size:.5rem;block-size:.5rem;border-radius:999px;background:var(--muted-foreground);color:currentColor}.uds-side-nav-status-indicator>:where(svg,span){inline-size:100%;block-size:100%}.uds-side-nav-status[data-tone=positive] .uds-side-nav-status-indicator{background:var(--success, var(--primary))}.uds-side-nav-status[data-tone=warning] .uds-side-nav-status-indicator{background:var(--warning)}.uds-side-nav-status[data-tone=critical] .uds-side-nav-status-indicator{background:var(--destructive)}.uds-side-nav-status-copy{display:grid;min-inline-size:0;gap:var(--space-1)}.uds-side-nav-status-label,.uds-side-nav-status-description{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uds-side-nav-status-label{color:var(--foreground);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.uds-side-nav-status-description{font-size:var(--font-size-supporting)}.uds-side-nav-command{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-2);inline-size:100%;min-block-size:var(--button-height-sm);min-inline-size:0;border:var(--border-width-hairline) solid transparent;border-radius:var(--radius-control);background:transparent;color:var(--muted-foreground);font:inherit;padding-inline:var(--space-3);text-align:start;cursor:pointer;transition:background-color var(--motion-duration-press) var(--motion-ease-standard),border-color var(--motion-duration-press) var(--motion-ease-standard),color var(--motion-duration-press) var(--motion-ease-standard),transform var(--motion-duration-press) var(--motion-ease-standard)}.uds-side-nav-command:hover,.uds-side-nav-command:focus-visible,.uds-side-nav-command[data-state=active]{background:var(--surface-hover);color:var(--foreground)}.uds-side-nav-command:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:calc(-1 * var(--focus-ring-width))}.uds-side-nav-command:active{transform:scale(var(--motion-press-scale))}.uds-side-nav-command-icon{display:inline-flex;align-items:center;justify-content:center;inline-size:1.25rem;block-size:1.25rem}.uds-side-nav-command-icon>:where(svg,span){inline-size:100%;block-size:100%}.uds-side-nav-command-label,.uds-side-nav-command-end{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uds-side-nav-command-end{justify-self:end;color:var(--foreground-subtle);font-size:var(--font-size-supporting)}.uds-side-nav-account{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-2);min-block-size:var(--button-height);min-inline-size:0}.uds-side-nav-account-identity,.uds-side-nav-account-trigger{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-2);min-block-size:var(--button-height);min-inline-size:0;border:0;border-radius:var(--radius-control);background:transparent;color:inherit;font:inherit;padding-inline:var(--space-2);text-align:start}.uds-side-nav-account-trigger{cursor:pointer}.uds-side-nav-account-trigger:hover,.uds-side-nav-account-trigger:focus-visible{background:var(--surface-hover)}.uds-side-nav-account-trigger:focus-visible,.uds-side-nav-account-action:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:calc(-1 * var(--focus-ring-width))}.uds-side-nav-account-avatar{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;inline-size:1.75rem;block-size:1.75rem;overflow:hidden;border-radius:999px}.uds-side-nav-account-avatar>:where(img,svg){inline-size:100%;block-size:100%;object-fit:cover}.uds-side-nav-account-copy{display:grid;min-inline-size:0;gap:var(--space-1)}.uds-side-nav-account-name,.uds-side-nav-account-secondary{display:block;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uds-side-nav-account-name{color:var(--foreground);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.uds-side-nav-account-secondary{color:var(--muted-foreground);font-size:var(--font-size-supporting)}.uds-side-nav-account-actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:var(--space-1)}.uds-side-nav-account-action{display:inline-grid;flex:0 0 auto;place-items:center;inline-size:var(--button-height-sm);block-size:var(--button-height-sm);border:0;border-radius:var(--radius-control);background:transparent;color:var(--muted-foreground);padding:0;cursor:pointer}.uds-side-nav-account-action:hover,.uds-side-nav-account-action:focus-visible{background:var(--surface-hover);color:var(--foreground)}.uds-side-nav-search{display:block;margin-block-end:var(--space-2)}.uds-side-nav-search>span{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.uds-side-nav-search-input{inline-size:100%;min-block-size:var(--button-height-sm);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-control);background:color-mix(in srgb,var(--background) 92%,var(--foreground) 8%);color:var(--foreground);font:inherit;font-size:var(--font-size-small);padding-inline:var(--space-3)}.uds-side-nav-search-input::placeholder{color:var(--foreground-subtle)}.uds-side-nav-search-input:focus{border-color:var(--foreground-subtle);outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.uds-side-nav-section-content{display:grid;gap:var(--space-1);min-inline-size:0;max-block-size:var(--uds-side-nav-section-content-size, 20rem);overflow:hidden;opacity:1;transform:translateY(0);transition:max-block-size var(--duration-medium) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard),transform var(--duration-medium) var(--ease-standard)}.uds-side-nav-section-content[hidden]{display:none}.uds-side-nav-section[data-state=closed]>.uds-side-nav-section-content{max-block-size:0;opacity:0;transform:translateY(-4px)}.uds-side-nav>.uds-side-nav-section+.uds-side-nav-section{margin-block-start:var(--space-4)}.uds-side-nav[data-collapsed=true]{inline-size:min(100%,var(--sidebar-width-collapsed))}.uds-side-nav[data-collapsed=true] .uds-side-nav-main{scrollbar-gutter:auto}.uds-side-nav[data-collapsed=true] .uds-side-nav-command{grid-template-columns:1fr;justify-items:center;inline-size:var(--button-height);min-block-size:var(--button-height);margin-inline:auto;padding-inline:0}.uds-side-nav[data-collapsed=true] .uds-side-nav-command-label,.uds-side-nav[data-collapsed=true] .uds-side-nav-command-end,.uds-side-nav[data-collapsed=true] .uds-side-nav-status-copy,.uds-side-nav[data-collapsed=true] .uds-side-nav-account-copy{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.uds-side-nav[data-collapsed=true] .uds-side-nav-status{grid-template-columns:1fr;justify-items:center;padding-inline:0}.uds-side-nav[data-collapsed=true] .uds-side-nav-account{grid-template-columns:1fr;justify-items:center}.uds-side-nav[data-collapsed=true] .uds-side-nav-account-identity,.uds-side-nav[data-collapsed=true] .uds-side-nav-account-trigger{grid-template-columns:1fr;justify-items:center;inline-size:var(--button-height);padding-inline:0}.uds-side-nav[data-collapsed=true] .uds-side-nav-account-action:not([data-collapsed-visible=true]){display:none}.uds-side-nav[data-collapsed=true]>.uds-side-nav-section+.uds-side-nav-section{margin-block-start:var(--space-3)}.uds-side-nav[data-density=compact] .uds-side-nav-item{min-block-size:var(--button-height-sm);font-size:var(--font-size-small);line-height:var(--line-height-supporting);padding-inline:var(--space-3)}.uds-side-nav[data-density=compact] .uds-side-nav-heading{font-size:var(--font-size-small)}.uds-side-nav-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-2);margin:0;padding-block:var(--space-3) var(--space-1);padding-inline:var(--space-3);color:var(--muted-foreground);font-size:var(--font-size-eyebrow);font-weight:var(--font-weight-medium);letter-spacing:0}.uds-side-nav-heading:where(button){inline-size:100%;border:0;background:transparent;font:inherit;text-align:start;cursor:pointer}.uds-side-nav-heading:where(button):hover{background:transparent;color:var(--foreground)}.uds-side-nav-heading:where(button):focus-visible{background:transparent;color:var(--foreground);outline:var(--focus-ring-width) solid var(--ring);outline-offset:var(--focus-ring-offset)}.uds-side-nav-heading-copy{display:grid;min-inline-size:0}.uds-side-nav-heading-end{display:inline-flex;justify-self:end;align-items:center;justify-content:center}.uds-side-nav-heading[data-variant=brand]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);inline-size:100%;min-block-size:4.5rem;border:0;border-radius:var(--radius-surface);background:transparent;color:var(--foreground);font:inherit;padding-block:var(--space-3);padding-inline:var(--space-3);text-align:start}.uds-side-nav-heading[data-variant=brand]:where(button){cursor:pointer}.uds-side-nav-heading[data-variant=brand]:where(button):hover,.uds-side-nav-heading[data-variant=brand]:where(button):focus-visible{background:transparent;outline:none}.uds-side-nav-heading[data-variant=brand] .uds-side-nav-heading-icon,.uds-side-nav-heading[data-variant=brand] .uds-side-nav-heading-end{display:inline-flex;align-items:center;justify-content:center;color:currentColor}.uds-side-nav-heading[data-variant=brand] .uds-side-nav-heading-icon{inline-size:2.75rem;block-size:2.75rem;max-inline-size:100%;max-block-size:4.5rem;border-radius:var(--radius-control);background:var(--foreground);color:var(--background);overflow:hidden}.uds-side-nav-heading[data-variant=brand] .uds-side-nav-heading-icon>:where(img,svg){display:block;filter:var(--side-nav-heading-media-filter, none);max-inline-size:100%;max-block-size:100%;object-fit:contain}.uds-side-nav-heading[data-variant=brand][data-media-size=wordmark]{grid-template-columns:44px minmax(0,1fr) auto}.uds-side-nav-heading[data-variant=brand][data-media-size=wordmark] .uds-side-nav-heading-icon{inline-size:44px;block-size:44px;max-inline-size:44px;max-block-size:44px;background:transparent;color:inherit}.uds-side-nav-heading[data-variant=brand][data-media-size=wordmark] .uds-side-nav-heading-icon>:where(img,svg){inline-size:44px;block-size:44px;max-inline-size:44px;max-block-size:44px}.uds-side-nav-heading[data-variant=brand][data-media-size=auto] .uds-side-nav-heading-icon{inline-size:auto;block-size:auto;background:transparent;color:inherit}.uds-side-nav-heading[data-variant=brand] .uds-side-nav-heading-copy{display:grid;min-inline-size:0;gap:0}.uds-side-nav-heading[data-variant=brand] .uds-side-nav-heading-label{min-inline-size:0;overflow:hidden;color:var(--foreground);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.uds-side-nav-heading[data-variant=brand] .uds-side-nav-heading-meta,.uds-side-nav-heading[data-variant=brand] .uds-side-nav-heading-subtitle{min-inline-size:0;overflow:hidden;color:var(--muted-foreground);font-size:var(--font-size-supporting);font-weight:var(--font-weight-regular);line-height:var(--line-height-supporting);text-overflow:ellipsis;white-space:nowrap}.uds-side-nav-heading[data-variant=brand] .uds-side-nav-heading-end{justify-self:end;justify-content:flex-end;margin-inline-end:calc(var(--space-3) * -1);min-inline-size:1.75rem;font-size:var(--font-size-2)}.uds-side-nav-heading[data-variant=brand] .uds-side-nav-heading-end>*{display:inline-flex}.uds-side-nav-section-toggle{justify-self:end;display:inline-flex;align-items:center;justify-content:center;inline-size:1rem;block-size:1rem;min-block-size:1rem;color:var(--muted-foreground);font-size:1rem;line-height:1;transition:transform var(--duration-fast) var(--ease-standard)}.uds-side-nav-section-toggle>:where(span,svg){inline-size:1rem;block-size:1rem;font-size:1rem;line-height:1;transition:transform var(--duration-fast) var(--ease-standard)}.uds-side-nav-section[data-state=closed]>.uds-side-nav-section-trigger{border-block-end:var(--border-width-hairline) solid var(--border);padding-block-end:var(--space-3)}.uds-side-nav-section[data-state=closed] .uds-side-nav-section-toggle{transform:rotate(-90deg)}:dir(rtl) .uds-side-nav-section[data-state=closed] .uds-side-nav-section-toggle{transform:rotate(90deg)}.uds-side-nav[data-collapsed=true] .uds-side-nav-heading[data-variant=brand]{grid-template-columns:1fr;justify-items:center;min-block-size:3rem;padding-inline:0}.uds-side-nav[data-collapsed=true] .uds-side-nav-heading-copy,.uds-side-nav[data-collapsed=true] .uds-side-nav-heading-icon,.uds-side-nav[data-collapsed=true] .uds-side-nav-heading-meta,.uds-side-nav[data-collapsed=true] .uds-side-nav-heading-subtitle,.uds-side-nav[data-collapsed=true] .uds-side-nav-heading-label,.uds-side-nav[data-collapsed=true] .uds-side-nav-heading:not([data-variant=brand]){position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.uds-side-nav[data-collapsed=true] .uds-side-nav-heading-end{justify-self:center;margin-inline-end:0}.uds-side-nav-item{display:grid;grid-template-columns:auto minmax(0,max-content) minmax(var(--space-4),1fr) auto auto;align-items:center;gap:var(--space-2);min-block-size:var(--nav-item-height);border-radius:var(--radius-control);background:transparent;color:var(--muted-foreground);padding-inline:var(--space-3);text-decoration:none;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.uds-side-nav .uds-side-nav-item[data-depth="1"]{padding-inline-start:var(--space-4)}.uds-side-nav .uds-side-nav-item[data-depth="2"]{padding-inline-start:var(--space-6)}.uds-side-nav .uds-side-nav-item[data-depth="3"]{padding-inline-start:var(--space-8)}.uds-side-nav-item-start,.uds-side-nav-item-end{display:inline-flex;align-items:center;justify-content:center;min-inline-size:1.25rem;color:currentColor}.uds-side-nav-item-label{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uds-side-nav-item-badge{display:inline-flex;align-items:center;justify-content:center;grid-column:4;min-inline-size:1.75rem;min-block-size:1.5rem;border-radius:var(--radius-control);background:color-mix(in srgb,var(--foreground) 12%,transparent);color:currentColor;padding-inline:var(--space-2);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.uds-side-nav-item-end{grid-column:5}.uds-side-nav[data-collapsed=true] .uds-side-nav-item{grid-template-columns:1fr;justify-items:center;inline-size:var(--button-height);min-block-size:var(--button-height);margin-inline:auto;padding-inline:0}.uds-side-nav[data-collapsed=true] .uds-side-nav-item-label,.uds-side-nav[data-collapsed=true] .uds-side-nav-item-badge,.uds-side-nav[data-collapsed=true] .uds-side-nav-item-end{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.uds-side-nav[data-collapsed=true] .uds-side-nav-item-start{min-inline-size:0}.uds-side-nav-nested-group,.uds-side-nav-nested-items{display:grid;gap:var(--space-1)}.uds-side-nav-nested-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-2);min-block-size:var(--nav-item-height);inline-size:100%;border:0;border-radius:var(--radius-control);background:transparent;color:var(--muted-foreground);font:inherit;padding-inline:var(--space-3);text-align:start;cursor:pointer;transition:background-color var(--motion-duration-press) var(--motion-ease-standard),color var(--motion-duration-press) var(--motion-ease-standard),transform var(--motion-duration-press) var(--motion-ease-standard)}.uds-side-nav-nested-trigger:active{transform:scale(var(--motion-press-scale))}.uds-side-nav[data-density=compact] .uds-side-nav-nested-trigger{min-block-size:var(--button-height-sm);font-size:var(--font-size-small);line-height:var(--line-height-supporting)}.uds-side-nav-nested-trigger:hover,.uds-side-nav-nested-trigger:focus-visible{background:color-mix(in srgb,var(--background) 92%,var(--foreground) 8%);color:var(--foreground);outline:none}.uds-side-nav-section[data-variant=nested]>.uds-side-nav-section-content{inline-size:calc(100% - var(--space-2));box-sizing:border-box;margin-inline-start:var(--space-2);border-inline-start:var(--border-width-hairline) solid var(--border);padding-inline-start:var(--space-2)}.uds-side-nav-section[data-variant=nested][data-state=closed]>.uds-side-nav-nested-trigger{border-block-end:var(--border-width-hairline) solid var(--border)}.uds-side-nav-nested-items{margin-inline-start:var(--space-2);border-inline-start:var(--border-width-hairline) solid var(--border);padding-inline-start:var(--space-2)}.uds-side-nav-nested-items .uds-side-nav-item{color:var(--foreground-subtle)}.uds-side-nav-item:hover,.uds-side-nav-item:focus-visible{background:var(--sidebar-accent, var(--surface-hover));color:var(--sidebar-accent-foreground, var(--foreground));outline:none}.uds-side-nav-item:focus-visible{box-shadow:inset 0 0 0 var(--focus-ring-width) var(--sidebar-ring, var(--ring))}.uds-side-nav-item[data-disabled=true]{color:var(--foreground-subtle);cursor:not-allowed;opacity:.58}.uds-side-nav-item[data-disabled=true]:hover,.uds-side-nav-item[data-disabled=true]:focus-visible{background:transparent;color:var(--foreground-subtle)}.uds-side-nav-item[aria-current=page]{background:var(--sidebar-accent, var(--surface-strong));color:var(--sidebar-primary, var(--sidebar-accent-foreground, var(--foreground)));font-weight:var(--font-weight-medium)}.uds-side-nav-collapse-button{inline-size:2rem;block-size:2rem;min-block-size:2rem;color:var(--muted-foreground)}.uds-side-nav-collapse-button>:where(span,svg){inline-size:1.25rem;block-size:1.25rem;font-size:1.25rem;line-height:1}.uds-tabs{display:grid;gap:var(--space-4);inline-size:min(100%,42rem);min-inline-size:0}.uds-tabs[data-layout=fluid]{inline-size:100%;max-inline-size:none}.uds-tab-list{display:flex;align-items:center;gap:var(--space-2);border-block-end:var(--border-width-hairline) solid var(--border);overflow-x:auto;scrollbar-width:none}.uds-tab-list::-webkit-scrollbar{display:none}.uds-tab{border:0;background:transparent;color:var(--muted-foreground);font:inherit;padding-block:var(--space-2);padding-inline:var(--space-3);cursor:pointer;white-space:nowrap;transition:color var(--motion-duration-page) var(--motion-ease-standard),background var(--motion-duration-page) var(--motion-ease-standard),box-shadow var(--motion-duration-page) var(--motion-ease-standard)}.uds-tab[data-state=active],.uds-tab[data-selected=true]{background:transparent;color:var(--foreground);box-shadow:inset 0 -2px 0 var(--foreground)}.uds-tab:hover{background:var(--surface-hover);color:var(--foreground)}.uds-tab:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.uds-tab-panel{min-block-size:3rem;padding-block:var(--space-4);color:var(--foreground)}.uds-tab-panel[data-state=active]{animation:uds-page-shift var(--motion-duration-page) var(--motion-ease-standard)}@keyframes uds-page-shift{0%{opacity:0;transform:translateY(var(--motion-distance-page))}to{opacity:1;transform:translateY(0)}}.uds-menu,.uds-command-palette{display:grid;gap:var(--space-1);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--popover-surface);color:var(--foreground);padding:var(--space-2);min-inline-size:180px;box-shadow:var(--shadow-popover);z-index:50}.uds-command-palette{min-inline-size:min(520px,calc(100vw - var(--space-8)));overflow:hidden;padding:0}.uds-command-palette-input-wrap{display:flex;align-items:center;gap:var(--space-2);inline-size:100%;border-block-end:var(--border-width-hairline) solid var(--border);background:transparent;padding-block:var(--space-3);padding-inline:var(--space-3)}.uds-command-palette-search-icon{inline-size:1.125rem;block-size:1.125rem;color:var(--muted-foreground);flex:0 0 auto}.uds-command-palette-input{inline-size:100%;border:0;background:transparent;color:var(--foreground);font:inherit;outline:none}.uds-command-palette-list{display:grid;gap:var(--space-1);max-block-size:320px;overflow:auto;padding:var(--space-2);scrollbar-color:transparent transparent;scrollbar-width:none}.uds-command-palette-list:hover,.uds-command-palette-list:focus-within{scrollbar-color:transparent transparent;scrollbar-width:none}.uds-command-palette-list::-webkit-scrollbar{inline-size:0;block-size:0}.uds-command-palette-list::-webkit-scrollbar-thumb{background:transparent}.uds-command-palette-list::-webkit-scrollbar-track{background:transparent}.uds-command-palette-group{display:grid;gap:var(--space-1)}.uds-command-palette-group [cmdk-group-heading]{color:var(--muted-foreground);font-size:var(--font-size-eyebrow);padding-block:var(--space-2);padding-inline:var(--space-3)}.uds-command-palette-empty{color:var(--muted-foreground);padding:var(--space-4)}.uds-command-palette-item{display:grid;grid-template-columns:1rem minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-block-size:var(--button-height);border-radius:var(--radius-control);color:var(--foreground);cursor:default;outline:none;padding-block:var(--space-2);padding-inline:var(--space-3);text-align:start}.uds-command-palette-item svg{inline-size:1rem;block-size:1rem;color:currentColor}.uds-command-palette-item kbd{justify-self:end;color:var(--muted-foreground);font-family:var(--font-mono);font-size:var(--font-size-eyebrow);font-weight:var(--font-weight-medium)}.uds-command-palette-separator{block-size:1px;background:var(--border);margin-block:var(--space-1);margin-inline:calc(var(--space-2) * -1)}.uds-command-palette-shortcut{justify-self:end;color:var(--muted-foreground);font-family:var(--font-mono);font-size:var(--font-size-eyebrow);letter-spacing:0;line-height:1}.uds-command-palette-item[data-selected=true],.uds-command-palette-item:hover{background:var(--surface-hover);color:var(--foreground)}.uds-command-palette-item[data-disabled=true],.uds-command-palette-item[aria-disabled=true]{color:var(--muted-foreground);cursor:not-allowed;opacity:.52}.uds-menu{animation:uds-content-in var(--duration-fast) var(--ease-standard);isolation:isolate}.uds-menu-label{color:var(--muted-foreground);font-size:var(--font-size-eyebrow);font-weight:var(--font-weight-medium);line-height:var(--line-height-supporting);padding-block:var(--space-2) var(--space-1);padding-inline:var(--space-3)}.uds-menu-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-block-size:var(--button-height);border-radius:var(--radius-control);color:var(--foreground);outline:none;cursor:default;padding-inline:var(--space-3);text-align:start}.uds-menu-check-item{grid-template-columns:1rem minmax(0,1fr) auto}.uds-menu-item[data-disabled]{color:var(--muted-foreground);cursor:not-allowed;opacity:.52}.uds-menu-item[data-highlighted]{background:var(--surface-hover);color:var(--foreground);outline:none}.uds-menu-item[data-variant=destructive]{color:var(--destructive)}.uds-menu-item[data-variant=destructive][data-highlighted],.uds-menu-item[data-variant=destructive]:hover{background:color-mix(in srgb,var(--destructive) 14%,transparent);color:var(--destructive)}.uds-menu-item-content{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uds-menu-check-item>.uds-menu-item-content{grid-column:2}.uds-menu-item svg,.uds-menu-item-icon{inline-size:1rem;block-size:1rem;flex:0 0 auto;stroke-width:var(--icon-stroke-width, 2)}.uds-menu-item-indicator{display:inline-grid;place-items:center;inline-size:1rem;block-size:1rem;color:currentColor;font-size:var(--font-size-small);line-height:1}.uds-menu-shortcut{justify-self:end;color:var(--muted-foreground);font-family:var(--font-mono);font-size:var(--font-size-eyebrow);letter-spacing:0;line-height:1;margin-inline-start:var(--space-4)}.uds-menu-separator{block-size:1px;margin-block:var(--space-1);background:var(--border)}.uds-menu-sub-trigger{cursor:default}.uds-menu-sub-trigger .uds-menu-item-content{display:inline-flex;align-items:center;gap:var(--space-3)}.uds-menu-sub-indicator{justify-self:end;color:var(--muted-foreground);font-size:var(--font-size-body-lg);line-height:1}:dir(rtl) .uds-menu-sub-indicator{transform:scaleX(-1)}.uds-command-palette-item{border:0;font:inherit;text-align:start;outline:none}.uds-field{display:grid;gap:var(--space-2);min-inline-size:0}.uds-field-set{display:grid;gap:var(--space-4);min-inline-size:0;margin:0;padding:0;border:0}.uds-field-group{display:grid;gap:var(--space-4);inline-size:100%;min-inline-size:0}.uds-field-content{display:grid;gap:var(--space-1);min-inline-size:0}.uds-field[data-orientation=horizontal]{grid-template-columns:minmax(8rem,.34fr) minmax(0,1fr);align-items:start;column-gap:var(--space-4)}.uds-field[data-orientation=responsive]{grid-template-columns:minmax(0,1fr)}.uds-field-label,.uds-label,.uds-field-title{color:var(--foreground);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);line-height:var(--line-height-body)}.uds-label{display:inline-flex;align-items:center;gap:var(--space-2);inline-size:fit-content;cursor:pointer;-webkit-user-select:none;user-select:none}.uds-label[data-disabled],.uds-label[aria-disabled=true]{color:var(--muted-foreground);cursor:not-allowed}.uds-label[data-invalid]{color:var(--destructive)}.uds-native-select{position:relative;display:inline-grid;align-items:center;inline-size:min(100%,20rem);min-inline-size:0}.uds-native-select-control{inline-size:100%;min-inline-size:0;block-size:var(--input-height);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--border-width-hairline) solid var(--input);border-radius:var(--radius-control);background:var(--background);color:var(--foreground);cursor:pointer;font:inherit;padding-inline-start:var(--space-3);padding-inline-end:calc(var(--space-3) + 1rem);outline:none;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.uds-native-select[data-size=sm] .uds-native-select-control{block-size:var(--button-height-sm);font-size:var(--font-size-small)}.uds-native-select-control:hover:not(:disabled){background:var(--surface-hover)}.uds-native-select-control:focus-visible{border-color:var(--focus-ring);box-shadow:0 0 0 var(--focus-ring-width) color-mix(in srgb,var(--focus-ring) 35%,transparent)}.uds-native-select-control[aria-invalid=true]{border-color:var(--destructive);box-shadow:0 0 0 1px color-mix(in srgb,var(--destructive) 28%,transparent)}.uds-native-select-control:disabled{color:var(--muted-foreground);cursor:not-allowed;opacity:.58}.uds-native-select-indicator{position:absolute;inset-inline-end:var(--space-3);inline-size:1rem;block-size:1rem;color:var(--muted-foreground);pointer-events:none;stroke-width:1.75}.uds-native-select[data-disabled=true] .uds-native-select-indicator{opacity:.58}.uds-field-legend{margin:0;color:var(--foreground);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.uds-field-legend[data-variant=label]{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);line-height:var(--line-height-body)}.uds-field-description,.uds-field-error{margin:0;font-size:var(--font-size-small);line-height:var(--line-height-body);text-wrap:pretty}.uds-field-description{color:var(--muted-foreground)}.uds-field-error{color:var(--destructive)}.uds-field-error ul{margin:0;padding-inline-start:var(--space-4)}.uds-field[data-invalid] .uds-field-label,.uds-field[data-invalid] .uds-field-title{color:var(--destructive)}.uds-field-separator{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-2);color:var(--muted-foreground);font-size:var(--font-size-small);line-height:var(--line-height-body)}.uds-field-separator:before,.uds-field-separator:after{content:"";block-size:1px;background:var(--border)}.uds-field-separator:empty{display:block;block-size:1px;background:var(--border)}.uds-field-separator:empty:before,.uds-field-separator:empty:after{content:none}@media(min-width:760px){.uds-field[data-orientation=responsive]{grid-template-columns:minmax(10rem,.32fr) minmax(0,1fr);align-items:start;column-gap:var(--space-4)}}.uds-input{min-block-size:var(--input-height);min-inline-size:0;inline-size:100%;border:var(--border-width-hairline) solid var(--input);border-radius:var(--radius-control);background:var(--background);color:var(--foreground);font:inherit;padding-block:var(--space-2);padding-inline:var(--space-3)}.uds-textarea{min-block-size:96px;resize:vertical}.uds-input-group{display:flex;align-items:stretch;inline-size:100%;max-inline-size:28rem;border:var(--border-width-hairline) solid var(--input);border-radius:var(--radius-control);background:var(--background);color:var(--foreground);overflow:hidden}.uds-input-group:focus-within{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.uds-input-group-input{min-block-size:var(--input-height);min-inline-size:0;flex:1 1 auto;border:0;background:transparent;color:var(--foreground);font:inherit;padding-block:var(--space-2);padding-inline:var(--space-3)}.uds-input-group-input:focus{outline:0}.uds-input-group-text{display:inline-flex;align-items:center;flex:0 0 auto;border-inline-end:var(--border-width-hairline) solid var(--border);background:var(--surface);color:var(--muted-foreground);padding-inline:var(--space-3)}.uds-input-group-text:last-child{border-inline-end:0;border-inline-start:var(--border-width-hairline) solid var(--border)}.uds-radio{accent-color:var(--primary);inline-size:1rem;block-size:1rem}.uds-radio-group{display:grid;gap:var(--space-2);inline-size:100%}.uds-radio-group-item{display:inline-grid;place-items:center;inline-size:1.125rem;block-size:1.125rem;border:var(--border-width-hairline) solid var(--input);border-radius:50%;background:var(--background);color:var(--primary);cursor:pointer;padding:0;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.uds-radio-group-item[data-state=checked]{border-color:var(--primary);background:var(--background)}.uds-radio-group-item[aria-invalid=true]{border-color:var(--destructive)}.uds-radio-group-item:disabled,.uds-radio-group-item[data-disabled]{cursor:not-allowed;opacity:.48}.uds-radio-group-item:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.uds-radio-group-indicator{display:block;inline-size:.5rem;block-size:.5rem;border-radius:inherit;background:var(--primary)}.uds-radio-group-option{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--space-3);min-inline-size:0;color:var(--foreground);cursor:pointer;text-align:start}.uds-radio-group-option[data-variant=card]{padding:var(--space-4);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface);transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.uds-radio-group-option[data-variant=card]:hover{background:var(--surface-hover)}.uds-radio-group-option[data-variant=card]:has(.uds-radio-group-item[data-state=checked]){border-color:var(--primary)}.uds-radio-group-option[data-disabled]{color:var(--muted-foreground);cursor:not-allowed;opacity:.56}.uds-radio-group-option-content{display:grid;gap:var(--space-1);min-inline-size:0}.uds-radio-group-option-label{font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:var(--line-height-body)}.uds-radio-group-option-description{color:var(--muted-foreground);font-size:var(--font-size-small);line-height:var(--line-height-small)}.uds-checkbox{position:relative;display:inline-grid;place-items:center;inline-size:var(--checkbox-size);block-size:var(--checkbox-size);border:var(--border-width-hairline) solid var(--checkbox-border-color);border-radius:var(--radius-control);background:var(--checkbox-background);color:var(--checkbox-foreground);flex:0 0 auto;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.uds-checkbox:hover{border-color:var(--border-strong);background:var(--surface-hover)}.uds-checkbox[data-variant=fancy]{inline-size:var(--checkbox-fancy-size);block-size:var(--checkbox-fancy-size)}.uds-checkbox[data-state=checked],.uds-checkbox[data-state=indeterminate]{border-color:var(--checkbox-checked-border-color);background:var(--checkbox-checked-background);color:var(--checkbox-checked-foreground)}.uds-checkbox[data-variant=fancy][data-state=checked],.uds-checkbox[data-variant=fancy][data-state=indeterminate]{border-color:var(--checkbox-fancy-checked-border-color);background:var(--checkbox-fancy-checked-background);color:var(--checkbox-fancy-checked-foreground)}.uds-checkbox:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:var(--focus-ring-offset)}.uds-checkbox:disabled{cursor:not-allowed;opacity:var(--disabled-opacity)}.uds-checkbox-indicator{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;line-height:1}.uds-checkbox-indicator[hidden]{display:none}.uds-checkbox-motion-mark{display:grid;place-items:center;inline-size:100%;block-size:100%;color:currentColor;opacity:0;transform:scale(.72);transition:opacity var(--motion-duration-press) var(--motion-ease-standard),transform var(--motion-duration-press) var(--motion-ease-standard)}.uds-checkbox-motion-mark[data-visible=true]{opacity:1;transform:scale(1)}.uds-checkbox-motion-mark>svg{inline-size:var(--checkbox-icon-size);block-size:var(--checkbox-icon-size);color:currentColor;stroke-width:3.25}.uds-checkbox[data-variant=fancy] .uds-checkbox-motion-mark>svg{inline-size:var(--checkbox-fancy-icon-size);block-size:var(--checkbox-fancy-icon-size);transform:translate(var(--checkbox-fancy-icon-translate-x),var(--checkbox-fancy-icon-translate-y))}.uds-switch{position:relative;inline-size:2.5rem;block-size:1.375rem;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-control);background:var(--secondary);cursor:pointer;padding:0;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.uds-switch:hover{border-color:var(--border-strong)}.uds-switch[data-state=checked]{border-color:var(--primary);background:var(--primary)}.uds-switch:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.uds-switch-thumb{display:block;inline-size:1rem;block-size:1rem;border-radius:var(--radius-control);background:var(--background);box-shadow:var(--shadow-control);transform:translate(.125rem);transition:transform var(--duration-fast) var(--ease-standard)}.uds-switch:disabled{cursor:not-allowed;opacity:var(--disabled-opacity)}.uds-switch[data-state=checked] .uds-switch-thumb{transform:translate(1.125rem)}:dir(rtl) .uds-switch-thumb{transform:translate(-.125rem)}:dir(rtl) .uds-switch[data-state=checked] .uds-switch-thumb{transform:translate(-1.125rem)}.uds-slider{position:relative;display:flex;align-items:center;inline-size:min(100%,18rem);block-size:1.25rem;touch-action:none;-webkit-user-select:none;user-select:none}.uds-slider-track{position:relative;flex:1;block-size:.25rem;border-radius:var(--radius-control);background:var(--secondary)}.uds-slider-range{position:absolute;block-size:100%;border-radius:inherit;background:var(--primary)}.uds-slider-thumb{display:block;inline-size:1rem;block-size:1rem;border:2px solid var(--primary);border-radius:var(--radius-control);background:var(--background);box-shadow:var(--shadow-control);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.uds-slider-thumb:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.uds-slider[data-disabled]{opacity:var(--disabled-opacity)}.uds-slider[data-disabled] .uds-slider-thumb{cursor:not-allowed}.uds-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-block-size:var(--input-height);min-inline-size:12rem;border:var(--border-width-hairline) solid var(--input);border-radius:var(--radius-control);background:var(--background);color:var(--foreground);font:inherit;padding-inline:var(--space-3);text-align:start}.uds-select-trigger>span:first-child{flex:1 1 auto;min-inline-size:0;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap}.uds-select-trigger[data-placeholder]{color:var(--muted-foreground)}.uds-select-trigger[data-disabled]{cursor:not-allowed;opacity:.52}.uds-select-trigger>svg,.uds-select-trigger-icon{display:block;flex:0 0 auto;inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm);color:var(--muted-foreground);transform:rotate(0);transform-origin:center;transition:transform var(--motion-duration-press) var(--motion-ease-standard)}.uds-select-trigger[data-state=open] .uds-select-trigger-icon{transform:rotate(180deg)}.uds-selector{inline-size:100%}.uds-select-trigger:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.uds-select-content{z-index:var(--z-popover);inline-size:var(--radix-select-trigger-width, 12rem);min-inline-size:var(--radix-select-trigger-width, 12rem);max-block-size:min(var(--radix-select-content-available-height, 20rem),20rem);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--popover-surface);color:var(--foreground);padding:var(--space-2);box-shadow:var(--shadow-popover);animation:uds-content-in var(--duration-fast) var(--ease-standard);overflow:hidden}body[data-scroll-locked]:has(.uds-select-content[data-state=open]){margin-right:0!important}.uds-select-viewport{display:grid;gap:var(--space-1)}.uds-select-label{color:var(--muted-foreground);font-size:var(--font-size-eyebrow);font-weight:var(--font-weight-medium);line-height:var(--line-height-supporting);padding-block:var(--space-2) var(--space-1);padding-inline:var(--space-3)}.uds-select-item{display:grid;grid-template-columns:1rem minmax(0,1fr);align-items:center;gap:var(--space-2);min-block-size:var(--button-height-sm);border-radius:var(--radius-control);color:var(--foreground);outline:none;padding-inline:var(--space-3);text-align:start}:dir(rtl) .uds-select-item,[dir=rtl] .uds-select-item{grid-template-columns:minmax(0,1fr) 1rem}:dir(rtl) .uds-select-item-indicator,[dir=rtl] .uds-select-item-indicator{grid-column:2}:dir(rtl) .uds-select-item-text,[dir=rtl] .uds-select-item-text{grid-column:1;grid-row:1}.uds-select-item[data-highlighted]{background:var(--surface-hover);color:var(--foreground)}.uds-select-item[data-disabled]{color:var(--muted-foreground);opacity:.52}.uds-select-item-indicator{display:inline-grid;place-items:center;inline-size:1rem;block-size:1rem;color:currentColor;font-size:var(--font-size-small);line-height:1}.uds-select-item-text{grid-column:2;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uds-select-separator{block-size:1px;margin-block:var(--space-1);background:var(--border)}.uds-select-scroll-button{display:inline-flex;align-items:center;justify-content:center;block-size:var(--button-height-sm);color:var(--muted-foreground)}.uds-avatar{position:relative;display:inline-grid;place-items:center;inline-size:var(--avatar-size);block-size:var(--avatar-size);overflow:visible;border:0;border-radius:50%;background:var(--secondary);color:var(--secondary-foreground);font-weight:var(--font-weight-medium);isolation:isolate}.uds-avatar[data-size=xs]{inline-size:var(--button-height-sm);block-size:var(--button-height-sm);font-size:var(--font-size-small)}.uds-avatar[data-size=sm]{inline-size:2.25rem;block-size:2.25rem;font-size:var(--font-size-small)}.uds-avatar[data-size=lg]{inline-size:3.5rem;block-size:3.5rem;font-size:var(--font-size-body-lg)}.uds-avatar-image,.uds-avatar-fallback{grid-area:1 / 1;inline-size:100%;block-size:100%;overflow:hidden;border-radius:inherit}.uds-avatar-image{object-fit:cover}.uds-avatar-fallback{display:inline-grid;place-items:center;background:var(--secondary);color:var(--secondary-foreground)}.uds-avatar-status-dot{position:absolute;inset-block-end:1px;inset-inline-end:1px;inline-size:.68rem;block-size:.68rem;border:0;border-radius:50%;background:var(--muted-foreground);box-shadow:0 0 0 2px var(--background);z-index:1}.uds-avatar-status-dot[data-status=online]{background:var(--success, var(--primary))}.uds-avatar-status-dot[data-status=busy]{background:var(--destructive)}.uds-avatar-status-dot[data-status=away]{background:var(--warning, var(--primary))}.uds-avatar-status-dot[data-status=offline]{background:var(--muted-foreground)}.uds-avatar-group{display:inline-flex;align-items:center;flex-direction:row}.uds-avatar-group>.uds-avatar,.uds-avatar-group>.uds-avatar-overflow{box-shadow:0 0 0 2px var(--background)}.uds-avatar-group>:not(:first-child){margin-inline-start:calc(-1 * var(--space-2))}.uds-avatar-overflow{display:inline-grid;place-items:center;inline-size:var(--avatar-size);block-size:var(--avatar-size);border:0;border-radius:50%;background:var(--secondary);color:var(--secondary-foreground);font-weight:var(--font-weight-medium)}.uds-avatar-overflow[data-size=xs]{inline-size:var(--button-height-sm);block-size:var(--button-height-sm);font-size:var(--font-size-small)}.uds-avatar-overflow[data-size=sm]{inline-size:2.25rem;block-size:2.25rem;font-size:var(--font-size-small)}.uds-avatar-overflow[data-size=lg]{inline-size:3.5rem;block-size:3.5rem;font-size:var(--font-size-body-lg)}.uds-account-status{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-2);min-inline-size:0;min-block-size:var(--nav-item-height);border-radius:var(--radius-control);background:transparent;color:var(--foreground)}.uds-account-status-avatar,.uds-account-status-end{display:inline-flex;align-items:center;justify-content:center}.uds-account-status .uds-avatar{inline-size:2rem;block-size:2rem}.uds-account-status-copy{display:grid;min-inline-size:0;gap:1px}.uds-account-status-label,.uds-account-status-description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uds-account-status-label{font-size:var(--font-size-small, .875rem);line-height:var(--line-height-supporting)}.uds-account-status-description{color:var(--muted-foreground);font-size:var(--font-size-supporting);line-height:var(--line-height-supporting)}.uds-side-nav[data-collapsed=true] .uds-account-status{grid-template-columns:1fr;justify-items:center;inline-size:var(--button-height);min-block-size:var(--button-height)}.uds-side-nav[data-collapsed=true] .uds-account-status-copy,.uds-side-nav[data-collapsed=true] .uds-account-status-end{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.uds-calendar{position:relative;display:grid;gap:var(--space-5);inline-size:min(100%,21rem);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface);color:var(--foreground);padding:var(--space-5)}.uds-calendar-rdp-root,.uds-calendar-month,.uds-calendar-months{inline-size:100%}.uds-calendar-rdp-root{position:relative}.uds-calendar-month{display:grid;gap:var(--space-5)}.uds-calendar-nav{position:absolute;inset-block-start:0;inset-inline:0;z-index:1;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.uds-calendar-nav-button{position:static;display:inline-grid;place-items:center;inline-size:var(--button-height-sm);block-size:var(--button-height-sm);border:var(--border-width-hairline) solid transparent;border-radius:var(--radius-control);background:transparent;color:var(--foreground);cursor:pointer;pointer-events:auto;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.uds-calendar-nav-button:hover{border-color:var(--border-strong);background:var(--surface-hover)}.uds-calendar-nav-button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.uds-calendar-chevron{inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm);color:currentColor;fill:currentColor}.uds-calendar-rdp-root[dir=rtl] .uds-calendar-chevron{transform:scaleX(-1)}.uds-calendar-caption{display:flex;align-items:center;justify-content:center;min-block-size:var(--button-height-sm);padding-inline:calc(var(--button-height-sm) + var(--space-3))}.uds-calendar-title{color:var(--foreground);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-align:center;white-space:nowrap}.uds-calendar-title,.uds-calendar-dropdowns{min-inline-size:0;max-inline-size:100%}.uds-calendar-dropdowns{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.uds-calendar-select-root{position:relative;display:inline-flex;align-items:center;gap:var(--space-1);min-block-size:var(--button-height-sm)}.uds-calendar-select-root .uds-calendar-title{display:inline-flex;align-items:center;min-block-size:var(--button-height-sm);border:var(--border-width-hairline) solid var(--input);border-radius:var(--radius-control);background:var(--background);padding-inline:var(--space-2);pointer-events:none}.uds-calendar-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;inline-size:100%;block-size:100%;min-block-size:0;margin:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:transparent;cursor:pointer;font:inherit;opacity:0;padding:0}.uds-calendar-select:focus-visible+.uds-calendar-title,.uds-calendar-select:focus-visible~.uds-calendar-title{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.uds-calendar-grid{display:grid;gap:var(--space-2);inline-size:100%;border-collapse:collapse;table-layout:fixed}.uds-calendar-weekdays,.uds-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-2)}.uds-calendar-weekday{display:grid;place-items:center;min-block-size:var(--button-height-sm);color:var(--muted-foreground);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);text-align:center}.uds-calendar-day{display:grid;place-items:center;min-inline-size:0;padding:0}.uds-calendar-day-button{display:inline-grid;place-items:center;inline-size:var(--button-height-sm);block-size:var(--button-height-sm);border:var(--border-width-hairline) solid transparent;border-radius:var(--radius-control);background:transparent;color:var(--foreground);cursor:pointer;font:inherit;font-size:var(--font-size-body);line-height:var(--line-height-tight);transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.uds-calendar-day-button:hover{background:var(--surface-hover)}.uds-calendar-day-button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.uds-calendar-day-outside .uds-calendar-day-button{color:var(--foreground-subtle)}.uds-calendar-day-selected .uds-calendar-day-button{background:var(--primary);color:var(--primary-foreground)}.uds-calendar-day-today:not(.uds-calendar-day-selected) .uds-calendar-day-button{border-color:var(--border-strong)}.uds-calendar-day-disabled .uds-calendar-day-button{color:var(--foreground-subtle);cursor:not-allowed;opacity:var(--opacity-disabled)}.uds-banner,.uds-empty-state{border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface);padding:var(--space-4)}.uds-toast{display:flex;align-items:flex-start;gap:var(--space-3);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface-strong);color:var(--foreground);padding:var(--space-4);box-shadow:var(--shadow-popover)}.uds-toast-icon{display:inline-grid;flex:0 0 auto;place-items:center;inline-size:1.25rem;block-size:1.25rem;border-radius:50%;background:var(--primary);color:var(--primary-foreground);margin-block-start:1px}.uds-toast-body{display:grid;flex:1 1 auto;gap:var(--space-1);min-inline-size:0}.uds-toast-title{margin:0;color:var(--foreground);font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.uds-toast-description{margin-block-start:var(--space-1);color:var(--muted-foreground);font-size:var(--font-size-small)}.uds-blockquote{margin:0;border-inline-start:2px solid var(--primary);padding-inline-start:var(--space-4);color:var(--muted-foreground)}.uds-code-block{overflow:auto;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface);color:var(--foreground);font-family:var(--font-mono);padding:var(--space-4)}.uds-list{display:grid;gap:var(--space-2);margin:0;padding-inline-start:var(--space-6)}.uds-metadata-list{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:var(--space-2) var(--space-4)}.uds-progress-root{display:grid;gap:var(--space-2);inline-size:100%;max-inline-size:24rem}.uds-progress-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);font-size:var(--font-size-small)}.uds-progress-label{color:var(--foreground)}.uds-progress-value{color:var(--muted-foreground)}.uds-progress{position:relative;overflow:hidden;block-size:.375rem;border-radius:var(--radius-control);background:var(--secondary)}.uds-progress-root[data-size=sm] .uds-progress{block-size:.25rem}.uds-progress-root[data-size=lg] .uds-progress{block-size:.625rem}.uds-progress-indicator{display:block;block-size:100%;border-radius:inherit;background:var(--primary);transition:inline-size var(--duration-medium) var(--ease-standard)}.uds-progress-root[data-status=success] .uds-progress-indicator{background:var(--success)}.uds-progress-root[data-status=warning] .uds-progress-indicator{background:var(--warning)}.uds-progress-root[data-status=destructive] .uds-progress-indicator{background:var(--destructive)}.uds-progress-indicator[data-state=indeterminate]{position:absolute;inset-block:0;inline-size:38%;animation:uds-progress-indeterminate var(--duration-slow) var(--ease-standard) infinite}@keyframes uds-progress-indeterminate{0%{inset-inline-start:-38%}to{inset-inline-start:100%}}@media(prefers-reduced-motion:reduce){:root{--motion-duration-press: 0ms;--motion-duration-page: 0ms;--motion-duration-expand: 0ms;--motion-duration-reveal: 0ms;--motion-duration-icon: 0ms;--motion-duration-fast: 0ms;--motion-press-scale: 1;--motion-distance-page: 0px;--motion-distance-reveal: 0px}.uds-motion-icon{animation:none!important}.uds-button-spinner{animation:none}.uds-progress-indicator[data-state=indeterminate]{inset-inline-start:31%;animation:none}}@keyframes uds-skeleton-pulse{0%,to{opacity:.5}50%{opacity:.95}}.uds-skeleton{min-block-size:2.5rem;border-radius:var(--radius-control);background:var(--secondary);animation:uds-skeleton-pulse 1.6s ease-in-out infinite}.uds-skeleton--circle{inline-size:3rem;block-size:3rem;min-block-size:0;border-radius:50%}.uds-skeleton--line{min-block-size:.625rem}.uds-skeleton--block{inline-size:100%}@media(prefers-reduced-motion:reduce){.uds-skeleton{animation:none}}.uds-spinner{display:inline-block;inline-size:1rem;block-size:1rem;border:2px solid color-mix(in srgb,currentColor 32%,transparent);border-block-start-color:currentColor;border-radius:50%;animation:uds-button-spin var(--duration-slow) linear infinite;color:var(--primary)}.uds-spinner--md{inline-size:2.25rem;block-size:2.25rem;border-width:3px}.uds-status-dot{display:inline-block;inline-size:.625rem;block-size:.625rem;border-radius:50%;background:var(--primary)}.uds-table{inline-size:100%;border-collapse:collapse;border:0;border-radius:0;background:transparent;color:var(--foreground);font-size:var(--font-size-small);overflow:hidden}.uds-table :where(th,td){border-block-end:var(--border-width-hairline) solid var(--border);padding-block:var(--space-2);padding-inline:var(--space-3);text-align:start}.uds-table-head{background:transparent;color:var(--muted-foreground);font-weight:var(--font-weight-medium)}.uds-table-row:nth-child(2n) .uds-table-cell{background:color-mix(in srgb,var(--foreground) 4%,var(--surface) 96%)}.uds-table-row:hover .uds-table-cell{background:var(--surface-hover)}.uds-table-row:last-child .uds-table-cell{border-block-end:0}.uds-primitive{display:grid;gap:var(--space-3);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface);color:var(--foreground);padding:var(--space-4)}.uds-primitive-header{color:var(--foreground);font-weight:var(--font-weight-medium)}.uds-primitive-item{border-block-start:var(--border-width-hairline) solid var(--border);padding-block-start:var(--space-3)}.uds-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);inline-size:min(100%,36rem);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface);color:var(--foreground);padding-block:var(--space-3);padding-inline:var(--space-4)}.uds-item-content{display:grid;gap:var(--space-1);min-inline-size:0}.uds-item-title{margin:0;color:var(--foreground);font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.uds-item-description{color:var(--muted-foreground);font-size:var(--font-size-small)}.uds-item-actions{display:inline-flex;align-items:center;gap:var(--space-2);flex:0 0 auto}.uds-accordion{display:grid;inline-size:100%;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface);color:var(--foreground);overflow:hidden}.uds-accordion-item+.uds-accordion-item{border-block-start:var(--border-width-hairline) solid var(--border)}.uds-accordion-header{margin:0}.uds-accordion-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);inline-size:100%;border:0;background:transparent;color:var(--foreground);cursor:pointer;font:inherit;font-weight:var(--font-weight-medium);padding-block:var(--space-3);padding-inline:var(--space-4);text-align:start}.uds-accordion-trigger:hover{background:var(--surface-hover)}.uds-accordion-trigger:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:calc(-1 * var(--focus-ring-width))}.uds-accordion-indicator{flex:0 0 auto;color:var(--muted-foreground);transition:color var(--motion-duration-press) var(--motion-ease-standard),transform var(--motion-duration-expand) var(--motion-ease-standard)}.uds-accordion-trigger[data-state=open] .uds-accordion-indicator{transform:rotate(180deg)}.uds-accordion-content{color:var(--muted-foreground);overflow:hidden;padding-inline:var(--space-4)}.uds-accordion-content[data-state=open]{animation:uds-accordion-down var(--motion-duration-expand) var(--motion-ease-standard);opacity:1}.uds-accordion-content[data-state=closed]{animation:uds-accordion-up var(--motion-duration-expand) var(--motion-ease-standard);opacity:0}.uds-accordion-content-inner{min-block-size:0;overflow:hidden;padding-block:0 var(--space-4)}.uds-carousel{display:grid;gap:var(--space-5);inline-size:100%}.uds-carousel-content{display:grid;grid-auto-columns:minmax(16rem,26rem);grid-auto-flow:column;gap:0;overflow-x:auto;overscroll-behavior-inline:contain;padding-block:var(--space-1);scroll-snap-type:inline mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.uds-carousel-content::-webkit-scrollbar{display:none}.uds-carousel-item{display:grid;min-block-size:10rem;align-content:end;gap:var(--space-2);scroll-snap-align:start;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface);color:var(--foreground);padding:var(--space-4)}.uds-carousel-controls{display:flex;justify-content:flex-end;gap:var(--space-2)}.uds-carousel-button{min-block-size:var(--button-height-sm);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-control);background:var(--secondary);color:var(--secondary-foreground);font:inherit;padding-inline:var(--space-3)}.uds-chart{display:grid;gap:var(--space-4);inline-size:min(100%,34rem);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface);color:var(--foreground);padding:var(--space-5)}.uds-chart-container{aspect-ratio:16 / 9;inline-size:100%;min-block-size:18rem;color:var(--foreground)}.uds-chart-container .recharts-cartesian-axis-tick-value,.uds-chart-container .recharts-text{fill:var(--muted-foreground);font-size:var(--font-size-small)}.uds-chart-container .recharts-cartesian-grid line{stroke:var(--chart-grid-color)}.uds-chart-container .recharts-tooltip-cursor{fill:var(--surface-hover)}.uds-chart-tooltip{min-inline-size:10rem;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--popover-surface);color:var(--foreground);padding:var(--space-3);box-shadow:var(--shadow-popover)}.uds-chart-tooltip-label{margin-block-end:var(--space-2);color:var(--foreground);font-weight:var(--font-weight-medium)}.uds-chart-tooltip-list{display:grid;gap:var(--space-2)}.uds-chart-tooltip-item,.uds-chart-legend-item{display:flex;align-items:center;gap:var(--space-2);min-inline-size:0}.uds-chart-tooltip-item strong{margin-inline-start:auto;font-weight:var(--font-weight-medium)}.uds-chart-tooltip-indicator,.uds-chart-legend-indicator{inline-size:.625rem;block-size:.625rem;background:var(--primary)}.uds-chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);color:var(--muted-foreground);font-size:var(--font-size-small)}.uds-chart-title{color:var(--foreground);font-size:var(--font-size-small, .875rem);font-weight:var(--font-weight-medium)}.uds-chart-bars{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(var(--chart-bar-size),1fr);align-items:end;gap:var(--space-3);block-size:var(--chart-block-size);padding-block-start:var(--space-3);border-block-end:var(--border-width-hairline) solid var(--chart-grid-color);background-image:linear-gradient(to top,var(--chart-grid-color) 1px,transparent 1px);background-size:100% 25%}.uds-chart-bar{display:grid;align-content:end;justify-items:center;block-size:100%;min-block-size:var(--space-1);color:var(--foreground)}.uds-chart-bar:before{content:"";inline-size:100%;block-size:var(--chart-bar-value, 50%);min-block-size:var(--space-2);border-radius:var(--radius-control) var(--radius-control) 0 0;background:var(--primary);transition:block-size var(--duration-medium) var(--ease-standard)}.uds-chart-bar-label{margin-block-start:var(--space-2);color:var(--muted-foreground);font-size:var(--font-size-small);line-height:1.2}.uds-chart-root{display:grid;gap:var(--space-4);min-inline-size:0;margin:0;padding:var(--space-4);border:var(--border-width-hairline) solid var(--border);border-radius:var(--chart-radius-frame);background:var(--surface);color:var(--foreground)}.uds-chart-root[data-chart-appearance=mono-rounded] .uds-chart-state-label,.uds-chart-root[data-chart-appearance=mono-rounded] .uds-chart-legend-button,.uds-chart-root[data-chart-appearance=mono-rounded] .uds-chart-annotations li{border-radius:var(--chart-radius-node)}.uds-chart-root[data-chart-appearance=mono-rounded] .uds-chart-legend-marker{border-radius:var(--chart-radius-mark)}.uds-chart-root[data-chart-appearance=mono-rounded] .recharts-cartesian-grid line{stroke-dasharray:2 6;stroke-linecap:round}.uds-chart-advanced-svg{display:block;inline-size:100%;block-size:100%;overflow:visible}.uds-chart-svg-node{rx:var(--chart-radius-node);ry:var(--chart-radius-node)}.uds-chart-svg-mark{rx:var(--chart-radius-mark);ry:var(--chart-radius-mark)}.uds-chart-svg-bar{rx:var(--chart-radius-bar);ry:var(--chart-radius-bar)}.uds-chart-svg-grid{fill:var(--surface-subtle, var(--surface));stroke:var(--visualization-grid);stroke-width:var(--border-width-hairline)}.uds-chart-svg-track{fill:none;stroke:var(--surface-strong);stroke-linecap:round;stroke-width:22}.uds-chart-svg-track-fill{fill:var(--surface-strong)}.uds-chart-svg-label{fill:var(--muted-foreground);font-family:var(--font-sans);font-size:var(--font-size-small);text-anchor:end}.uds-chart-svg-value{fill:var(--foreground);font-family:var(--font-sans);font-size:var(--font-size-heading-sm, 1.5rem);font-weight:var(--font-weight-semibold)}.uds-chart-root-header{display:flex;align-items:start;justify-content:space-between;gap:var(--space-4)}.uds-chart-root-header>div{display:grid;gap:var(--space-1);min-inline-size:0}.uds-chart-root-header h3,.uds-chart-root-header p{margin:0}.uds-chart-root-header h3{font-size:var(--font-size-body-lg);line-height:var(--line-height-tight)}.uds-chart-root-header p{color:var(--muted-foreground);font-size:var(--font-size-small);line-height:var(--line-height-body)}.uds-chart-state-label{padding:var(--space-1) var(--space-2);border:var(--border-width-hairline) solid var(--border);color:var(--muted-foreground);font-size:var(--font-size-eyebrow);text-transform:uppercase}.uds-chart-responsive-container{min-inline-size:0;block-size:20rem;outline:none}.uds-chart-responsive-container[data-block-size=sm]{block-size:14rem}.uds-chart-responsive-container[data-block-size=lg]{block-size:26rem}.uds-chart-responsive-container:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.uds-chart-responsive-container .recharts-cartesian-axis-tick-value,.uds-chart-responsive-container .recharts-text{fill:var(--muted-foreground);font-family:var(--font-sans);font-size:var(--font-size-small)}.uds-chart-responsive-container .recharts-cartesian-grid line{stroke:var(--visualization-grid)}.uds-chart-legend-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.uds-chart-legend-button{display:inline-flex;align-items:center;gap:var(--space-2);min-block-size:var(--control-height-sm);padding-inline:var(--space-2);border:var(--border-width-hairline) solid transparent;background:transparent;color:var(--muted-foreground);font:inherit;font-size:var(--font-size-small);cursor:pointer}.uds-chart-legend-button:hover{border-color:var(--border);color:var(--foreground)}.uds-chart-legend-button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.uds-chart-legend-button[aria-pressed=false]{opacity:.58;text-decoration:line-through}.uds-chart-legend-marker{inline-size:var(--space-4);block-size:var(--border-width-strong);background:var(--chart-series-color)}.uds-chart-legend-marker[data-pattern=dash]{background:repeating-linear-gradient(90deg,var(--chart-series-color) 0 var(--space-2),transparent var(--space-2) var(--space-3))}.uds-chart-legend-marker[data-pattern=dot]{background:radial-gradient(circle,var(--chart-series-color) 0 35%,transparent 40%) 0 0 / var(--space-2) 100%}.uds-chart-explorer-output{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-2);padding:var(--space-3);border-inline-start:var(--border-width-strong) solid var(--interaction-selection-border);background:var(--interaction-selection-surface);font-size:var(--font-size-small)}.uds-chart-explorer-output span{color:var(--muted-foreground);text-align:end}.uds-chart-annotations{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.uds-chart-annotations li{display:inline-flex;gap:var(--space-2);padding:var(--space-2);border:var(--border-width-hairline) solid var(--border);color:var(--muted-foreground);font-size:var(--font-size-small)}.uds-chart-annotations li[data-tone=warning]{border-color:var(--warning-border);background:var(--warning-surface);color:var(--warning-text)}.uds-chart-state-surface{display:grid;place-items:center;align-content:center;gap:var(--space-2);min-block-size:18rem;padding:var(--space-6);border:var(--border-width-hairline) dashed var(--border);color:var(--muted-foreground);text-align:center}.uds-chart-state-surface strong{color:var(--foreground)}.uds-chart-skeleton{inline-size:min(100%,24rem);block-size:8rem;background:linear-gradient(100deg,var(--surface-strong) 20%,var(--surface-hover) 45%,var(--surface-strong) 70%);background-size:220% 100%;animation:uds-chart-loading var(--duration-slow) linear infinite}.uds-chart-partial-alert{padding:var(--space-3);border:var(--border-width-hairline) solid var(--warning-border);background:var(--warning-surface);color:var(--warning-text);font-size:var(--font-size-small)}.uds-chart-table-shell{max-inline-size:100%;min-inline-size:0;overflow-x:auto}.uds-chart-data-table{inline-size:100%;min-inline-size:30rem;border-collapse:collapse;font-size:var(--font-size-small)}.uds-chart-data-table caption{padding-block:var(--space-2);color:var(--muted-foreground);text-align:start}.uds-chart-data-table th,.uds-chart-data-table td{padding:var(--space-2) var(--space-3);border-block-end:var(--border-width-hairline) solid var(--border);text-align:end}.uds-chart-data-table th:first-child{text-align:start}@keyframes uds-chart-loading{0%{background-position:100% 0}to{background-position:-100% 0}}@media(max-width:44rem){.uds-chart-root-header,.uds-chart-explorer-output{grid-template-columns:1fr}.uds-chart-root-header{align-items:stretch;flex-direction:column}.uds-chart-state-label{inline-size:fit-content}.uds-chart-responsive-container{block-size:16rem}.uds-chart-explorer-output span{text-align:start}}@media(prefers-reduced-motion:reduce){.uds-chart-skeleton{animation:none}}@media(forced-colors:active){.uds-chart-legend-marker{border:var(--border-width-strong) solid CanvasText;background:Canvas}.uds-chart-responsive-container :is(path,line,circle,rect){forced-color-adjust:auto}}.uds-scheduler-root{display:grid;align-content:start;min-inline-size:0;max-inline-size:100%;background:var(--background);color:var(--foreground);container-name:ceramic-scheduler;container-type:inline-size}.uds-scheduler-event:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:calc(var(--focus-ring-width) * -1)}.uds-scheduler-navigator,.uds-scheduler-header>div:last-child,.uds-scheduler-event-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.uds-scheduler-header{display:grid;grid-template-columns:minmax(16rem,1fr) auto minmax(16rem,1fr);align-items:center;gap:var(--space-3);min-block-size:4.5rem;padding:var(--space-3) var(--space-4);border-block-end:var(--border-width-hairline) solid var(--border);background:var(--background)}.uds-scheduler-navigator{min-inline-size:0}.uds-scheduler-navigator-date{order:-1;display:grid;min-inline-size:0;margin-inline-end:var(--space-2)}.uds-scheduler-navigator-date strong{overflow:hidden;font-size:var(--font-size-h4);letter-spacing:var(--tracking-heading);text-overflow:ellipsis;white-space:nowrap}.uds-scheduler-navigator-date small{overflow:hidden;color:var(--muted-foreground);font-size:var(--font-size-small);text-overflow:ellipsis;white-space:nowrap}.uds-scheduler-view-switcher{justify-self:center}.uds-scheduler-view-label-compact{display:none}.uds-scheduler-header-meta{justify-content:flex-end}.uds-scheduler-header-meta>span{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--muted-foreground);font-size:var(--font-size-eyebrow)}.uds-scheduler-feedback,.uds-scheduler-state{margin:0;padding:var(--space-3) var(--space-4);border-block-end:var(--border-width-hairline) solid var(--border);background:var(--surface)}.uds-scheduler-feedback[data-status=error],.uds-scheduler-feedback[data-status=conflict]{border-color:var(--destructive-border);background:var(--destructive-surface)}.uds-scheduler-state{display:grid;gap:var(--space-1);min-block-size:12rem;place-content:center;text-align:center}.uds-scheduler-canvas{min-inline-size:0;max-inline-size:100%;background:var(--background)}.uds-scheduler-all-day{display:grid;grid-template-columns:5rem minmax(0,1fr);align-items:start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-block-end:var(--border-width-hairline) solid var(--border);background:var(--surface)}.uds-scheduler-all-day>span{color:var(--muted-foreground);font-size:var(--font-size-small)}.uds-scheduler-all-day>div{display:flex;flex-wrap:wrap;gap:var(--space-1)}.uds-scheduler-time-grid{display:grid;grid-template-columns:4.5rem minmax(42rem,1fr);min-inline-size:0;inline-size:100%;max-block-size:calc(100dvh - 13rem);overflow:auto;overscroll-behavior-inline:contain;background:var(--background);scrollbar-gutter:stable}.uds-scheduler-hours{display:grid;grid-template-rows:repeat(24,3rem);position:sticky;inset-inline-start:0;z-index:2;border-inline-end:var(--border-width-hairline) solid var(--border);background:var(--surface);color:var(--muted-foreground);font-size:var(--font-size-small)}.uds-scheduler-hours span{padding:var(--space-1) var(--space-2);border-block-end:var(--border-width-hairline) solid var(--border)}.uds-scheduler-day-columns{display:grid;grid-template-columns:repeat(7,minmax(8rem,1fr))}.uds-scheduler-time-grid[data-days="1"]{grid-template-columns:4.5rem minmax(0,1fr)}.uds-scheduler-time-grid[data-days="7"]{scroll-padding-inline:4.5rem;scroll-snap-type:inline proximity}.uds-scheduler-time-grid[data-days="7"] .uds-scheduler-day-columns>section{scroll-snap-align:start}.uds-scheduler-time-grid[data-days="1"] .uds-scheduler-day-columns{grid-template-columns:1fr}.uds-scheduler-day-columns>section{min-inline-size:0;border-inline-end:var(--border-width-hairline) solid var(--border)}.uds-scheduler-day-columns>section[data-weekend=true]>header,.uds-scheduler-month article[data-weekend=true]{background:var(--surface)}.uds-scheduler-day-columns>section>header{position:sticky;inset-block-start:0;z-index:3;min-block-size:3rem;padding:var(--space-2) var(--space-1);border-block-end:var(--border-width-hairline) solid var(--border);background:var(--surface);color:var(--muted-foreground);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);text-align:center}.uds-scheduler-day-columns>section[data-selected=true]>header{color:var(--foreground);font-weight:var(--font-weight-semibold);box-shadow:inset 0 calc(-1 * var(--border-width-strong)) 0 var(--interaction-selection-border)}.uds-scheduler-day-columns>section>div{position:relative;block-size:72rem;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(3rem - var(--border-width-hairline)),color-mix(in srgb,var(--border) 64%,transparent) calc(3rem - var(--border-width-hairline)),color-mix(in srgb,var(--border) 64%,transparent) 3rem)}.uds-scheduler-event{position:relative;display:grid;align-content:start;gap:var(--space-1);min-inline-size:0;padding-block:var(--space-2);padding-inline:var(--space-2);padding-inline-start:var(--space-3);overflow:hidden;border:0;border-inline-start:var(--border-width-strong) solid var(--interaction-selection-border);border-radius:var(--radius-control);background:var(--interaction-selection-surface);color:var(--foreground);cursor:pointer;font:inherit;text-align:start;transition:filter var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}@media(hover:hover)and (pointer:fine){.uds-scheduler-event:hover{filter:brightness(.98);transform:translateY(-1px)}}.uds-scheduler-event:active{transform:scale(.985)}.uds-scheduler-event strong,.uds-scheduler-event span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uds-scheduler-event span{color:var(--muted-foreground);font-size:var(--font-size-small)}.uds-scheduler-event[data-tone=positive]{border-inline-start-color:var(--success-border);background:var(--success-surface)}.uds-scheduler-event[data-tone=warning]{border-inline-start-color:var(--warning-border);background:var(--warning-surface)}.uds-scheduler-event[data-tone=negative],.uds-scheduler-event[data-unavailable=true]{border-inline-start-color:var(--destructive-border);background:var(--destructive-surface)}.uds-scheduler-day-columns .uds-scheduler-event{position:absolute;inset-block-start:calc(var(--scheduler-start) / 60 * 3rem);inset-inline-start:calc(var(--scheduler-column) / var(--scheduler-columns) * 100%);inline-size:calc(100% / var(--scheduler-columns));min-block-size:calc(var(--scheduler-duration) / 60 * 3rem);max-block-size:calc(var(--scheduler-duration) / 60 * 3rem);z-index:1}.uds-scheduler-now{position:absolute;inset-block-start:calc(var(--scheduler-now) / 60 * 3rem);inset-inline:0;z-index:2;border-block-start:var(--border-width-strong) solid var(--destructive);pointer-events:none}.uds-scheduler-month{overflow:auto;border-block-start:0}.uds-scheduler-month-weekdays,.uds-scheduler-month-week{display:grid;grid-template-columns:repeat(7,minmax(7rem,1fr))}.uds-scheduler-month-grid,.uds-scheduler-month-weekdays,.uds-scheduler-month-week{min-inline-size:49rem}.uds-scheduler-month-weekdays{position:sticky;inset-block-start:0;z-index:2;border-block-end:var(--border-width-hairline) solid var(--border);background:var(--surface)}.uds-scheduler-month-weekdays>span{min-inline-size:0;padding:var(--space-2);border-inline-end:var(--border-width-hairline) solid var(--border);color:var(--muted-foreground);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);text-align:center}.uds-scheduler-month-weekday-compact{display:none}.uds-scheduler-month-more>span:last-child{display:none}.uds-scheduler-month article{display:grid;align-content:start;gap:var(--space-1);min-block-size:8.5rem;min-inline-size:7rem;padding:var(--space-2);border-block-end:var(--border-width-hairline) solid var(--border);border-inline-end:var(--border-width-hairline) solid var(--border);background:var(--background)}.uds-scheduler-month-date{display:inline-grid;inline-size:var(--button-height-sm);block-size:var(--button-height-sm);place-items:center;padding:0;border:0;border-radius:var(--radius-round);background:transparent;color:inherit;cursor:pointer;font:inherit}.uds-scheduler-month-date:hover{background:var(--interaction-hover)}.uds-scheduler-month-date:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.uds-scheduler-month article[data-selected=true]>:is(time,.uds-scheduler-month-date){display:inline-grid;inline-size:var(--space-6);block-size:var(--space-6);place-items:center;border-radius:var(--radius-round);background:var(--primary);color:var(--primary-foreground);font-weight:var(--font-weight-semibold)}.uds-scheduler-month article[data-outside=true]{background:var(--muted);color:var(--muted-foreground)}.uds-scheduler-month .uds-scheduler-event{position:static;min-block-size:0;padding:var(--space-1)}.uds-scheduler-agenda{display:grid;gap:var(--space-3)}.uds-scheduler-agenda h3{font-size:var(--font-size-body)}.uds-scheduler-agenda :is(h3,ol){margin:0}.uds-scheduler-agenda ol{display:grid;gap:var(--space-2);padding:0;list-style:none}.uds-scheduler-agenda li{display:grid;grid-template-columns:minmax(12rem,20rem) minmax(0,1fr);align-items:center;gap:var(--space-3);padding-block-end:var(--space-3);border-block-end:var(--border-width-hairline) solid var(--border)}.uds-scheduler-agenda li>span{color:var(--muted-foreground)}.uds-scheduler-event-actions{position:sticky;inset-block-end:var(--space-2);z-index:var(--z-sticky);justify-self:center;max-inline-size:calc(100% - var(--space-4));margin:var(--space-2);padding:var(--space-2);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--popover-surface)}.uds-scheduler-event-actions-label{display:grid;gap:var(--space-1);margin-inline-end:auto}.uds-scheduler-event-actions-label>span{color:var(--muted-foreground);font-size:var(--font-size-eyebrow)}.uds-scheduler-undo{margin:0 var(--space-4) var(--space-3);justify-self:start}@container ceramic-scheduler (max-width: 52rem){.uds-scheduler-header{grid-template-columns:minmax(0,1fr) auto}.uds-scheduler-view-switcher{grid-column:1 / -1;grid-row:2;justify-self:start}.uds-scheduler-header-meta{grid-column:2;grid-row:1}}@media(max-width:44rem){.uds-scheduler-header{grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);padding:var(--space-3)}.uds-scheduler-navigator{grid-column:1 / -1;grid-row:1;display:flex;justify-content:space-between}.uds-scheduler-navigator-date{margin-inline-end:0}.uds-scheduler-navigator-date strong{font-size:var(--font-size-h5)}.uds-scheduler-view-switcher{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-self:stretch;inline-size:100%}.uds-scheduler-view-switcher .uds-button{min-inline-size:0;padding-inline:var(--space-1)}.uds-scheduler-view-switcher .uds-button-content{overflow:hidden;text-overflow:ellipsis}.uds-scheduler-view-label{display:none}.uds-scheduler-view-label-compact{display:block;min-inline-size:0;overflow:hidden;text-overflow:ellipsis}.uds-scheduler-header-meta{grid-column:2;grid-row:2;display:flex;justify-content:flex-end}.uds-scheduler-header-meta>span{display:none}.uds-scheduler-header-meta .uds-button{min-inline-size:var(--button-height);min-block-size:var(--button-height);padding:0}.uds-scheduler-header-meta .uds-button-content{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.uds-scheduler-time-grid[data-days="7"]{grid-template-columns:4.5rem minmax(70rem,1fr)}.uds-scheduler-time-grid[data-days="7"] .uds-scheduler-day-columns{grid-template-columns:repeat(7,minmax(10rem,1fr))}.uds-scheduler-month-weekdays,.uds-scheduler-month-grid,.uds-scheduler-month-week{min-inline-size:17.5rem}.uds-scheduler-month-weekdays,.uds-scheduler-month-week{grid-template-columns:repeat(7,minmax(2.5rem,1fr))}.uds-scheduler-month article{min-block-size:5rem;min-inline-size:2.5rem;padding:var(--space-1)}.uds-scheduler-month-date{inline-size:100%;min-inline-size:var(--space-6);block-size:var(--button-height-sm)}.uds-scheduler-month article[data-selected=true]>.uds-scheduler-month-date{inline-size:100%;block-size:var(--button-height-sm)}.uds-scheduler-month-weekdays>span{padding:var(--space-2) var(--space-1)}.uds-scheduler-month-weekday{display:none}.uds-scheduler-month-weekday-compact{display:inline}.uds-scheduler-month .uds-scheduler-event{min-block-size:var(--space-1);block-size:var(--space-1);padding:0;border-inline-start-width:var(--space-1);border-radius:var(--radius-round)}.uds-scheduler-month .uds-scheduler-event :is(strong,span){display:none}.uds-scheduler-month-more>span:first-child{display:none}.uds-scheduler-month-more>span:last-child{display:inline}.uds-scheduler-agenda li{grid-template-columns:1fr}.uds-scheduler-event-actions{display:grid;grid-template-columns:1fr;justify-self:stretch}}@media(prefers-reduced-motion:reduce){.uds-scheduler-root *,.uds-scheduler-root *:before,.uds-scheduler-root *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(forced-colors:active){.uds-scheduler-event,.uds-scheduler-feedback,.uds-scheduler-event-actions{forced-color-adjust:auto;border:var(--border-width-strong) solid CanvasText!important}}.uds-database-root{display:grid;gap:var(--space-4);min-inline-size:0;max-inline-size:100%;color:var(--foreground)}.uds-database-root-header{display:flex;align-items:end;justify-content:space-between;gap:var(--space-4)}.uds-database-root-header>div{display:grid;gap:var(--space-1)}.uds-database-root-header :is(h2,span){margin:0}.uds-database-root-header>div>span{color:var(--muted-foreground);font-size:var(--font-size-eyebrow);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.uds-database-saved-views{display:flex;flex-wrap:wrap;gap:var(--space-1);border-block-end:var(--border-width-hairline) solid var(--border)}.uds-database-saved-views button,.uds-database-column-header button,.uds-database-selection-cell button,.uds-database-bulk-bar button,.uds-database-undo{min-block-size:var(--button-height-sm);border:var(--border-width-hairline) solid var(--border);background:var(--background);color:var(--foreground);font:inherit}.uds-database-saved-views button{padding-inline:var(--space-3);border-block-end:0}.uds-database-saved-views button[aria-current=page]{border-color:var(--interaction-selection-border);background:var(--interaction-selection-surface)}.uds-database-grid-shell{min-inline-size:0;max-inline-size:100%;overflow:hidden;border:var(--border-width-hairline) solid var(--border);background:var(--surface)}.uds-database-grid{display:grid;min-inline-size:0;max-inline-size:100%;block-size:var(--database-height);overflow:auto hidden}.uds-database-header-row,.uds-database-row{display:flex;inline-size:max-content;min-inline-size:100%}.uds-database-header-row{position:sticky;inset-block-start:0;z-index:var(--z-sticky);block-size:var(--database-row-height);border-block-end:var(--border-width-strong) solid var(--border);background:var(--surface-elevated)}.uds-database-grid-viewport{min-inline-size:0;max-inline-size:100%;block-size:calc(var(--database-height) - var(--database-row-height));overflow:auto;overscroll-behavior:contain}.uds-database-virtual-space{position:relative;min-inline-size:max-content}.uds-database-row{block-size:var(--database-row-height);border-block-end:var(--border-width-hairline) solid var(--border)}.uds-database-row[aria-selected=true]{background:var(--interaction-selection-surface)}.uds-database-selection-cell{display:flex;flex:0 0 5rem;align-items:center;justify-content:center;gap:var(--space-1);border-inline-end:var(--border-width-hairline) solid var(--border)}.uds-database-column-header,.uds-database-cell{flex:0 0 auto;min-inline-size:7.5rem;border-inline-end:var(--border-width-hairline) solid var(--border)}.uds-database-column-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding-inline:var(--space-3);color:var(--muted-foreground);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.uds-database-column-header>div{display:flex}.uds-database-column-header button,.uds-database-selection-cell button{min-inline-size:var(--button-height-sm);padding:0}.uds-database-cell{position:relative;display:grid;align-items:stretch}.uds-database-cell[data-active=true]{outline:var(--focus-ring-width) solid var(--ring);outline-offset:calc(-1 * var(--focus-ring-width))}.uds-database-cell>button{min-inline-size:0;border:0;padding:0;background:transparent;color:inherit;font:inherit;text-align:start}.uds-database-cell>:is(input,select){inline-size:100%;block-size:100%;border:var(--focus-ring-width) solid var(--ring);padding-inline:var(--space-3);background:var(--background);color:var(--foreground);font:inherit}.uds-database-property-cell{display:flex;align-items:center;gap:var(--space-2);min-inline-size:0;block-size:100%;padding-inline:var(--space-3)}.uds-database-property-cell>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uds-database-checkbox-mark{display:grid;place-items:center;inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm);border:var(--border-width-strong) solid var(--border)}.uds-database-checkbox-mark[data-checked=true]{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.uds-database-error{position:absolute;inset-block-start:100%;inset-inline-start:0;z-index:var(--z-popover);min-inline-size:14rem;padding:var(--space-2);border:var(--border-width-hairline) solid var(--destructive);background:var(--background);color:var(--destructive);font-size:var(--font-size-sm)}.uds-database-bulk-bar{position:sticky;inset-block-end:var(--space-3);z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);inline-size:fit-content;max-inline-size:100%;margin-inline:auto;padding:var(--space-2);border:var(--border-width-strong) solid var(--border);background:var(--surface-elevated)}.uds-database-bulk-bar button,.uds-database-undo{padding-inline:var(--space-3)}.uds-database-state{display:grid;gap:var(--space-2);min-block-size:12rem;place-content:center;text-align:center}.uds-database-state span{color:var(--muted-foreground)}.uds-database-mobile-records{display:none}@media(max-width:44rem){.uds-database-grid{display:none}.uds-database-mobile-records{display:grid;gap:var(--space-2);padding:var(--space-2)}.uds-database-mobile-records article{display:grid;gap:var(--space-3);padding:var(--space-3);border:var(--border-width-hairline) solid var(--border);background:var(--background)}.uds-database-mobile-records article>button{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);border:0;padding:0;background:transparent;color:inherit;font:inherit;text-align:start}.uds-database-mobile-records article>button span{color:var(--muted-foreground);font-size:var(--font-size-sm)}.uds-database-mobile-records dl{display:grid;gap:var(--space-2);margin:0}.uds-database-mobile-records dl div{display:flex;justify-content:space-between;gap:var(--space-3)}.uds-database-mobile-records :is(dt,dd){margin:0}.uds-database-mobile-records dt{color:var(--muted-foreground)}}@media(prefers-reduced-motion:reduce){.uds-database-root *,.uds-database-root *:before,.uds-database-root *:after{scroll-behavior:auto;transition-duration:0ms}}@media(forced-colors:active){.uds-database-cell[data-active=true],.uds-database-row[aria-selected=true]{outline:var(--border-width-strong) solid Highlight}}.uds-combobox{display:grid;gap:var(--space-2);inline-size:min(100%,24rem);position:relative}.uds-combobox-trigger,.uds-combobox-input{min-block-size:var(--input-height);inline-size:100%;border:var(--border-width-hairline) solid var(--input);border-radius:var(--radius-control);background:var(--background);color:var(--foreground);font:inherit;padding-block:var(--space-2);padding-inline:var(--space-3);text-align:start}.uds-combobox-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);cursor:pointer}.uds-combobox-trigger:after{content:"⌄";color:var(--muted-foreground);line-height:1}.uds-combobox-content{display:grid;gap:var(--space-1);inset-block-start:calc(100% + var(--space-2));inset-inline:0;position:absolute;z-index:var(--z-popover);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--popover-surface);color:var(--foreground);padding:var(--space-2);box-shadow:var(--shadow-popover)}.uds-combobox-content[data-state=open]{animation:uds-pop-in var(--motion-duration-fast) var(--motion-ease-standard)}.uds-combobox-options{display:grid;gap:var(--space-1);max-block-size:13rem;overflow:auto;scrollbar-gutter:stable}.uds-combobox-options::-webkit-scrollbar{inline-size:0;block-size:0}.uds-combobox-options:hover::-webkit-scrollbar,.uds-combobox-options:focus-within::-webkit-scrollbar{inline-size:.5rem;block-size:.5rem}.uds-combobox-options::-webkit-scrollbar-thumb{background:var(--border-strong)}.uds-combobox-option{display:grid;grid-template-columns:1.25rem minmax(0,1fr);align-items:center;gap:var(--space-2);border-radius:var(--radius-control);color:var(--foreground);padding-block:var(--space-2);padding-inline:var(--space-3);text-align:start}.uds-combobox-option:before{content:"✓";color:transparent;font-size:var(--font-size-small);line-height:1}.uds-combobox-option:hover,.uds-combobox-option:focus-visible,.uds-combobox-option[aria-selected=true]{background:var(--secondary);color:var(--secondary-foreground);outline:0}.uds-combobox-option[aria-selected=true]:before{color:var(--primary)}.uds-combobox-empty{color:var(--muted-foreground);padding-block:var(--space-3);padding-inline:var(--space-3);text-align:start}.uds-data-table-shell{display:grid;gap:var(--space-4);inline-size:100%;min-inline-size:0;max-inline-size:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain}.uds-data-table-toolbar,.uds-data-table-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-inline-size:0}.uds-data-table-toolbar>*{min-inline-size:0}.uds-data-table-toolbar input{inline-size:min(100%,24rem)}.uds-data-table{inline-size:100%;border:var(--border-width-hairline) solid var(--border);border-collapse:collapse;border-radius:var(--radius-surface);background:var(--surface);color:var(--foreground);overflow:hidden}.uds-data-table-head,.uds-data-table-cell{border-block-end:var(--border-width-hairline) solid var(--border);padding-block:var(--space-3);padding-inline:var(--space-4);text-align:start;vertical-align:middle}.uds-data-table-head{color:var(--muted-foreground);font-weight:var(--font-weight-medium)}.uds-data-table-row:last-child .uds-data-table-cell{border-block-end:0}.uds-data-table-row:hover .uds-data-table-cell{background:var(--surface-strong)}.uds-data-table-row[data-selected=true] .uds-data-table-cell{background:var(--surface-hover)}.uds-data-table-cell[data-align=end],.uds-data-table-head[data-align=end]{text-align:end}.uds-data-table-cell[data-size=control],.uds-data-table-head[data-size=control]{inline-size:1%;white-space:nowrap}.uds-data-table-footer{color:var(--muted-foreground);font-size:var(--font-size-small)}.uds-collapsible-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-3);inline-size:100%;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--foreground);cursor:pointer;font:inherit;font-weight:var(--font-weight-medium);padding-block:var(--space-3);padding-inline:var(--space-4);text-align:start}.uds-collapsible-trigger:hover{background:var(--surface-strong)}.uds-collapsible-content{overflow:hidden;border-inline:var(--border-width-hairline) solid var(--border);border-block-end:var(--border-width-hairline) solid var(--border);border-radius:0 0 var(--radius-surface) var(--radius-surface);background:var(--surface);color:var(--muted-foreground)}.uds-collapsible-content-inner{padding:var(--space-4)}.uds-collapsible-content[data-state=closed]{border-color:transparent;background:transparent}.uds-collapsible-motion{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;transition:grid-template-rows var(--motion-duration-expand) var(--motion-ease-standard),opacity var(--motion-duration-expand) var(--motion-ease-standard)}.uds-collapsible-motion[data-state=open]{grid-template-rows:1fr;opacity:1}.uds-collapsible-content-inner{min-block-size:0}.uds-direction{display:grid;gap:var(--space-3);inline-size:min(100%,28rem);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface);color:var(--foreground);padding:var(--space-4);text-align:start}.uds-date-picker{display:grid;gap:var(--space-2);inline-size:min(100%,22rem)}.uds-date-picker-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:var(--space-3);inline-size:100%;min-block-size:var(--input-height);border:var(--border-width-hairline) solid var(--input);border-radius:var(--radius-control);background:var(--background);color:var(--foreground);cursor:pointer;font:inherit;padding-block:var(--space-2);padding-inline:var(--space-3);text-align:start}.uds-date-picker-trigger-copy{display:grid;gap:var(--space-1);min-inline-size:0}.uds-date-picker-label{color:var(--muted-foreground);font-size:var(--font-size-small)}.uds-date-picker-trigger strong{color:var(--foreground);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uds-date-picker-trigger strong[data-placeholder]{color:var(--muted-foreground);font-weight:var(--font-weight-normal)}.uds-date-picker-trigger-icons{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--muted-foreground)}.uds-date-picker-trigger-icons svg{inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm);color:currentColor}.uds-date-picker-content{z-index:var(--z-popover);inline-size:max-content;max-inline-size:calc(100vw - var(--space-8));padding:0}.uds-date-picker-content .uds-calendar{inline-size:min(21rem,calc(100vw - var(--space-8)));border:0;background:var(--popover-surface)}.uds-date-picker-trigger:focus-visible,.uds-date-picker-day:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.uds-date-picker-panel{display:grid;gap:var(--space-3);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface);color:var(--foreground);padding:var(--space-3)}.uds-date-picker-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-1)}.uds-date-picker-weekday{color:var(--muted-foreground);font-size:var(--font-size-small);text-align:center}.uds-date-picker-day{aspect-ratio:1;border:0;border-radius:var(--radius-control);background:transparent;color:var(--foreground);font:inherit}.uds-date-picker-day[aria-selected=true]{background:var(--primary);color:var(--primary-foreground)}.uds-date-picker-day[data-outside=true]{color:var(--muted-foreground)}.uds-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:var(--overlay)}.uds-dialog-content,.uds-drawer-content{position:fixed;z-index:var(--z-modal);border:var(--border-width-hairline) solid var(--border);background:var(--modal-surface);color:var(--foreground);padding:var(--space-6)}.uds-dialog-content{display:grid;gap:var(--space-6)}.uds-dialog-content{inset-block-start:50%;inset-inline-start:50%;inline-size:min(calc(100vw - var(--space-8)),34rem);border-radius:var(--radius-surface);transform:translate(-50%,-50%)}.uds-dialog-content[data-state=open]{animation:uds-dialog-in var(--motion-duration-reveal) var(--motion-ease-emphasized)}:dir(rtl) .uds-dialog-content{transform:translate(50%,-50%)}:dir(rtl) .uds-dialog-content[data-state=open]{animation-name:uds-dialog-in-rtl}.uds-drawer-content{inset-block:0;display:flex;flex-direction:column;gap:var(--space-5);inline-size:min(100vw,28rem);max-inline-size:calc(100vw - var(--space-4));overflow:hidden}.uds-drawer-content--end{inset-inline-end:0;border-start-start-radius:var(--radius-surface);border-end-start-radius:var(--radius-surface)}.uds-drawer-content--end[data-state=open]{animation:uds-drawer-in-end var(--motion-duration-reveal) var(--motion-ease-emphasized)}.uds-drawer-content--end[data-state=closed]{animation:uds-drawer-out-end var(--motion-duration-reveal) var(--motion-ease-emphasized)}.uds-drawer-content--end:dir(rtl)[data-state=open]{animation-name:uds-drawer-in-start}.uds-drawer-content--end:dir(rtl)[data-state=closed]{animation-name:uds-drawer-out-start}.uds-drawer-content--start{inset-inline-start:0;border-start-end-radius:var(--radius-surface);border-end-end-radius:var(--radius-surface)}.uds-drawer-content--start[data-state=open]{animation:uds-drawer-in-start var(--motion-duration-reveal) var(--motion-ease-emphasized)}.uds-drawer-content--start[data-state=closed]{animation:uds-drawer-out-start var(--motion-duration-reveal) var(--motion-ease-emphasized)}.uds-drawer-content--start:dir(rtl)[data-state=open]{animation-name:uds-drawer-in-end}.uds-drawer-content--start:dir(rtl)[data-state=closed]{animation-name:uds-drawer-out-end}.uds-drawer-content--bottom{inset-block-start:auto;inset-inline:0;block-size:auto;inline-size:100%;max-inline-size:none;border-start-start-radius:var(--radius-surface);border-start-end-radius:var(--radius-surface)}.uds-drawer-content--bottom[data-state=open]{animation:uds-drawer-in-bottom var(--motion-duration-reveal) var(--motion-ease-emphasized)}.uds-drawer-content--bottom[data-state=closed]{animation:uds-drawer-out-bottom var(--motion-duration-reveal) var(--motion-ease-emphasized)}.uds-sheet-content{position:fixed;z-index:var(--z-modal);display:grid;box-sizing:border-box;gap:var(--space-6);border:var(--border-width-hairline) solid var(--border);background:var(--surface);color:var(--foreground);padding:var(--space-6)}.uds-sheet-content--end,.uds-sheet-content--start{inset-block:0;inline-size:min(100vw,30rem);max-inline-size:calc(100vw - var(--space-4))}.uds-sheet-content--end{inset-inline-end:0;border-start-start-radius:var(--radius-surface);border-end-start-radius:var(--radius-surface)}.uds-sheet-content--end[data-state=open]{animation:uds-drawer-in-end var(--motion-duration-reveal) var(--motion-ease-emphasized)}.uds-sheet-content--end[data-state=closed]{animation:uds-drawer-out-end var(--motion-duration-reveal) var(--motion-ease-emphasized)}.uds-sheet-content[data-motion=off]{animation:none}.uds-sheet-content--end:dir(rtl)[data-state=open]{animation-name:uds-drawer-in-start}.uds-sheet-content--end:dir(rtl)[data-state=closed]{animation-name:uds-drawer-out-start}.uds-sheet-content--start{inset-inline-start:0;border-start-end-radius:var(--radius-surface);border-end-end-radius:var(--radius-surface)}.uds-sheet-content--start[data-state=open]{animation:uds-drawer-in-start var(--motion-duration-reveal) var(--motion-ease-emphasized)}.uds-sheet-content--start[data-state=closed]{animation:uds-drawer-out-start var(--motion-duration-reveal) var(--motion-ease-emphasized)}.uds-sheet-content--start:dir(rtl)[data-state=open]{animation-name:uds-drawer-in-end}.uds-sheet-content--start:dir(rtl)[data-state=closed]{animation-name:uds-drawer-out-end}.uds-sheet-content--top,.uds-sheet-content--bottom{inset-inline:0;block-size:auto}.uds-sheet-content--top{inset-block-start:0;border-end-start-radius:var(--radius-surface);border-end-end-radius:var(--radius-surface)}.uds-sheet-content--top[data-state=open]{animation:uds-drawer-in-top var(--motion-duration-reveal) var(--motion-ease-emphasized)}.uds-sheet-content--top[data-state=closed]{animation:uds-drawer-out-top var(--motion-duration-reveal) var(--motion-ease-emphasized)}.uds-sheet-content--bottom{inset-block-end:0;border-start-start-radius:var(--radius-surface);border-start-end-radius:var(--radius-surface)}.uds-sheet-content--bottom[data-state=open]{animation:uds-drawer-in-bottom var(--motion-duration-reveal) var(--motion-ease-emphasized)}.uds-sheet-content--bottom[data-state=closed]{animation:uds-drawer-out-bottom var(--motion-duration-reveal) var(--motion-ease-emphasized)}.uds-dialog-header{display:grid;gap:var(--space-2)}.uds-dialog-title{margin:0;font-size:var(--font-size-body-lg);font-weight:var(--font-weight-strong)}.uds-dialog-description{color:var(--muted-foreground)}.uds-dialog-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.uds-dialog-close{min-block-size:var(--button-height);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-control);background:var(--secondary);color:var(--secondary-foreground);cursor:pointer;font:inherit;font-weight:var(--font-weight-medium);padding-inline:var(--space-4)}.uds-drawer-header{display:grid;flex:0 0 auto;gap:var(--space-2)}.uds-drawer-title{margin:0;font-size:var(--font-size-body-lg);font-weight:var(--font-weight-strong);line-height:var(--line-height-tight)}.uds-drawer-description{color:var(--muted-foreground);font-size:var(--font-size-body);line-height:var(--line-height-relaxed)}.uds-drawer-footer{display:grid;flex:0 0 auto;gap:var(--space-2);margin-block-start:auto}.uds-drawer-close{inline-size:100%}.uds-alert{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-3);row-gap:var(--space-1);align-items:start;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface);color:var(--foreground);padding:var(--space-4)}.uds-alert[data-icon=false]{grid-template-columns:minmax(0,1fr)}.uds-alert-content{display:grid;gap:var(--space-1);min-inline-size:0}.uds-alert-icon{display:inline-flex;inline-size:var(--space-5);block-size:var(--space-5);align-items:center;justify-content:center;color:var(--foreground);margin-block-start:.0625rem}.uds-alert-icon svg{inline-size:1.125rem;block-size:1.125rem;stroke-width:2}.uds-alert--info,.uds-alert--success{border-color:var(--border)}.uds-alert--success{border-color:var(--success-border, var(--border));background:var(--success-surface, var(--surface))}.uds-alert--success .uds-alert-icon,.uds-alert--success .uds-alert-title{color:var(--success-text, var(--foreground))}.uds-alert--warning{border-color:var(--warning-border, var(--warning, var(--border)));background:var(--warning-surface, var(--surface))}.uds-alert--warning .uds-alert-icon,.uds-alert--warning .uds-alert-title{color:var(--warning-text, var(--foreground))}.uds-alert--destructive{border-color:var(--destructive-border, var(--destructive));background:var(--destructive-surface, var(--surface))}.uds-alert--destructive .uds-alert-icon,.uds-alert--destructive .uds-alert-title{color:var(--destructive-text, var(--destructive))}.uds-alert-title{margin:0;color:inherit;font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.uds-alert-description{color:var(--muted-foreground)}.uds-alert--destructive .uds-alert-description{color:var(--foreground)}.uds-alert-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:var(--overlay)}.uds-alert-dialog-content{position:fixed;inset-block-start:50%;inset-inline-start:50%;z-index:var(--z-modal);display:grid;gap:var(--space-6);inline-size:min(calc(100vw - var(--space-8)),32rem);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--modal-surface);color:var(--foreground);padding:var(--space-6);transform:translate(-50%,-50%)}.uds-alert-dialog-content[data-state=open]{animation:uds-dialog-in var(--motion-duration-reveal) var(--motion-ease-emphasized)}:dir(rtl) .uds-alert-dialog-content{transform:translate(50%,-50%)}:dir(rtl) .uds-alert-dialog-content[data-state=open]{animation-name:uds-dialog-in-rtl}.uds-alert-dialog-header{display:grid;gap:var(--space-2)}.uds-alert-dialog-title{margin:0;font-size:var(--font-size-body-lg);font-weight:var(--font-weight-strong)}.uds-alert-dialog-description{color:var(--muted-foreground)}.uds-alert-dialog-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.uds-alert-dialog-action,.uds-alert-dialog-cancel{min-block-size:var(--button-height);border:var(--border-width-hairline) solid transparent;border-radius:var(--radius-control);font:inherit;font-weight:var(--font-weight-medium);padding-block:0;padding-inline:var(--space-4)}.uds-alert-dialog-action{background:var(--primary);color:var(--primary-foreground)}.uds-alert-dialog-cancel{border-color:var(--border);background:var(--secondary);color:var(--secondary-foreground)}.uds-attachment{position:relative;display:inline-flex;align-items:center;gap:var(--space-3);max-inline-size:100%;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--foreground);padding-block:var(--space-2);padding-inline:var(--space-3);overflow:hidden;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard);animation:uds-attachment-enter var(--duration-medium) var(--ease-standard)}.uds-attachment:hover{background:var(--surface-hover);transform:translateY(-1px)}.uds-attachment[data-orientation=vertical]{display:grid;align-items:start;inline-size:min(10.5rem,100%);gap:var(--space-3);padding:var(--space-3)}.uds-attachment[data-size=sm]{gap:var(--space-2);padding-block:var(--space-1);padding-inline:var(--space-2)}.uds-attachment[data-size=xs]{gap:var(--space-1);min-block-size:var(--button-height-sm);padding-block:0;padding-inline:var(--space-2)}.uds-attachment[data-state=uploading],.uds-attachment[data-state=processing]{border-color:var(--ring)}.uds-attachment[data-state=uploading]:after,.uds-attachment[data-state=processing]:after{position:absolute;inset-block-end:0;inset-inline-start:0;inline-size:var(--attachment-progress, 0%);block-size:2px;background:var(--primary);content:"";transition:inline-size var(--duration-medium) var(--ease-standard)}.uds-attachment[data-state=processing] .uds-attachment-media,.uds-attachment[data-state=uploading] .uds-attachment-media{animation:uds-attachment-pulse 1.1s var(--ease-standard) infinite}.uds-attachment[data-state=error]{border-color:var(--destructive)}.uds-attachment-group{display:flex;flex-wrap:wrap;gap:var(--space-2);max-inline-size:100%}.uds-attachment-media{display:inline-flex;align-items:center;justify-content:center;inline-size:2rem;block-size:2rem;flex:0 0 auto;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-control);background:var(--primary);color:var(--primary-foreground);overflow:hidden}.uds-attachment-media:empty:before{content:"";inline-size:.625rem;block-size:.875rem;border:var(--border-width-hairline) solid currentColor;border-radius:calc(var(--radius-control) / 2)}.uds-attachment-media[data-variant=image]{inline-size:100%;block-size:auto;aspect-ratio:1.18 / 1;background:var(--surface-strong);color:var(--foreground)}.uds-attachment-media[data-variant=image]>:where(img,picture,video){display:block;inline-size:100%;block-size:100%;object-fit:cover}.uds-attachment-content{display:grid;gap:var(--space-1);min-inline-size:0}.uds-attachment-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-weight-medium)}.uds-attachment-description{color:var(--muted-foreground);font-size:var(--font-size-small)}.uds-attachment-actions{display:inline-flex;align-items:center;gap:var(--space-1);margin-inline-start:auto}.uds-attachment[data-orientation=vertical] .uds-attachment-actions{position:absolute;inset-block-start:var(--space-2);inset-inline-end:var(--space-2);margin-inline-start:0}.uds-attachment-action{flex:0 0 auto}.uds-attachment-trigger{display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--button-height);border:var(--border-width-hairline) dashed var(--border);border-radius:var(--radius-control);background:transparent;color:var(--foreground);cursor:pointer;font:inherit;font-weight:var(--font-weight-medium);padding-block:0;padding-inline:var(--space-4)}.uds-attachment-trigger:hover,.uds-attachment-trigger:focus-visible{border-color:var(--foreground-subtle);background:var(--surface-hover);outline:none}@keyframes uds-attachment-enter{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(0)}}@keyframes uds-attachment-pulse{0%,to{opacity:1}50%{opacity:.64}}.uds-bubble{max-inline-size:min(42rem,100%);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface);color:var(--foreground);padding-block:var(--space-3);padding-inline:var(--space-4);line-height:var(--line-height-body)}.uds-bubble--muted{background:var(--muted);color:var(--muted-foreground)}.uds-bubble--accent{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.uds-message{display:grid;gap:var(--space-2);color:var(--foreground);min-inline-size:0}.uds-message--bubble{max-inline-size:17.5rem}.uds-message-bubble{border-radius:var(--radius-chat-bubble);background:var(--surface-strong);color:var(--foreground);font-size:var(--font-size-small);line-height:1.5;padding-block:var(--space-3);padding-inline:var(--space-4)}.uds-message-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);color:var(--muted-foreground);font-size:var(--font-size-small);min-inline-size:0}.uds-message-header strong{color:var(--foreground);font-weight:var(--font-weight-medium)}.uds-message-content{display:grid;gap:var(--space-2);min-inline-size:0}.uds-menubar{display:inline-flex;align-items:center;gap:var(--space-1);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--foreground);padding:var(--space-1)}.uds-menubar-trigger{min-block-size:var(--button-height-sm);border:0;border-radius:var(--radius-control);background:transparent;color:var(--foreground);cursor:pointer;font:inherit;padding-block:0;padding-inline:var(--space-3)}.uds-menubar-trigger:hover,.uds-menubar-trigger[data-state=open]{background:var(--secondary);color:var(--secondary-foreground)}.uds-menubar-trigger:focus-visible,.uds-menubar-item:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.uds-menubar-content{z-index:var(--z-popover);min-inline-size:12rem;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface);color:var(--foreground);padding:var(--space-2);animation:uds-content-in var(--duration-fast) var(--ease-standard)}.uds-menubar-item{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-2);min-block-size:var(--button-height-sm);border-radius:var(--radius-control);color:var(--foreground);cursor:default;outline:none;padding-inline:var(--space-3);text-align:start}.uds-menubar-item[data-highlighted],.uds-menubar-item[data-state=open]{background:var(--surface-hover);color:var(--foreground)}.uds-menubar-item[data-disabled]{color:var(--muted-foreground);pointer-events:none;opacity:.55}.uds-menubar-label{color:var(--muted-foreground);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);padding-block:var(--space-2);padding-inline:var(--space-3)}.uds-menubar-separator{block-size:1px;background:var(--border);margin-block:var(--space-1);margin-inline:calc(var(--space-2) * -1)}.uds-menubar-shortcut{justify-self:end;color:var(--muted-foreground);font-family:var(--font-mono);font-size:var(--font-size-eyebrow);letter-spacing:0}.uds-menubar-choice-item{padding-inline-start:calc(var(--space-3) + 1.125rem)}.uds-menubar-item-indicator{position:absolute;inset-inline-start:var(--space-3);display:inline-grid;place-items:center;inline-size:.875rem;block-size:.875rem}.uds-menubar-item-indicator svg,.uds-menubar-sub-indicator{inline-size:.875rem;block-size:.875rem}.uds-menubar-item>svg:not(.uds-menubar-sub-indicator){inline-size:1rem;block-size:1rem;color:var(--muted-foreground);stroke-width:1.75}.uds-menubar-item-indicator svg{stroke-width:2}.uds-menubar-item-indicator circle{fill:currentColor}.uds-menubar-sub-indicator{justify-self:end;color:var(--muted-foreground)}[dir=rtl] .uds-menubar-sub-indicator{transform:scaleX(-1)}.uds-menubar-inset{padding-inline-start:calc(var(--space-3) + 1.125rem)}.uds-navigation-menu{position:relative;display:flex;justify-content:center;inline-size:min(100%,48rem);isolation:isolate}.uds-navigation-menu-list{display:flex;align-items:center;gap:var(--space-1);margin:0;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--foreground);list-style:none;padding:var(--space-1)}.uds-navigation-menu-trigger,.uds-navigation-menu-link{display:inline-flex;align-items:center;min-block-size:var(--button-height-sm);border:0;border-radius:var(--radius-control);background:transparent;color:var(--foreground);cursor:pointer;font:inherit;padding-inline:var(--space-3);text-decoration:none}.uds-navigation-menu-trigger{gap:var(--space-1)}.uds-navigation-menu-trigger-indicator{inline-size:.875rem;block-size:.875rem;color:var(--muted-foreground);transition:transform var(--duration-fast) var(--ease-standard)}.uds-navigation-menu-trigger[data-state=open] .uds-navigation-menu-trigger-indicator{transform:rotate(180deg)}.uds-navigation-menu-trigger:hover,.uds-navigation-menu-trigger[data-state=open],.uds-navigation-menu-link:hover{background:var(--secondary);color:var(--secondary-foreground)}.uds-navigation-menu-content{display:grid;gap:var(--space-2);min-inline-size:18rem;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface);color:var(--foreground);padding:var(--space-3);animation:uds-content-in var(--duration-fast) var(--ease-standard)}.uds-navigation-menu-viewport{position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline-start:50%;z-index:var(--z-popover);inline-size:var(--radix-navigation-menu-viewport-width);block-size:var(--radix-navigation-menu-viewport-height);overflow:hidden;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface);color:var(--foreground);transform:translate(-50%);transform-origin:top center;transition:inline-size var(--duration-medium) var(--ease-standard),block-size var(--duration-medium) var(--ease-standard)}[dir=rtl] .uds-navigation-menu-viewport{transform:translate(50%)}.uds-navigation-menu-indicator{position:absolute;inset-block-end:calc(var(--space-2) * -1);z-index:calc(var(--z-popover) + 1);display:flex;align-items:flex-end;justify-content:center;block-size:var(--space-2);transition:transform var(--duration-fast) var(--ease-standard)}.uds-navigation-menu-indicator>span{inline-size:var(--space-2);block-size:var(--space-2);border-block-start:var(--border-width-hairline) solid var(--border);border-inline-start:var(--border-width-hairline) solid var(--border);background:var(--surface);transform:translateY(50%) rotate(45deg)}.uds-pagination{display:flex;justify-content:center}.uds-pagination-content{display:flex;align-items:center;gap:2px;margin:0;list-style:none;padding:0}.uds-pagination-link{display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--button-height-sm);min-block-size:var(--button-height-sm);border:var(--border-width-hairline) solid transparent;border-radius:var(--radius-control);background:transparent;color:var(--foreground);font:inherit;padding-inline:0;text-decoration:none}.uds-pagination-link--default{gap:var(--space-1);padding-inline:var(--space-2)}.uds-pagination-link:hover,.uds-pagination-link[aria-current=page]{background:var(--secondary);color:var(--secondary-foreground)}.uds-pagination-link[aria-current=page]{border-color:var(--border);font-weight:var(--font-weight-medium)}.uds-pagination-link[aria-disabled=true]{color:var(--muted-foreground);pointer-events:none;opacity:.5}.uds-pagination-link:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.uds-pagination-direction-icon,.uds-pagination-ellipsis svg{inline-size:1rem;block-size:1rem;stroke-width:1.75}[dir=rtl] .uds-pagination-direction-icon{transform:scaleX(-1)}.uds-pagination-ellipsis{display:inline-grid;place-items:center;inline-size:var(--button-height-sm);block-size:var(--button-height-sm);color:var(--muted-foreground)}.uds-visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}.uds-sonner{display:grid;gap:var(--space-2);inline-size:min(100%,22rem);color:var(--foreground)}.uds-sonner-toast{display:grid;gap:var(--space-1);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface);color:var(--foreground);padding:var(--space-4);box-shadow:var(--shadow-popover);opacity:1}.uds-sonner-toast--inverse{border-color:transparent;background:var(--primary);color:var(--primary-foreground)}.uds-sonner-toast--inverse .uds-sonner-description{color:color-mix(in srgb,var(--primary-foreground) 72%,transparent)}.uds-sonner-title{margin:0;font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.uds-sonner-description{color:var(--muted-foreground);font-size:var(--font-size-small)}.uds-toaster[data-sonner-toaster]{--normal-bg: var(--surface);--normal-border: var(--border);--normal-text: var(--foreground);--success-bg: var(--surface);--success-border: var(--success);--success-text: var(--foreground);--error-bg: var(--surface);--error-border: var(--destructive);--error-text: var(--foreground);font-family:var(--font-sans)}.uds-toaster [data-sonner-toast]{border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface);color:var(--foreground);box-shadow:var(--shadow-popover);padding:var(--space-4)}.uds-toaster [data-sonner-toast][data-type=success]{border-color:var(--success)}.uds-toaster [data-sonner-toast][data-type=error]{border-color:var(--destructive)}.uds-toaster [data-sonner-toast] [data-title]{color:var(--foreground);font-weight:var(--font-weight-medium)}.uds-toaster [data-sonner-toast] [data-description]{color:var(--muted-foreground)}.uds-toaster [data-sonner-toast] [data-button]{border-radius:var(--radius-control);background:var(--primary);color:var(--primary-foreground)}.uds-toaster [data-sonner-toast] [data-cancel]{border-radius:var(--radius-control);background:var(--secondary);color:var(--secondary-foreground)}.uds-toaster [data-sonner-toast]:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.uds-resizable{display:flex;inline-size:100%;min-block-size:12rem;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface);color:var(--foreground);overflow:hidden}.uds-resizable-panel{display:block;min-block-size:0;min-inline-size:0;padding:var(--space-4)}.uds-resizable-handle{position:relative;flex:0 0 1px;background:var(--border);outline:none;touch-action:none}.uds-resizable-handle:after{content:"";position:absolute;inset-block:0;inset-inline:-.375rem}.uds-resizable-handle:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:calc(-1 * var(--focus-ring-width))}.uds-resizable[aria-orientation=vertical]{flex-direction:column}.uds-resizable[aria-orientation=vertical] .uds-resizable-handle{inline-size:100%;block-size:1px;flex-basis:1px}.uds-resizable[aria-orientation=vertical] .uds-resizable-handle:after{inset-block:-.375rem;inset-inline:0}.uds-resizable-handle-grip{position:absolute;z-index:1;inset-block-start:50%;inset-inline-start:50%;display:grid;place-items:center;inline-size:1.5rem;block-size:2rem;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-control);background:var(--surface-strong);color:var(--muted-foreground);pointer-events:none;transform:translate(-50%,-50%)}.uds-resizable-handle-grip svg{inline-size:.875rem;block-size:.875rem}.uds-resizable[aria-orientation=vertical] .uds-resizable-handle-grip{inline-size:2rem;block-size:1.5rem;transform:translate(-50%,-50%) rotate(90deg)}.uds-scroll-area{position:relative;inline-size:100%;block-size:100%;min-inline-size:0;min-block-size:0;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface-strong);color:var(--foreground);overflow:hidden}.uds-scroll-area-viewport{inline-size:100%;block-size:100%}.uds-scroll-bar{display:flex;-webkit-user-select:none;user-select:none;touch-action:none;background:transparent;padding:2px;transition:background-color var(--duration-fast) var(--ease-standard)}.uds-scroll-bar[data-orientation=vertical]{inline-size:.625rem}.uds-scroll-bar[data-orientation=horizontal]{flex-direction:column;block-size:.625rem}.uds-scroll-thumb{flex:1;border-radius:var(--radius-control);background:var(--muted-foreground)}.uds-scroll-area-corner{background:var(--surface)}.uds-separator{margin:0;border:0;border-block-start:var(--border-width-hairline) solid color-mix(in srgb,var(--border) 72%,transparent)}.uds-separator-label{display:flex;align-items:center;gap:var(--space-3);color:var(--foreground-subtle);font-size:var(--font-size-small);letter-spacing:.15em;text-transform:uppercase}.uds-separator-label:before,.uds-separator-label:after{content:"";flex:1 1 auto;border-block-start:var(--border-width-hairline) solid color-mix(in srgb,var(--border) 72%,transparent)}.uds-input-otp{display:inline-flex;gap:var(--space-2)}.uds-input-otp span{display:inline-grid;place-items:center;inline-size:var(--input-height);block-size:var(--input-height);border:var(--border-width-hairline) solid var(--input);border-radius:var(--radius-control);background:var(--background)}.uds-kbd{display:inline-flex;align-items:center;justify-content:center;min-inline-size:2.125rem;min-block-size:1.875rem;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-control);background:var(--surface-strong);color:var(--foreground);font-family:var(--font-mono);font-size:.8125rem;font-weight:var(--font-weight-medium);padding-inline:var(--space-2);transition:background-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.uds-kbd:active,.uds-kbd[data-pressed=true]{background:var(--muted);transform:translateY(1px)}.uds-heading{margin:0;color:var(--foreground);font-family:var(--font-sans);font-weight:var(--font-weight-strong);letter-spacing:var(--tracking-heading)}.uds-heading--1{font-size:clamp(2rem,5vw,4rem);line-height:.98}.uds-heading--2{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.05}.uds-heading--3{font-size:1.5rem;line-height:1.12}.uds-heading--4{font-size:1.125rem;line-height:1.2}.uds-text{margin:0;font-family:var(--font-sans);line-height:var(--line-height-body)}.uds-text--sm{font-size:.875rem}.uds-text--md{font-size:var(--font-size-body)}.uds-text--lg{font-size:var(--font-size-body-lg)}.uds-text--default{color:var(--foreground)}.uds-text--muted{color:var(--foreground-muted)}.uds-text--subtle{color:var(--foreground-subtle)}.uds-prose{display:grid;gap:var(--space-4);max-inline-size:68ch;color:var(--foreground)}.uds-prose :where(p,ul,ol,blockquote){margin:0}.uds-prose :where(a){color:var(--foreground);text-decoration:underline;text-underline-offset:.2em}.uds-arabic-text{font-family:var(--font-arabic-body);font-size:var(--font-size-arabic-body);font-weight:var(--font-weight-arabic-body);line-height:var(--line-height-arabic-body);letter-spacing:var(--tracking-arabic);text-transform:none}.uds-arabic-display{font-family:var(--font-arabic-display);font-size:var(--font-size-arabic-display);font-weight:var(--font-weight-arabic-display);line-height:var(--line-height-arabic-display);letter-spacing:var(--tracking-arabic-display);text-transform:none}.uds-assistant-panel{display:flex;inline-size:100%;block-size:100%;min-inline-size:0;min-block-size:0;flex-direction:column;overflow:hidden;border-inline-start:var(--border-width-hairline) solid var(--border);background:var(--background);color:var(--foreground)}.uds-assistant-panel-header{display:flex;min-block-size:var(--space-16);flex:none;align-items:center;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-3);padding-inline:var(--space-4);border-block-end:var(--border-width-hairline) solid var(--border)}.uds-assistant-panel-heading{display:grid;min-inline-size:0;gap:var(--space-1)}.uds-assistant-panel-title{overflow:hidden;margin:0;color:var(--foreground);font-size:var(--font-size-body);font-weight:var(--font-weight-strong);letter-spacing:var(--tracking-heading);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.uds-assistant-panel-description{overflow:hidden;margin:0;color:var(--foreground-muted);font-size:var(--font-size-supporting);line-height:var(--line-height-supporting);text-overflow:ellipsis;white-space:nowrap}.uds-assistant-panel-actions{display:inline-flex;flex:none;align-items:center;gap:var(--space-1)}.uds-assistant-panel-close svg{inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm)}.uds-assistant-panel-body{display:flex;min-inline-size:0;min-block-size:0;flex:1;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-4);scrollbar-gutter:stable;scrollbar-width:none}.uds-assistant-panel-body::-webkit-scrollbar{display:none}.uds-assistant-panel-empty{display:grid;max-inline-size:var(--content-measure);margin:auto;justify-items:center;gap:var(--space-2);padding:var(--space-6);color:var(--foreground-muted);text-align:center}.uds-assistant-panel-empty-icon{display:inline-grid;place-items:center;min-inline-size:var(--space-8);min-block-size:var(--space-8);color:var(--primary)}.uds-assistant-panel-empty-icon>:where(svg,img){inline-size:var(--icon-size-md);block-size:var(--icon-size-md)}.uds-assistant-panel-empty-title{color:var(--foreground);font-size:var(--font-size-body);font-weight:var(--font-weight-strong);line-height:var(--line-height-body)}.uds-assistant-panel-empty-description{max-inline-size:34ch;font-size:var(--font-size-small);line-height:var(--line-height-body)}.uds-assistant-panel-footer{flex:none;padding:var(--space-3);border-block-start:var(--border-width-hairline) solid var(--border);background:var(--background)}.uds-assistant-panel-footer>.uds-chat-composer{inline-size:100%;max-inline-size:none;gap:var(--space-2);padding:var(--space-3);box-shadow:none}.uds-assistant-panel-footer .uds-chat-composer-input{min-block-size:var(--space-12);font-size:var(--font-size-body)}.uds-assistant-panel-footer .uds-chat-composer-drawer{align-items:center;padding-block-end:var(--space-2)}.uds-assistant-panel>.uds-tabs{display:flex;max-inline-size:none;min-block-size:0;flex:1;flex-direction:column;gap:0}.uds-assistant-panel>.uds-tabs>.uds-tab-list{flex:none;padding-inline:var(--space-3)}.uds-assistant-panel>.uds-tabs>.uds-tab-panel{display:none;min-block-size:0;flex:1;padding:0}.uds-assistant-panel>.uds-tabs>.uds-tab-panel[data-state=active]{display:flex;flex-direction:column}.uds-chat-layout,.uds-chat-message-list{display:flex;flex-direction:column;gap:var(--space-4);inline-size:100%;min-inline-size:0;color:var(--foreground)}.uds-chat-layout{justify-content:center}.uds-chat-layout-messages{min-inline-size:0}.uds-chat-layout-composer{display:grid;justify-items:center;inline-size:100%;margin-block-start:var(--space-6)}.uds-chat-message{display:grid;gap:var(--space-2);min-inline-size:0}.uds-chat-message[data-role=user]{justify-items:end}.uds-chat-message[data-role=assistant]{justify-items:start}.uds-chat-message-body{display:grid;gap:var(--space-2);max-inline-size:100%}.uds-chat-message-bubble{max-inline-size:min(100%,var(--chat-bubble-max-inline-size));border-radius:var(--radius-chat-bubble);background:var(--surface-strong);color:var(--foreground);padding-block:var(--chat-bubble-padding-block);padding-inline:var(--chat-bubble-padding-inline);font-size:var(--font-size-body);line-height:var(--line-height-body)}.uds-chat-message-bubble[data-tone=primary]{background:var(--secondary);color:var(--secondary-foreground)}.uds-chat-message-metadata{color:var(--foreground-subtle);font-size:var(--font-size-small);line-height:1.35}.uds-chat-system-message{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-4);inline-size:100%;color:var(--foreground-subtle);font-size:var(--font-size-small);line-height:1.35;text-align:center}.uds-chat-system-message:before,.uds-chat-system-message:after{content:"";min-inline-size:1rem;border-block-start:var(--border-width-hairline) solid color-mix(in srgb,var(--border) 72%,transparent)}.uds-chat-system-message-content{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-inline-size:0}.uds-chat-system-message-label,.uds-chat-system-message-body{min-inline-size:0}.uds-chat-tokenized-text{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);max-inline-size:min(100%,var(--chat-bubble-max-inline-size));border-radius:var(--radius-chat-bubble);background:var(--surface-strong);color:var(--foreground);padding-block:var(--space-3);padding-inline:var(--space-4);line-height:var(--line-height-body)}.uds-chat-composer{display:grid;gap:var(--space-3);inline-size:min(100%,var(--chat-composer-max-inline-size));min-inline-size:0;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-chat-composer);background:var(--surface);color:var(--foreground);padding:var(--space-4);box-shadow:var(--shadow-surface)}.uds-chat-composer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--space-3);min-block-size:var(--chat-composer-min-block-size)}.uds-chat-composer-input{display:block;inline-size:100%;min-inline-size:0;min-block-size:var(--chat-composer-min-block-size);resize:none;border:0;border-radius:0;background:transparent;color:var(--foreground);padding:0;font:inherit;font-size:var(--font-size-body-lg);line-height:var(--line-height-body);outline:none}.uds-chat-composer-input::placeholder{color:var(--foreground-subtle)}.uds-chat-composer-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--space-2);align-self:end}.uds-chat-send-button,.uds-chat-dictation-button,.uds-chat-layout-scroll-button{flex:0 0 auto}.uds-chat-send-button svg,.uds-chat-dictation-button svg,.uds-chat-layout-scroll-button svg{inline-size:var(--icon-size-md);block-size:var(--icon-size-md);stroke-width:2}.uds-chat-composer-drawer{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-block-end:var(--space-3);border-block-end:var(--border-width-hairline) solid color-mix(in srgb,var(--border) 72%,transparent)}.uds-chat-composer-token{border-radius:var(--radius-chat-token);padding-block:var(--chat-token-padding-block);padding-inline:var(--chat-token-padding-inline);font-size:var(--font-size-small)}.uds-chat-tool-calls{inline-size:min(100%,34rem);color:var(--foreground-muted)}.uds-chat-tool-calls-summary{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;list-style:none}.uds-chat-tool-calls-summary::-webkit-details-marker{display:none}.uds-chat-tool-calls-icon,.uds-chat-tool-calls-disclosure,.uds-chat-tool-call-status svg{inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm);color:currentColor;stroke:currentColor;stroke-width:2;fill:none!important}.uds-chat-tool-calls[open] .uds-chat-tool-calls-disclosure{transform:rotate(180deg)}.uds-chat-tool-calls-list{display:grid;gap:var(--space-2);margin-block-start:var(--space-3)}.uds-chat-tool-call{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:var(--space-2);min-inline-size:0;font-family:var(--font-mono);font-size:var(--font-size-small);line-height:1.35}.uds-chat-tool-call-status{display:inline-grid;place-items:center;color:var(--foreground-subtle)}.uds-chat-tool-call[data-status=success] .uds-chat-tool-call-status{color:var(--success-text)}.uds-chat-tool-call[data-status=error] .uds-chat-tool-call-status{color:var(--destructive-text)}.uds-chat-tool-call-label{color:var(--foreground)}.uds-chat-tool-call-description,.uds-chat-tool-call-duration{min-inline-size:0;color:var(--foreground-subtle)}.uds-chat-tool-call-description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(:lang(ar),[lang|=ar]) .uds-chat-composer-input,:where(:lang(ar),[lang|=ar]) .uds-chat-message-bubble,:where(:lang(ar),[lang|=ar]) .uds-chat-tokenized-text{font-family:var(--font-arabic-body);line-height:var(--line-height-arabic-body)}:where([dir=rtl]) .uds-chat-message[data-role=user]{justify-items:start}:where([dir=rtl]) .uds-chat-message[data-role=assistant]{justify-items:end}:where([dir=rtl]) .uds-chat-composer-row{grid-template-columns:auto minmax(0,1fr)}:where([dir=rtl]) .uds-chat-composer-actions{grid-column:1;grid-row:1}:where([dir=rtl]) .uds-chat-composer-input{grid-column:2;grid-row:1;text-align:start}.uds-utopia-wordmark-loader{--brand-loader-background: var(--loading-background, var(--background));--brand-loader-accent: var(--loading-accent, var(--primary));--brand-loader-foreground: var(--loading-foreground, var(--foreground));--brand-loader-size: calc(var(--space-24) + var(--space-4));--brand-loader-duration-enter: calc(var(--motion-duration-page) * 2.6666667);--brand-loader-duration-cycle: calc(var(--motion-duration-icon) * 8.5);--brand-loader-duration-stagger: calc(var(--motion-duration-press) * 1.8);--brand-loader-duration-exit: calc(var(--motion-duration-press) * 1.25);--brand-loader-distance-exit: var(--space-1);--brand-loader-ease-intro: cubic-bezier(.2, .7, .2, 1);display:grid;place-items:center;min-block-size:100%;overflow:hidden;background:var(--brand-loader-background);color:var(--brand-loader-accent);contain:layout paint}.uds-utopia-wordmark-loader[data-fullscreen=true]{position:fixed;z-index:var(--z-modal);top:0;right:0;bottom:0;left:0;min-block-size:100dvh}.uds-utopia-wordmark-loader[data-size=md]{--brand-loader-size: calc(var(--space-24) * 2 + var(--space-8))}.uds-utopia-wordmark-loader[data-size=lg]{--brand-loader-size: calc(var(--space-24) * 3 + var(--space-12))}.uds-utopia-wordmark-loader-mark{display:block;inline-size:min(46vw,var(--brand-loader-size));block-size:auto;overflow:visible;transform-origin:center;animation:uds-utopia-wordmark-loader-intro var(--brand-loader-duration-enter) var(--brand-loader-ease-intro) both}.uds-utopia-wordmark-loader-line{opacity:0;animation:uds-utopia-wordmark-loader-cycle var(--brand-loader-duration-cycle) ease-in-out infinite both}.uds-utopia-wordmark-loader-line>*{fill:currentColor}.uds-utopia-wordmark-loader-line[data-line=utopia]{color:var(--brand-loader-foreground);animation-delay:var(--brand-loader-duration-stagger)}.uds-utopia-wordmark-loader-line[data-line=studio]{animation-delay:calc(var(--brand-loader-duration-stagger) * 2)}.uds-utopia-wordmark-loader[data-phase=exit] .uds-utopia-wordmark-loader-mark{animation:uds-utopia-wordmark-loader-exit var(--brand-loader-duration-exit) var(--motion-ease-standard) both}@keyframes uds-utopia-wordmark-loader-intro{0%{opacity:0;transform:scale(.965)}to{opacity:1;transform:scale(1)}}@keyframes uds-utopia-wordmark-loader-cycle{0%{opacity:0}12%,64%{opacity:1}80%,to{opacity:0}}@keyframes uds-utopia-wordmark-loader-exit{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,calc(-1 * var(--brand-loader-distance-exit)),0)}}@media(prefers-reduced-motion:reduce){.uds-utopia-wordmark-loader-mark{animation:uds-utopia-wordmark-loader-intro 1ms linear both}.uds-utopia-wordmark-loader-line{opacity:1;transform:none;animation:none}.uds-utopia-wordmark-loader[data-phase=exit] .uds-utopia-wordmark-loader-mark{animation:uds-utopia-wordmark-loader-exit 1ms linear both}}:where([data-motion=off]) .uds-utopia-wordmark-loader-mark{animation:uds-utopia-wordmark-loader-intro 1ms linear both}:where([data-motion=off]) .uds-utopia-wordmark-loader-line{opacity:1;transform:none;animation:none}:where([data-motion=off]) .uds-utopia-wordmark-loader[data-phase=exit] .uds-utopia-wordmark-loader-mark{animation:uds-utopia-wordmark-loader-exit 1ms linear both}.uds-tool-connector-block{display:grid;gap:var(--space-4);min-inline-size:0}.uds-tool-connector-section{display:grid;gap:var(--space-3);min-inline-size:0}.uds-tool-connector-section__heading{display:grid;gap:var(--space-1)}.uds-tool-connector-section__title,.uds-tool-connector-section__heading p{margin:0}.uds-tool-connector-section__title{color:var(--foreground);font-size:var(--font-size-small);font-weight:var(--font-weight-strong);line-height:var(--line-height-tight)}.uds-tool-connector-section__heading p{color:var(--muted-foreground);font-size:var(--font-size-supporting);line-height:var(--line-height-supporting)}.uds-tool-connector-list{overflow:hidden;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface)}.uds-tool-connector-item+.uds-tool-connector-item{border-block-start:var(--border-width-hairline) solid var(--border)}.uds-tool-connector-item__trigger{display:grid;grid-template-columns:var(--space-8) minmax(0,1fr) auto auto;align-items:center;gap:var(--space-3);inline-size:100%;min-block-size:calc(var(--space-16) - var(--space-2));border:0;padding:var(--space-3) var(--space-4);background:transparent;color:var(--foreground);font:inherit;text-align:start;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.uds-tool-connector-item__trigger:not(:disabled):hover{background:var(--surface-hover)}.uds-tool-connector-item__trigger:focus-visible{position:relative;z-index:1;outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:calc(-1 * var(--focus-ring-width))}.uds-tool-connector-item__trigger:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.uds-tool-connector-item__icon{display:grid;inline-size:var(--space-8);block-size:var(--space-8);place-items:center;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-control);color:var(--muted-foreground)}.uds-tool-connector-item__icon svg{inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm)}.uds-tool-connector-item__copy{display:grid;min-inline-size:0;gap:var(--space-1)}.uds-tool-connector-item__title{overflow:hidden;color:var(--foreground);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);text-overflow:ellipsis;white-space:nowrap}.uds-tool-connector-item__description{overflow:hidden;color:var(--muted-foreground);font-size:var(--font-size-supporting);line-height:var(--line-height-supporting);text-overflow:ellipsis;white-space:nowrap}.uds-tool-connector-item__status{justify-self:end}.uds-tool-connector-item__action{display:inline-flex;min-block-size:var(--button-height-sm);align-items:center;justify-content:center;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-control);padding-inline:var(--space-3);color:var(--foreground);font-size:var(--font-size-supporting);font-weight:var(--font-weight-medium);white-space:nowrap}.uds-tool-connector-item__trigger:not(:disabled):hover .uds-tool-connector-item__action{border-color:var(--primary);color:var(--primary)}.uds-tool-connector-item[data-expanded=true]{background:var(--surface)}.uds-tool-connector-item__detail{padding:var(--space-4);padding-inline-start:calc(var(--space-8) + var(--space-6) + var(--space-1));border-block-start:var(--border-width-hairline) solid var(--border);color:var(--muted-foreground);font-size:var(--font-size-small);line-height:var(--line-height-body)}@media(max-width:36rem){.uds-tool-connector-item__trigger{grid-template-columns:var(--space-8) minmax(0,1fr) auto}.uds-tool-connector-item__status{display:none}.uds-tool-connector-item__detail{padding-inline-start:var(--space-4)}}@media(max-width:720px){.uds-grid{grid-template-columns:1fr}}}@font-face{font-family:TWK Lausanne;src:url(/assets/TWKLausanne-350-CqO_4glQ.ttf) format("truetype");font-weight:350;font-style:normal;font-display:swap}@font-face{font-family:TWK Lausanne;src:url(/assets/TWKLausanne-500-B1HUgUdL.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:TWK Lausanne;src:url(/assets/TWKLausanne-700-C1oHOF65.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/assets/IBMPlexSansArabic-Regular-CECLw8MI.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:IBM Plex Sans Arabic;src:url(/assets/IBMPlexSansArabic-Medium-C45KVXqn.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:IBM Plex Sans Arabic;src:url(/assets/IBMPlexSansArabic-Bold-DtCCNWRv.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Readex Pro;src:url(/assets/ReadexPro-Variable-DEiCs4Xo.ttf) format("truetype-variations");font-weight:200 700;font-style:normal;font-display:swap}:root,:is([data-brand=utopia-default],[data-theme=utopia-default]){color-scheme:dark;--utopia-brick-red: #cc5536;--utopia-special-black: #3c3235;--utopia-light-grey: #eeeeee;--utopia-white: #ffffff;--utopia-black-80: #635b5e;--utopia-black-60: #8f898b;--utopia-black-50: #a6a0a2;--utopia-black-40: #bdb7b9;--utopia-black-20: #e3e1e2;--utopia-red-80: #d77a59;--utopia-red-60: #e3a385;--utopia-red-40: #f0c6af;--utopia-red-20: #f6e2d7;--brand-panel-dark: var(--utopia-special-black);--brand-panel-accent: var(--utopia-brick-red);--brand-panel-light: var(--utopia-light-grey);--brand-room-background: #000000;--loading-background: var(--utopia-special-black);--loading-accent: var(--utopia-brick-red);--loading-foreground: var(--utopia-light-grey);--brand-ink-dark: var(--utopia-special-black);--brand-ink-deep: #100b0c;--brand-ink-light: var(--utopia-white);--brand-rule-dark: rgb(60 50 53 / 24%);--brand-rule-light: rgb(255 255 255 / 18%);--brand-display-size: clamp(3.25rem, 7vw, 6.75rem);--brand-display-leading: .88;--brand-display-tracking: -.035em;--brand-label-tracking: .1em;--brand-panel-gutter: clamp(1.5rem, 5vw, 4.5rem);--brand-section-space: clamp(4.5rem, 9vw, 8rem);--background: var(--utopia-special-black);--foreground: var(--utopia-white);--foreground-muted: var(--utopia-black-40);--foreground-subtle: var(--utopia-black-50);--card: var(--surface);--card-foreground: var(--foreground);--primary: #b8472c;--primary-foreground: var(--utopia-white);--primary-hover: #a9442a;--primary-active: #9e3d25;--destructive: #6f403b;--destructive-hover: #7d4842;--destructive-active: #5d3430;--destructive-foreground: var(--utopia-white);--destructive-surface: rgb(111 64 59 / 14%);--destructive-border: rgb(215 122 89 / 44%);--destructive-text: var(--utopia-red-80);--warning: var(--utopia-red-80);--warning-foreground: var(--utopia-special-black);--warning-surface: rgb(215 122 89 / 12%);--warning-border: rgb(215 122 89 / 38%);--warning-text: var(--utopia-red-60);--success: var(--utopia-light-grey);--success-foreground: var(--utopia-special-black);--success-surface: rgb(247 244 237 / 8%);--success-border: rgb(247 244 237 / 24%);--success-text: var(--utopia-white);--secondary: var(--utopia-light-grey);--secondary-foreground: var(--utopia-special-black);--secondary-hover: var(--utopia-black-20);--secondary-active: var(--utopia-black-40);--muted: var(--utopia-black-80);--muted-foreground: var(--utopia-black-40);--border: rgb(255 255 255 / 16%);--input: rgb(255 255 255 / 24%);--ring: var(--utopia-red-80);--interaction-selection-surface: color-mix(in srgb, var(--primary) 20%, var(--background) 80%);--interaction-selection-border: color-mix(in srgb, var(--primary) 68%, var(--foreground) 32%);--surface: rgb(255 255 255 / 4.5%);--surface-strong: rgb(255 255 255 / 8%);--surface-elevated: rgb(255 255 255 / 7%);--surface-hover: var(--surface-strong);--surface-inverse: var(--utopia-white);--inverse-foreground: var(--utopia-special-black);--inverse-foreground-muted: var(--utopia-black-80);--inverse-foreground-subtle: var(--utopia-black-60);--inverse-hover: var(--utopia-black-20);--inverse-focus-ring: var(--utopia-brick-red);--overlay: rgb(60 50 53 / 86%);--modal-surface: var(--utopia-special-black);--popover-surface: var(--utopia-special-black);--ghost-hover: rgb(255 255 255 / 8%);--ghost-active: rgb(255 255 255 / 12%);--outline-hover: rgb(255 255 255 / 8%);--outline-active: rgb(255 255 255 / 12%);--radius: 0;--radius-control: 0;--radius-surface: 0;--radius-chat-bubble: var(--radius-surface);--radius-chat-composer: var(--radius-surface);--radius-chat-token: var(--radius-control);--font-sans: "TWK Lausanne", "Helvetica Neue", Arial, sans-serif;--font-arabic: "Readex Pro", "Noto Sans Arabic", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-arabic-display: var(--font-arabic);--font-arabic-body: var(--font-arabic);--font-mono: "JetBrains Mono", Menlo, Consolas, monospace;--font-weight-body: 350;--font-weight-regular: 350;--font-weight-medium: 500;--font-weight-semibold: 500;--font-weight-strong: 700;--font-weight-arabic-body: 300;--font-weight-arabic-display: 500;--font-size-small: 13px;--font-size-2: 16px;--font-size-eyebrow: 12px;--font-size-supporting: 12px;--font-size-body: 16px;--font-size-body-lg: 18px;--font-size-display: clamp(44px, 8vw, 96px);--font-size-arabic-body: 16px;--font-size-arabic-body-lg: 19px;--font-size-arabic-display: clamp(40px, 7.3vw, 87px);--line-height-tight: 1.14;--line-height-supporting: 14px;--line-height-arabic: 1.75;--line-height-arabic-body: 1.85;--line-height-arabic-display: 1.28;--tracking-heading: .03em;--tracking-eyebrow: .08em;--tracking-arabic: 0;--tracking-arabic-display: 0;--space-1: 4px;--space-2: 8px;--space-4: 16px;--space-8: 32px;--space-16: 64px;--space-24: 96px;--space-32: 128px;--shadow-surface: none;--shadow-popover: none;--shadow-control: none;--duration-fast: .12s;--duration-medium: .22s;--duration-slow: .42s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--motion-duration-press: .16s;--motion-duration-page: .42s;--motion-duration-expand: .36s;--motion-duration-reveal: .44s;--motion-duration-icon: .64s;--motion-duration-fast: var(--motion-duration-press);--motion-ease-standard: cubic-bezier(.2, 0, 0, 1);--motion-ease-emphasized: cubic-bezier(.16, 1, .3, 1);--motion-ease-icon: var(--motion-ease-emphasized);--motion-press-scale: .97;--motion-distance-page: var(--space-2);--motion-distance-reveal: var(--space-2);--border-width-hairline: .0625rem;--control-height-sm: var(--button-height-sm);--sidebar-width: 17rem;--sidebar-width-collapsed: 4rem;--sidebar-min-block-size: 30rem;--sidebar-rail-size: var(--space-2);--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring: var(--ring);--icon-system: phosphor;--button-height: 40px;--button-height-sm: 32px;--button-height-lg: 48px;--button-padding-inline: 16px;--button-padding-inline-sm: 12px;--button-padding-inline-lg: 24px;--button-font-size: 14px;--button-font-size-sm: 13px;--button-font-size-lg: 16px;--button-group-gap: 8px;--button-group-gap-compact: 4px;--badge-padding-block: 4px;--badge-padding-inline: 8px;--badge-font-size: 12px;--card-padding: 24px;--card-title-size: 20px;--z-overlay: 40;--z-popover: 45;--z-modal: 50}:where(:lang(ar),[lang|=ar]){font-family:var(--font-arabic-body);font-weight:var(--font-weight-arabic-body);line-height:var(--line-height-arabic-body);letter-spacing:var(--tracking-arabic);text-transform:none}:is([data-brand=utopia-default],[data-theme=utopia-default])[data-color-mode=light]{color-scheme:light;--background: var(--utopia-white);--foreground: var(--utopia-special-black);--foreground-muted: color-mix(in srgb, var(--foreground) 64%, var(--background) 36%);--foreground-subtle: color-mix(in srgb, var(--foreground) 44%, var(--background) 56%);--card: color-mix(in srgb, var(--foreground) 3%, var(--background) 97%);--card-foreground: var(--foreground);--secondary: var(--utopia-light-grey);--secondary-foreground: var(--foreground);--muted: color-mix(in srgb, var(--foreground) 12%, var(--background) 88%);--muted-foreground: color-mix(in srgb, var(--foreground) 62%, var(--background) 38%);--border: color-mix(in srgb, var(--foreground) 18%, var(--background) 82%);--input: color-mix(in srgb, var(--foreground) 24%, var(--background) 76%);--surface: color-mix(in srgb, var(--foreground) 4%, var(--background) 96%);--surface-strong: color-mix(in srgb, var(--foreground) 8%, var(--background) 92%);--surface-elevated: var(--utopia-white);--surface-hover: var(--surface-strong);--overlay: color-mix(in srgb, var(--background) 84%, transparent);--modal-surface: var(--utopia-white);--popover-surface: var(--utopia-white);--success: var(--utopia-special-black);--success-foreground: var(--utopia-white);--success-surface: color-mix(in srgb, var(--success) 7%, var(--background) 93%);--success-border: color-mix(in srgb, var(--success) 20%, var(--background) 80%);--success-text: var(--success);--ghost-hover: color-mix(in srgb, var(--foreground) 8%, transparent);--ghost-active: color-mix(in srgb, var(--foreground) 12%, transparent);--outline-hover: var(--surface-strong);--outline-active: var(--muted)}:is([data-brand=dextrum],[data-theme=dextrum]){color-scheme:dark;--dx-brand-dark-blue: #192b39;--dx-brand-ocean-blue: #3e8ecc;--dx-brand-ocean-hover: #4a9ad4;--dx-brand-ocean-deep: #26689a;--dx-brand-logo-teal: #063946;--dx-brand-timid-white: #eaeaea;--dx-charcoal-950: #0e1215;--dx-charcoal-925: #11161a;--dx-charcoal-900: #171c20;--dx-charcoal-850: #1b2126;--dx-charcoal-800: #20272c;--dx-neutral-50: #eaeaea;--dx-neutral-300: #adb4b8;--dx-neutral-450: #909ba2;--dx-neutral-500: #7f898f;--dx-success-dark: #79b98e;--dx-success-light: #3f7953;--dx-warning-dark: #d2a363;--dx-warning-light: #916026;--dx-critical-dark: #c86e64;--dx-critical-light: #a94f47;--dx-mode-background: #0e1215;--dx-mode-foreground: var(--dx-brand-timid-white);--dx-mode-foreground-muted: #adb4b8;--dx-mode-foreground-subtle: #7f898f;--dx-mode-card: #171c20;--dx-mode-popover: #1b2126;--dx-mode-primary: var(--dx-brand-ocean-blue);--dx-mode-primary-foreground: #101619;--dx-mode-primary-hover: var(--dx-brand-ocean-hover);--dx-mode-primary-active: var(--dx-brand-ocean-deep);--dx-mode-secondary: #1b2126;--dx-mode-secondary-foreground: var(--dx-brand-timid-white);--dx-mode-muted: #171c20;--dx-mode-muted-foreground: #909ba2;--dx-mode-accent: #20272c;--dx-mode-accent-foreground: var(--dx-brand-timid-white);--dx-mode-border: rgb(238 240 241 / 10%);--dx-mode-input: rgb(238 240 241 / 15%);--dx-mode-surface: rgb(255 255 255 / 2.8%);--dx-mode-surface-strong: rgb(255 255 255 / 5%);--dx-mode-surface-hover: rgb(255 255 255 / 7%);--dx-mode-overlay: rgb(5 8 10 / 78%);--dx-mode-sidebar: #11161a;--dx-mode-sidebar-foreground: var(--dx-brand-timid-white);--dx-mode-sidebar-primary: var(--dx-brand-ocean-blue);--dx-mode-sidebar-primary-foreground: #101619;--dx-mode-sidebar-accent: rgb(62 142 204 / 12%);--dx-mode-sidebar-accent-foreground: var(--dx-brand-timid-white);--dx-mode-sidebar-border: rgb(238 240 241 / 8%);--dx-mode-success: #79b98e;--dx-mode-warning: #d2a363;--dx-mode-critical: #c86e64;--dx-mode-state-foreground: #101619;--dx-mode-state-alpha: 12%;--loading-background: var(--dx-brand-dark-blue);--loading-accent: var(--dx-brand-ocean-blue);--loading-foreground: var(--dx-brand-timid-white);--background: var(--dx-mode-background);--foreground: var(--dx-mode-foreground);--foreground-muted: var(--dx-mode-foreground-muted);--foreground-subtle: var(--dx-mode-foreground-subtle);--card: var(--dx-mode-card);--card-foreground: var(--dx-mode-foreground);--popover: var(--dx-mode-popover);--popover-foreground: var(--dx-mode-foreground);--primary: var(--dx-mode-primary);--primary-foreground: var(--dx-mode-primary-foreground);--primary-hover: var(--dx-mode-primary-hover);--primary-active: var(--dx-mode-primary-active);--secondary: var(--dx-mode-secondary);--secondary-foreground: var(--dx-mode-secondary-foreground);--secondary-hover: color-mix(in srgb, var(--dx-mode-secondary) 90%, var(--dx-mode-foreground) 10%);--secondary-active: color-mix(in srgb, var(--dx-mode-secondary) 82%, var(--dx-mode-foreground) 18%);--muted: var(--dx-mode-muted);--muted-foreground: var(--dx-mode-muted-foreground);--accent: var(--dx-mode-accent);--accent-foreground: var(--dx-mode-accent-foreground);--border: var(--dx-mode-border);--input: var(--dx-mode-input);--ring: var(--dx-mode-primary);--surface: var(--dx-mode-surface);--surface-strong: var(--dx-mode-surface-strong);--surface-elevated: var(--dx-mode-popover);--surface-hover: var(--dx-mode-surface-hover);--surface-inverse: var(--dx-mode-foreground);--overlay: var(--dx-mode-overlay);--modal-surface: var(--dx-mode-popover);--popover-surface: var(--dx-mode-popover);--ghost-hover: var(--dx-mode-surface-hover);--ghost-active: color-mix(in srgb, var(--dx-mode-foreground) 12%, transparent);--outline-hover: var(--dx-mode-surface-hover);--outline-active: var(--dx-mode-accent);--success: var(--dx-mode-success);--success-foreground: var(--dx-mode-state-foreground);--success-surface: color-mix(in srgb, var(--success) var(--dx-mode-state-alpha), transparent);--success-border: color-mix(in srgb, var(--success) 42%, transparent);--success-text: var(--success);--warning: var(--dx-mode-warning);--warning-foreground: var(--dx-mode-state-foreground);--warning-surface: color-mix(in srgb, var(--warning) var(--dx-mode-state-alpha), transparent);--warning-border: color-mix(in srgb, var(--warning) 42%, transparent);--warning-text: var(--warning);--destructive: var(--dx-mode-critical);--destructive-foreground: var(--dx-mode-state-foreground);--destructive-hover: color-mix(in srgb, var(--destructive) 88%, var(--foreground) 12%);--destructive-active: color-mix(in srgb, var(--destructive) 78%, var(--background) 22%);--destructive-surface: color-mix(in srgb, var(--destructive) var(--dx-mode-state-alpha), transparent);--destructive-border: color-mix(in srgb, var(--destructive) 42%, transparent);--destructive-text: var(--destructive);--sidebar: var(--dx-mode-sidebar);--sidebar-background: var(--dx-mode-sidebar);--sidebar-foreground: var(--dx-mode-sidebar-foreground);--sidebar-primary: var(--dx-mode-sidebar-primary);--sidebar-primary-foreground: var(--dx-mode-sidebar-primary-foreground);--sidebar-accent: var(--dx-mode-sidebar-accent);--sidebar-accent-foreground: var(--dx-mode-sidebar-accent-foreground);--sidebar-border: var(--dx-mode-sidebar-border);--sidebar-ring: var(--dx-mode-primary);--radius: .375rem;--radius-control: .375rem;--radius-surface: .5rem;--motion-duration-press: 80ms;--motion-duration-page: .14s;--motion-duration-expand: .16s;--motion-duration-reveal: .14s;--motion-duration-icon: .24s;--motion-duration-fast: var(--motion-duration-press);--motion-ease-standard: cubic-bezier(.2, 0, 0, 1);--motion-ease-emphasized: cubic-bezier(.2, 0, 0, 1);--motion-ease-icon: var(--motion-ease-standard);--motion-press-scale: .97;--motion-distance-page: 3px;--motion-distance-reveal: 2px;--font-display: "Manrope", "Helvetica Neue", Arial, sans-serif;--font-sans: "Manrope", "Helvetica Neue", Arial, sans-serif;--font-ui-support: "Satoshi", "Helvetica Neue", Arial, sans-serif;--font-marketing-display: "Clash Grotesk", "Helvetica Neue", Arial, sans-serif;--font-arabic: "Readex Pro", "Noto Sans Arabic", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-arabic-display: var(--font-arabic);--font-arabic-body: var(--font-arabic);--font-mono: "JetBrains Mono", Menlo, Consolas, monospace;--font-weight-body: 400;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-strong: 700;--font-weight-arabic-body: 300;--font-weight-arabic-display: 500;--font-size-small: .8125rem;--font-size-2: 1rem;--font-size-eyebrow: .75rem;--font-size-supporting: .75rem;--font-size-body: 1rem;--font-size-body-lg: 1.125rem;--font-size-display: clamp(2.75rem, 7vw, 5.5rem);--font-size-arabic-body: 1rem;--font-size-arabic-body-lg: 1.125rem;--font-size-arabic-display: clamp(2.5rem, 6.2vw, 5rem);--line-height-tight: 1.08;--line-height-supporting: .875rem;--line-height-arabic: 1.75;--line-height-arabic-body: 1.85;--line-height-arabic-display: 1.28;--tracking-heading: -.03em;--tracking-eyebrow: .18em;--tracking-arabic: 0;--tracking-arabic-display: 0;--shadow-surface: none;--shadow-popover: 0 8px 24px rgb(0 0 0 / 24%);--icon-system: lucide}:is([data-brand=dextrum],[data-theme=dextrum]) :where([data-typography=marketing],.dextrum-marketing-display) :where(h1,h2,h3,.uds-heading,[data-display=true]){font-family:var(--font-marketing-display);letter-spacing:var(--tracking-heading)}:is([data-brand=dextrum],[data-theme=dextrum]) :where(:lang(ar),[lang|=ar]){font-family:var(--font-arabic-body);font-weight:var(--font-weight-arabic-body);line-height:var(--line-height-arabic-body);letter-spacing:var(--tracking-arabic);text-transform:none}:is([data-brand=dextrum],[data-theme=dextrum])[data-color-mode=light]{color-scheme:light;--dx-mode-background: #f7f7f5;--dx-mode-foreground: var(--dx-brand-dark-blue);--dx-mode-foreground-muted: #59636a;--dx-mode-foreground-subtle: #7a8389;--dx-mode-card: #ffffff;--dx-mode-popover: #ffffff;--dx-mode-primary: var(--dx-brand-ocean-deep);--dx-mode-primary-foreground: #ffffff;--dx-mode-primary-hover: #1f557e;--dx-mode-primary-active: #194664;--dx-mode-secondary: #f0f1ef;--dx-mode-secondary-foreground: var(--dx-brand-dark-blue);--dx-mode-muted: #eff0ee;--dx-mode-muted-foreground: #667078;--dx-mode-accent: #eceeec;--dx-mode-accent-foreground: var(--dx-brand-dark-blue);--dx-mode-border: rgb(29 32 35 / 11%);--dx-mode-input: rgb(29 32 35 / 16%);--dx-mode-surface: #ffffff;--dx-mode-surface-strong: #f0f1ef;--dx-mode-surface-hover: rgb(29 32 35 / 5%);--dx-mode-overlay: rgb(29 32 35 / 28%);--dx-mode-sidebar: #f1f2f0;--dx-mode-sidebar-foreground: var(--dx-brand-dark-blue);--dx-mode-sidebar-primary: var(--dx-brand-ocean-deep);--dx-mode-sidebar-primary-foreground: #ffffff;--dx-mode-sidebar-accent: rgb(38 104 154 / 9%);--dx-mode-sidebar-accent-foreground: var(--dx-brand-dark-blue);--dx-mode-sidebar-border: rgb(29 32 35 / 9%);--dx-mode-success: #3f7953;--dx-mode-warning: #916026;--dx-mode-critical: #a94f47;--dx-mode-state-foreground: #ffffff;--dx-mode-state-alpha: 9%}@media(prefers-color-scheme:light){:is([data-brand=dextrum],[data-theme=dextrum])[data-color-mode=system]{color-scheme:light;--dx-mode-background: #f7f7f5;--dx-mode-foreground: var(--dx-brand-dark-blue);--dx-mode-foreground-muted: #59636a;--dx-mode-foreground-subtle: #7a8389;--dx-mode-card: #ffffff;--dx-mode-popover: #ffffff;--dx-mode-primary: var(--dx-brand-ocean-deep);--dx-mode-primary-foreground: #ffffff;--dx-mode-primary-hover: #1f557e;--dx-mode-primary-active: #194664;--dx-mode-secondary: #f0f1ef;--dx-mode-secondary-foreground: var(--dx-brand-dark-blue);--dx-mode-muted: #eff0ee;--dx-mode-muted-foreground: #667078;--dx-mode-accent: #eceeec;--dx-mode-accent-foreground: var(--dx-brand-dark-blue);--dx-mode-border: rgb(29 32 35 / 11%);--dx-mode-input: rgb(29 32 35 / 16%);--dx-mode-surface: #ffffff;--dx-mode-surface-strong: #f0f1ef;--dx-mode-surface-hover: rgb(29 32 35 / 5%);--dx-mode-overlay: rgb(29 32 35 / 28%);--dx-mode-sidebar: #f1f2f0;--dx-mode-sidebar-foreground: var(--dx-brand-dark-blue);--dx-mode-sidebar-primary: var(--dx-brand-ocean-deep);--dx-mode-sidebar-primary-foreground: #ffffff;--dx-mode-sidebar-accent: rgb(38 104 154 / 9%);--dx-mode-sidebar-accent-foreground: var(--dx-brand-dark-blue);--dx-mode-sidebar-border: rgb(29 32 35 / 9%);--dx-mode-success: #3f7953;--dx-mode-warning: #916026;--dx-mode-critical: #a94f47;--dx-mode-state-foreground: #ffffff;--dx-mode-state-alpha: 9%}}@font-face{font-family:IBM Plex Sans Arabic;src:url(/assets/IBMPlexSansArabic-Regular-CECLw8MI.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:IBM Plex Sans Arabic;src:url(/assets/IBMPlexSansArabic-Medium-C45KVXqn.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:IBM Plex Sans Arabic;src:url(/assets/IBMPlexSansArabic-Bold-DtCCNWRv.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}:is([data-brand=barrier-intelligence],[data-theme=barrier-intelligence]){color-scheme:dark;--bi-black: #000000;--bi-bg-elev: #0a0a0a;--bi-card: #0e0e0e;--bi-card-hi: #141414;--bi-hair: #1c1c1c;--bi-ink: #f5f5f2;--bi-ink-2: #c9c7c1;--bi-ink-3: #9a9893;--bi-ink-4: #6d6b67;--bi-gold-dk: #8a6637;--bi-gold: #a6824c;--bi-gold-lt: #d2ac6c;--bi-gold-fg: #1a1208;--bi-detector-lime: #a6b86a;--bi-assurance-at-risk: #c47c48;--bi-assurance-lost: #c76b62;--bi-assurance-warning: #d2a65a;--loading-background: var(--bi-black);--loading-accent: var(--bi-gold);--loading-foreground: var(--bi-ink);--background: var(--bi-black);--foreground: var(--bi-ink);--foreground-muted: var(--bi-ink-2);--foreground-subtle: var(--bi-ink-3);--card: var(--bi-card);--card-foreground: var(--bi-ink);--primary: var(--bi-gold);--primary-foreground: var(--bi-gold-fg);--primary-hover: var(--bi-gold-lt);--primary-active: var(--bi-gold-dk);--secondary: var(--bi-card-hi);--secondary-foreground: var(--bi-ink);--secondary-hover: color-mix(in srgb, var(--bi-card-hi) 85%, var(--bi-ink) 15%);--secondary-active: color-mix(in srgb, var(--bi-card-hi) 75%, var(--bi-ink) 25%);--muted: var(--bi-bg-elev);--muted-foreground: var(--bi-ink-3);--border: color-mix(in srgb, var(--bi-hair) 82%, transparent);--input: color-mix(in srgb, var(--bi-hair) 70%, transparent);--ring: var(--bi-gold);--surface: color-mix(in srgb, var(--bi-ink) 4.5%, var(--bi-black));--surface-strong: color-mix(in srgb, var(--bi-ink) 7.5%, var(--bi-black));--surface-elevated: var(--bi-card-hi);--surface-hover: color-mix(in srgb, var(--bi-ink) 10%, var(--bi-black));--surface-inverse: var(--bi-ink);--overlay: color-mix(in srgb, var(--bi-black) 86%, transparent);--modal-surface: var(--bi-card-hi);--popover-surface: var(--bi-card-hi);--ghost-hover: color-mix(in srgb, var(--bi-ink) 7.5%, var(--bi-black));--ghost-active: color-mix(in srgb, var(--bi-ink) 12%, var(--bi-black));--outline-hover: color-mix(in srgb, var(--bi-ink) 7.5%, var(--bi-black));--outline-active: color-mix(in srgb, var(--bi-ink) 12%, var(--bi-black));--detector-active: var(--bi-detector-lime);--detector-active-foreground: #101208;--detector-active-surface: color-mix(in srgb, var(--detector-active) 14%, transparent);--detector-active-border: color-mix(in srgb, var(--detector-active) 46%, transparent);--assurance-credited: var(--bi-gold-lt);--assurance-credited-foreground: var(--bi-gold-fg);--assurance-credited-surface: color-mix(in srgb, var(--assurance-credited) 14%, transparent);--assurance-credited-border: color-mix(in srgb, var(--assurance-credited) 46%, transparent);--assurance-at-risk: var(--bi-assurance-at-risk);--assurance-at-risk-foreground: #180d06;--assurance-at-risk-surface: color-mix(in srgb, var(--assurance-at-risk) 14%, transparent);--assurance-at-risk-border: color-mix(in srgb, var(--assurance-at-risk) 46%, transparent);--assurance-lost: var(--bi-assurance-lost);--assurance-lost-foreground: #190b09;--assurance-lost-surface: color-mix(in srgb, var(--assurance-lost) 14%, transparent);--assurance-lost-border: color-mix(in srgb, var(--assurance-lost) 46%, transparent);--assurance-warning: var(--bi-assurance-warning);--assurance-warning-foreground: #171005;--assurance-warning-surface: color-mix(in srgb, var(--assurance-warning) 14%, transparent);--assurance-warning-border: color-mix(in srgb, var(--assurance-warning) 46%, transparent);--assurance-verified: var(--detector-active);--assurance-verified-foreground: var(--detector-active-foreground);--assurance-verified-surface: var(--detector-active-surface);--assurance-verified-border: var(--detector-active-border);--radius: .75rem;--radius-control: .375rem;--radius-surface: .875rem;--radius-chat-bubble: 1.125rem;--radius-chat-composer: 1.5rem;--radius-chat-token: .875rem;--motion-duration-press: .1s;--motion-duration-page: .2s;--motion-duration-expand: .22s;--motion-duration-reveal: .24s;--motion-duration-icon: .32s;--motion-duration-fast: var(--motion-duration-press);--motion-ease-standard: cubic-bezier(.2, 0, 0, 1);--motion-ease-emphasized: cubic-bezier(.16, 1, .3, 1);--motion-ease-icon: var(--motion-ease-emphasized);--motion-press-scale: .985;--motion-distance-page: 6px;--motion-distance-reveal: 10px;--font-display: "Hanken Grotesk", "Helvetica Neue", "Inter", system-ui, sans-serif;--font-sans: "Hanken Grotesk", "Helvetica Neue", "Inter", system-ui, sans-serif;--font-ui-support: "Hanken Grotesk", "Helvetica Neue", "Inter", system-ui, sans-serif;--font-marketing-display: "Hanken Grotesk", "Helvetica Neue", "Inter", system-ui, sans-serif;--font-arabic: "IBM Plex Sans Arabic", "Noto Sans Arabic", "Tajawal", "Cairo", Arial, sans-serif;--font-arabic-display: var(--font-arabic);--font-arabic-body: var(--font-arabic);--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-weight-body: 400;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-strong: 700;--font-weight-arabic-body: 400;--font-weight-arabic-display: 700;--font-size-small: .8125rem;--font-size-2: 1rem;--font-size-eyebrow: .75rem;--font-size-supporting: .75rem;--font-size-body: 1rem;--font-size-body-lg: 1.125rem;--font-size-display: clamp(2.875rem, 7.6vw, 5.75rem);--font-size-marketing-h1: clamp(3rem, 6vw, 5.75rem);--font-size-marketing-h2: clamp(2.25rem, 4vw, 3.75rem);--font-size-marketing-h3: clamp(1.5rem, 2.5vw, 2.25rem);--font-size-arabic-body: 1rem;--font-size-arabic-body-lg: 1.125rem;--font-size-arabic-display: clamp(2.75rem, 7.2vw, 5.5rem);--line-height-tight: 1.06;--line-height-marketing-h1: 1;--line-height-marketing-h2: 1.06;--line-height-marketing-h3: 1.14;--line-height-supporting: .875rem;--line-height-arabic: 1.75;--line-height-arabic-body: 1.75;--line-height-arabic-display: 1.14;--tracking-heading: -.03em;--tracking-eyebrow: .18em;--tracking-arabic: 0;--tracking-arabic-display: 0;--container-standard: 72rem;--container-wide: 90rem;--page-gutter: clamp(1rem, 3vw, 2.5rem);--content-measure: 72ch;--measure-marketing-h1: 12ch;--measure-marketing-h2: 18ch;--measure-marketing-h3: 28ch;--shadow-surface: none;--shadow-popover: 0 10px 28px rgb(0 0 0 / 34%);--shadow-control: none;--icon-system: lucide;--button-height: 40px;--button-height-sm: 32px;--button-height-lg: 48px;--sidebar-width: 17rem;--control-height-sm: 2rem;--sidebar-width-collapsed: 4rem;--sidebar-min-block-size: 30rem;--sidebar-rail-size: 8px;--button-padding-inline: 16px;--button-padding-inline-sm: 12px;--button-padding-inline-lg: 24px;--button-font-size: .875rem;--button-font-size-sm: .8125rem;--button-font-size-lg: 1rem;--button-group-gap: 8px;--button-group-gap-compact: 4px;--badge-padding-block: 4px;--badge-padding-inline: 8px;--badge-font-size: .75rem;--card-padding: 24px;--card-title-size: 1.25rem;--z-overlay: 40;--z-popover: 45;--z-modal: 50}:is([data-brand=barrier-intelligence],[data-theme=barrier-intelligence]) :where(:lang(ar),[lang|=ar]){font-family:var(--font-arabic-body);font-weight:var(--font-weight-arabic-body);line-height:var(--line-height-arabic-body);letter-spacing:var(--tracking-arabic);text-transform:none}:is([data-brand=barrier-intelligence],[data-theme=barrier-intelligence])[data-color-mode=light]{color-scheme:light;--background: #f5f5f2;--foreground: #17140f;--foreground-muted: #5f5a50;--foreground-subtle: #817a6e;--card: #ffffff;--card-foreground: #17140f;--primary: var(--bi-gold-dk);--primary-foreground: #ffffff;--primary-hover: #75572f;--primary-active: #604522;--secondary: #eeeae2;--secondary-foreground: #17140f;--muted: #e8e5de;--muted-foreground: #6d675d;--border: rgb(23 20 15 / 16%);--input: rgb(23 20 15 / 24%);--surface: rgb(23 20 15 / 4.5%);--surface-strong: rgb(23 20 15 / 8%);--surface-elevated: #ffffff;--surface-hover: var(--surface-strong);--overlay: rgb(245 245 242 / 86%);--modal-surface: #ffffff;--popover-surface: #ffffff;--ghost-hover: rgb(23 20 15 / 8%);--ghost-active: rgb(23 20 15 / 12%);--outline-hover: var(--surface-strong);--outline-active: var(--muted);--detector-active: #657437;--detector-active-foreground: #ffffff;--detector-active-surface: rgb(101 116 55 / 10%);--detector-active-border: rgb(101 116 55 / 34%);--assurance-credited: #75572f;--assurance-credited-foreground: #ffffff;--assurance-credited-surface: rgb(117 87 47 / 10%);--assurance-credited-border: rgb(117 87 47 / 34%);--assurance-at-risk: #8d4f28;--assurance-at-risk-foreground: #ffffff;--assurance-at-risk-surface: rgb(141 79 40 / 10%);--assurance-at-risk-border: rgb(141 79 40 / 34%);--assurance-lost: #9c4942;--assurance-lost-foreground: #ffffff;--assurance-lost-surface: rgb(156 73 66 / 10%);--assurance-lost-border: rgb(156 73 66 / 34%);--assurance-warning: #7a5c20;--assurance-warning-foreground: #ffffff;--assurance-warning-surface: rgb(122 92 32 / 10%);--assurance-warning-border: rgb(122 92 32 / 34%);--assurance-verified: var(--detector-active);--assurance-verified-foreground: var(--detector-active-foreground);--assurance-verified-surface: var(--detector-active-surface);--assurance-verified-border: var(--detector-active-border)}@media(prefers-color-scheme:light){:is([data-brand=barrier-intelligence],[data-theme=barrier-intelligence])[data-color-mode=system]{color-scheme:light;--background: #f5f5f2;--foreground: #17140f;--foreground-muted: #5f5a50;--foreground-subtle: #817a6e;--card: #ffffff;--card-foreground: #17140f;--primary: var(--bi-gold-dk);--primary-foreground: #ffffff;--primary-hover: #75572f;--primary-active: #604522;--secondary: #eeeae2;--secondary-foreground: #17140f;--muted: #e8e5de;--muted-foreground: #6d675d;--border: rgb(23 20 15 / 16%);--input: rgb(23 20 15 / 24%);--surface: rgb(23 20 15 / 4.5%);--surface-strong: rgb(23 20 15 / 8%);--surface-elevated: #ffffff;--surface-hover: var(--surface-strong);--overlay: rgb(245 245 242 / 86%);--modal-surface: #ffffff;--popover-surface: #ffffff;--ghost-hover: rgb(23 20 15 / 8%);--ghost-active: rgb(23 20 15 / 12%);--outline-hover: var(--surface-strong);--outline-active: var(--muted);--detector-active: #657437;--detector-active-foreground: #ffffff;--detector-active-surface: rgb(101 116 55 / 10%);--detector-active-border: rgb(101 116 55 / 34%);--assurance-credited: #75572f;--assurance-credited-foreground: #ffffff;--assurance-credited-surface: rgb(117 87 47 / 10%);--assurance-credited-border: rgb(117 87 47 / 34%);--assurance-at-risk: #8d4f28;--assurance-at-risk-foreground: #ffffff;--assurance-at-risk-surface: rgb(141 79 40 / 10%);--assurance-at-risk-border: rgb(141 79 40 / 34%);--assurance-lost: #9c4942;--assurance-lost-foreground: #ffffff;--assurance-lost-surface: rgb(156 73 66 / 10%);--assurance-lost-border: rgb(156 73 66 / 34%);--assurance-warning: #7a5c20;--assurance-warning-foreground: #ffffff;--assurance-warning-surface: rgb(122 92 32 / 10%);--assurance-warning-border: rgb(122 92 32 / 34%);--assurance-verified: var(--detector-active);--assurance-verified-foreground: var(--detector-active-foreground);--assurance-verified-surface: var(--detector-active-surface);--assurance-verified-border: var(--detector-active-border)}}@media(prefers-reduced-motion:reduce){:is([data-brand=barrier-intelligence],[data-theme=barrier-intelligence]){--motion-duration-press: 0ms;--motion-duration-page: 0ms;--motion-duration-expand: 0ms;--motion-duration-reveal: 0ms;--motion-duration-icon: 0ms;--motion-duration-fast: 0ms;--motion-press-scale: 1;--motion-distance-page: 0px;--motion-distance-reveal: 0px}}@font-face{font-family:IBM Plex Sans Arabic;src:url(/assets/IBMPlexSansArabic-Regular-CECLw8MI.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:IBM Plex Sans Arabic;src:url(/assets/IBMPlexSansArabic-Medium-C45KVXqn.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:IBM Plex Sans Arabic;src:url(/assets/IBMPlexSansArabic-Bold-DtCCNWRv.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}:is([data-brand=renacore],[data-theme=renacore]){color-scheme:light;--renacore-white: #ffffff;--renacore-black: #000000;--renacore-near-black: #020d13;--renacore-teal: #12414b;--renacore-teal-hover: #0e333b;--renacore-cyan: #97d1dd;--renacore-ice: #d6eaed;--renacore-grey-50: #f7f7f7;--renacore-grey-100: #f2f2f2;--renacore-grey-300: #d8d8d8;--renacore-grey-600: #666666;--renacore-enterprise-canvas: #f7f4ec;--renacore-enterprise-border: #ded6c8;--renacore-enterprise-ink: #18211f;--renacore-enterprise-muted: #51655f;--loading-background: var(--renacore-near-black);--loading-accent: var(--renacore-cyan);--loading-foreground: var(--renacore-ice);--background: var(--renacore-white);--foreground: var(--renacore-black);--foreground-muted: var(--renacore-grey-600);--foreground-subtle: #858585;--card: var(--renacore-grey-100);--card-foreground: var(--renacore-black);--primary: var(--renacore-teal);--primary-foreground: var(--renacore-white);--primary-hover: var(--renacore-teal-hover);--primary-active: #0a2930;--secondary: var(--renacore-grey-100);--secondary-foreground: var(--renacore-teal);--secondary-hover: #e5e5e5;--secondary-active: #dadada;--muted: var(--renacore-grey-100);--muted-foreground: var(--renacore-grey-600);--border: var(--renacore-grey-100);--input: var(--renacore-grey-300);--ring: var(--renacore-teal);--surface: #fafafa;--surface-strong: var(--renacore-grey-100);--surface-elevated: var(--renacore-white);--surface-hover: #f5f5f5;--surface-inverse: var(--renacore-near-black);--inverse-foreground: var(--renacore-ice);--inverse-foreground-muted: #a9bec2;--inverse-foreground-subtle: #758e94;--inverse-hover: var(--renacore-teal);--inverse-focus-ring: var(--renacore-cyan);--overlay: rgb(0 0 0 / 65%);--modal-surface: var(--renacore-white);--popover-surface: var(--renacore-white);--ghost-hover: rgb(0 0 0 / 5%);--ghost-active: rgb(0 0 0 / 8%);--outline-hover: rgb(18 65 75 / 6%);--outline-active: rgb(18 65 75 / 10%);--destructive: #ff0000;--destructive-hover: #dc0000;--destructive-active: #bd0000;--destructive-foreground: var(--renacore-white);--destructive-surface: #fff0f0;--destructive-border: #ffc5c5;--destructive-text: #b42318;--warning: #d97706;--warning-foreground: var(--renacore-white);--warning-surface: #fff7e8;--warning-border: #f7c77b;--warning-text: #9a5a00;--success: #0f8a5f;--success-foreground: var(--renacore-white);--success-surface: #eaf8f2;--success-border: #9edbc5;--success-text: #08724d;--visualization-series-1: var(--renacore-teal);--visualization-series-2: var(--renacore-cyan);--visualization-series-3: #51655f;--visualization-series-4: #d97706;--visualization-series-5: #5f7f88;--visualization-series-6: #a1b6bb;--visualization-positive: var(--success-text);--visualization-negative: var(--destructive-text);--visualization-neutral: var(--renacore-grey-600);--visualization-forecast: var(--renacore-teal);--visualization-benchmark: #8a9693;--visualization-grid: rgb(18 65 75 / 12%);--radius: .5rem;--radius-control: .375rem;--radius-surface: .75rem;--radius-chat-bubble: .875rem;--radius-chat-composer: 1rem;--radius-chat-token: .5rem;--shadow-surface: 0 1px 3px rgb(0 0 0 / 7%);--shadow-popover: 0 18px 48px rgb(0 0 0 / 16%);--shadow-control: 0 0 15px rgb(151 209 221 / 30%);--font-display: "Host Grotesk", system-ui, sans-serif;--font-sans: "Host Grotesk", system-ui, sans-serif;--font-ui-support: "Host Grotesk", system-ui, sans-serif;--font-marketing-display: "Host Grotesk", system-ui, sans-serif;--font-arabic: "IBM Plex Sans Arabic", "Noto Sans Arabic", "Tajawal", "Cairo", Arial, sans-serif;--font-arabic-display: var(--font-arabic);--font-arabic-body: var(--font-arabic);--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--font-weight-body: 300;--font-weight-regular: 300;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-strong: 700;--font-weight-arabic-body: 400;--font-weight-arabic-display: 500;--font-size-small: .8125rem;--font-size-2: 1rem;--font-size-eyebrow: .75rem;--font-size-supporting: .75rem;--font-size-body: 1rem;--font-size-body-lg: 1.125rem;--font-size-display: clamp(3rem, 7vw, 6.75rem);--font-size-marketing-h1: clamp(3rem, 7vw, 6.75rem);--font-size-marketing-h2: clamp(2.3rem, 4.5vw, 4.5rem);--font-size-marketing-h3: clamp(1.5rem, 2.6vw, 2.3rem);--font-size-arabic-body: 1rem;--font-size-arabic-body-lg: 1.125rem;--font-size-arabic-display: clamp(2.8rem, 6.5vw, 6.2rem);--line-height-tight: 1;--line-height-marketing-h1: .96;--line-height-marketing-h2: 1;--line-height-marketing-h3: 1.1;--line-height-supporting: .875rem;--line-height-arabic: 1.75;--line-height-arabic-body: 1.75;--line-height-arabic-display: 1.15;--tracking-heading: -.04em;--tracking-eyebrow: .2em;--tracking-arabic: 0;--tracking-arabic-display: 0;--container-standard: 72rem;--container-wide: 90rem;--page-gutter: clamp(1rem, 4vw, 4rem);--content-measure: 68ch;--measure-marketing-h1: 13ch;--measure-marketing-h2: 16ch;--measure-marketing-h3: 24ch;--motion-duration-press: .12s;--motion-duration-page: .3s;--motion-duration-expand: .3s;--motion-duration-reveal: .5s;--motion-duration-icon: .3s;--motion-duration-fast: var(--motion-duration-press);--motion-ease-standard: ease-in-out;--motion-ease-emphasized: cubic-bezier(.16, 1, .3, 1);--motion-ease-icon: var(--motion-ease-standard);--motion-press-scale: .985;--motion-distance-page: 4px;--motion-distance-reveal: 8px;--icon-system: lucide;--button-height: 36px;--button-height-sm: 32px;--button-height-lg: 40px;--button-padding-inline: 16px;--button-padding-inline-sm: 12px;--button-padding-inline-lg: 20px;--button-font-size: .875rem;--button-font-size-sm: .8125rem;--button-font-size-lg: .875rem;--button-group-gap: 8px;--button-group-gap-compact: 4px;--badge-padding-block: 2px;--badge-padding-inline: 10px;--badge-font-size: .75rem;--card-padding: 24px;--card-title-size: 1.125rem;--control-height-sm: 2rem;--sidebar-width: 16rem;--sidebar-width-collapsed: 3.75rem;--sidebar-min-block-size: 30rem;--sidebar-rail-size: 8px;--z-overlay: 40;--z-popover: 45;--z-modal: 50;--renacore-enterprise-surface: var(--renacore-enterprise-canvas);--renacore-enterprise-card: rgb(255 255 255 / 85%);--renacore-enterprise-border-token: var(--renacore-enterprise-border);--renacore-mark-size: 2.25rem;--renacore-media-overlay: linear-gradient(90deg, rgb(2 13 19 / 96%) 0%, rgb(2 13 19 / 72%) 42%, rgb(2 13 19 / 12%) 78%);--renacore-signal-line: rgb(151 209 221 / 42%);--renacore-panel-cut: polygon(0 0, calc(100% - 3rem) 0, 100% 3rem, 100% 100%, 0 100%)}:is([data-brand=renacore],[data-theme=renacore])[data-color-mode=dark]{color-scheme:dark;--background: var(--renacore-near-black);--foreground: #eef8fa;--foreground-muted: #b4c9cd;--foreground-subtle: #6f858a;--card: #06171d;--card-foreground: #eef8fa;--primary: var(--renacore-cyan);--primary-foreground: var(--renacore-near-black);--primary-hover: #afe0e8;--primary-active: #7fbcc8;--secondary: var(--renacore-teal);--secondary-foreground: var(--renacore-ice);--secondary-hover: #195461;--secondary-active: #0e333b;--muted: #0a2027;--muted-foreground: #9db4b9;--border: rgb(151 209 221 / 18%);--input: rgb(151 209 221 / 26%);--ring: var(--renacore-cyan);--surface: rgb(151 209 221 / 4%);--surface-strong: rgb(151 209 221 / 8%);--surface-elevated: #0a2027;--surface-hover: rgb(151 209 221 / 10%);--surface-inverse: var(--renacore-ice);--inverse-foreground: var(--renacore-near-black);--inverse-foreground-muted: #31545c;--inverse-foreground-subtle: #58747a;--inverse-hover: #c7e1e5;--inverse-focus-ring: var(--renacore-teal);--overlay: rgb(2 13 19 / 88%);--modal-surface: #0a2027;--popover-surface: #0a2027;--ghost-hover: rgb(151 209 221 / 8%);--ghost-active: rgb(151 209 221 / 13%);--outline-hover: rgb(151 209 221 / 8%);--outline-active: rgb(151 209 221 / 13%);--shadow-control: 0 0 15px rgb(151 209 221 / 30%)}:is([data-brand=renacore],[data-theme=renacore]) :where(:lang(ar),[lang|=ar]){font-family:var(--font-arabic-body);font-weight:var(--font-weight-arabic-body);line-height:var(--line-height-arabic-body);letter-spacing:var(--tracking-arabic);text-transform:none}@media(prefers-reduced-motion:reduce){:is([data-brand=renacore],[data-theme=renacore]){--motion-duration-press: 0ms;--motion-duration-page: 0ms;--motion-duration-expand: 0ms;--motion-duration-reveal: 0ms;--motion-duration-icon: 0ms;--motion-distance-page: 0;--motion-distance-reveal: 0;--motion-press-scale: 1}}:is([data-brand=vyapti],[data-theme=vyapti]){color-scheme:light;--vyapti-primary-50: #eefbf4;--vyapti-primary-100: #daf5e6;--vyapti-primary-200: #b5ebcd;--vyapti-primary-300: #84dbad;--vyapti-primary-400: #4fc78c;--vyapti-primary-500: #15b57f;--vyapti-primary-600: #0f9b6a;--vyapti-primary-700: #0c7d57;--vyapti-primary-800: #0b6145;--vyapti-primary-900: #094c37;--vyapti-primary-950: #042d20;--vyapti-deep-50: #edf7f2;--vyapti-deep-100: #d7ece2;--vyapti-deep-200: #afdbc4;--vyapti-deep-300: #7fbea0;--vyapti-deep-400: #539a7b;--vyapti-deep-500: #34725b;--vyapti-deep-600: #1f5744;--vyapti-deep-700: #123f31;--vyapti-deep-800: #0a2e22;--vyapti-deep-900: #012519;--vyapti-deep-950: #00140d;--vyapti-gray-0: #ffffff;--vyapti-gray-50: #fafdfb;--vyapti-gray-100: #f2f7f4;--vyapti-gray-200: #e3ece7;--vyapti-gray-300: #cddad3;--vyapti-gray-400: #a8bbb0;--vyapti-gray-500: #7e9287;--vyapti-gray-600: #5d7066;--vyapti-gray-700: #45554d;--vyapti-gray-800: #2d3933;--vyapti-gray-900: #18211d;--vyapti-gray-950: #0a110d;--loading-background: var(--vyapti-deep-900);--loading-accent: var(--vyapti-primary-500);--loading-foreground: var(--vyapti-gray-0);--background: var(--vyapti-gray-0);--foreground: var(--vyapti-deep-900);--foreground-muted: var(--vyapti-gray-600);--foreground-subtle: var(--vyapti-gray-500);--card: var(--vyapti-gray-0);--card-foreground: var(--vyapti-deep-900);--primary: var(--vyapti-primary-500);--primary-foreground: var(--vyapti-deep-950);--primary-hover: var(--vyapti-primary-600);--primary-active: var(--vyapti-primary-700);--secondary: var(--vyapti-gray-100);--secondary-foreground: var(--vyapti-deep-900);--secondary-hover: var(--vyapti-gray-200);--secondary-active: var(--vyapti-gray-300);--muted: var(--vyapti-gray-100);--muted-foreground: var(--vyapti-gray-600);--border: rgb(1 37 25 / 10%);--input: rgb(1 37 25 / 18%);--ring: var(--vyapti-primary-600);--surface: var(--vyapti-gray-50);--surface-strong: var(--vyapti-gray-100);--surface-elevated: var(--vyapti-gray-0);--surface-hover: var(--vyapti-primary-50);--surface-inverse: var(--vyapti-deep-900);--inverse-foreground: var(--vyapti-gray-0);--inverse-foreground-muted: var(--vyapti-gray-300);--inverse-foreground-subtle: var(--vyapti-gray-400);--inverse-hover: var(--vyapti-deep-800);--inverse-focus-ring: var(--vyapti-primary-400);--overlay: rgb(0 20 13 / 72%);--modal-surface: var(--vyapti-gray-0);--popover-surface: var(--vyapti-gray-0);--ghost-hover: rgb(1 37 25 / 6%);--ghost-active: rgb(1 37 25 / 10%);--outline-hover: rgb(21 181 127 / 8%);--outline-active: rgb(21 181 127 / 14%);--destructive: #b42318;--destructive-hover: #912018;--destructive-active: #7a1913;--destructive-foreground: var(--vyapti-gray-0);--destructive-surface: #fff1f0;--destructive-border: #f3b8b3;--destructive-text: #912018;--warning: #b56a00;--warning-foreground: var(--vyapti-gray-0);--warning-surface: #fff7e6;--warning-border: #efca8a;--warning-text: #7c4900;--success: var(--vyapti-primary-700);--success-foreground: var(--vyapti-gray-0);--success-surface: var(--vyapti-primary-50);--success-border: var(--vyapti-primary-200);--success-text: var(--vyapti-primary-800);--visualization-series-1: var(--vyapti-primary-600);--visualization-series-2: var(--vyapti-deep-600);--visualization-series-3: var(--vyapti-primary-300);--visualization-series-4: #b56a00;--visualization-series-5: var(--vyapti-gray-700);--visualization-series-6: var(--vyapti-deep-300);--visualization-positive: var(--success-text);--visualization-negative: var(--destructive-text);--visualization-neutral: var(--vyapti-gray-600);--visualization-forecast: var(--vyapti-primary-600);--visualization-benchmark: var(--vyapti-gray-500);--visualization-grid: rgb(1 37 25 / 10%);--radius: .625rem;--radius-control: .625rem;--radius-surface: 1.125rem;--radius-chat-bubble: 1.125rem;--radius-chat-composer: 1.5rem;--radius-chat-token: .875rem;--shadow-surface: 0 20px 48px rgb(1 37 25 / 6%);--shadow-popover: 0 24px 56px rgb(1 37 25 / 12%);--shadow-control: 0 0 0 4px rgb(21 181 127 / 20%);--font-sans: "Inter", system-ui, sans-serif;--font-display: "Hanken Grotesk", "Inter", system-ui, sans-serif;--font-ui-support: "Inter", system-ui, sans-serif;--font-marketing-display: "Hanken Grotesk", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-arabic: "IBM Plex Sans Arabic", "Noto Sans Arabic", "Tajawal", "Cairo", Arial, sans-serif;--font-arabic-display: var(--font-arabic);--font-arabic-body: var(--font-arabic);--font-weight-body: 400;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-strong: 700;--font-weight-arabic-body: 400;--font-weight-arabic-display: 700;--font-size-small: .8125rem;--font-size-2: 1rem;--font-size-eyebrow: .74rem;--font-size-supporting: .75rem;--font-size-body: 1rem;--font-size-body-lg: 1.125rem;--font-size-display: clamp(2.35rem, 6vw, 4.75rem);--font-size-marketing-h1: clamp(2.875rem, 6vw, 5.5rem);--font-size-marketing-h2: clamp(2.2rem, 4vw, 3.75rem);--font-size-marketing-h3: clamp(1.5rem, 2.5vw, 2.25rem);--font-size-arabic-body: 1rem;--font-size-arabic-body-lg: 1.125rem;--font-size-arabic-display: clamp(2.25rem, 5.7vw, 4.5rem);--line-height-tight: 1.03;--line-height-marketing-h1: 1.03;--line-height-marketing-h2: 1.03;--line-height-marketing-h3: 1.1;--line-height-supporting: 1rem;--line-height-body: 1.7;--line-height-arabic: 1.75;--line-height-arabic-body: 1.75;--line-height-arabic-display: 1.16;--tracking-heading: -.035em;--tracking-eyebrow: .18em;--tracking-arabic: 0;--tracking-arabic-display: 0;--container-standard: 72rem;--container-wide: 90rem;--page-gutter: clamp(1.5rem, 5vw, 7.5rem);--content-measure: 65ch;--measure-marketing-h1: 13ch;--measure-marketing-h2: 17ch;--measure-marketing-h3: 24ch;--motion-duration-press: .1s;--motion-duration-page: .26s;--motion-duration-expand: .22s;--motion-duration-reveal: .32s;--motion-duration-icon: .28s;--motion-duration-fast: var(--motion-duration-press);--motion-ease-standard: cubic-bezier(.2, 0, 0, 1);--motion-ease-emphasized: cubic-bezier(.16, 1, .3, 1);--motion-ease-icon: var(--motion-ease-emphasized);--motion-press-scale: .985;--motion-distance-page: 6px;--motion-distance-reveal: 10px;--icon-system: lucide;--icon-stroke-width: 1.5;--button-height: 40px;--button-height-sm: 32px;--button-height-lg: 48px;--button-padding-inline: 16px;--button-padding-inline-sm: 12px;--button-padding-inline-lg: 20px;--button-font-size: .875rem;--button-font-size-sm: .8125rem;--button-font-size-lg: 1rem;--button-group-gap: 8px;--button-group-gap-compact: 4px;--badge-padding-block: 2px;--badge-padding-inline: 10px;--badge-font-size: .74rem;--card-padding: 24px;--card-title-size: 1.125rem;--control-height-sm: 2rem;--sidebar-width: 17rem;--sidebar-width-collapsed: 4rem;--sidebar-min-block-size: 30rem;--sidebar-rail-size: 8px;--z-overlay: 40;--z-popover: 45;--z-modal: 50}:is([data-brand=vyapti],[data-theme=vyapti])[data-color-mode=light]{color-scheme:light;--background: var(--vyapti-gray-0);--foreground: var(--vyapti-deep-900);--card: var(--vyapti-gray-0);--card-foreground: var(--vyapti-deep-900);--primary: var(--vyapti-primary-500);--primary-foreground: var(--vyapti-deep-950);--secondary: var(--vyapti-gray-100);--secondary-foreground: var(--vyapti-deep-900);--muted: var(--vyapti-gray-100);--muted-foreground: var(--vyapti-gray-600);--border: rgb(1 37 25 / 10%);--input: rgb(1 37 25 / 18%);--ring: var(--vyapti-primary-600)}:is([data-brand=vyapti],[data-theme=vyapti])[data-color-mode=dark]{color-scheme:dark;--background: #111412;--foreground: #f4f7f5;--foreground-muted: #a7b0ab;--foreground-subtle: #7f8a84;--card: #181c1a;--card-foreground: #f4f7f5;--primary: var(--vyapti-primary-400);--primary-foreground: var(--vyapti-deep-950);--primary-hover: var(--vyapti-primary-300);--primary-active: var(--vyapti-primary-500);--secondary: #202522;--secondary-foreground: #f4f7f5;--secondary-hover: #282e2a;--secondary-active: #303732;--muted: #202522;--muted-foreground: #a7b0ab;--border: rgb(244 247 245 / 10%);--input: rgb(244 247 245 / 18%);--ring: var(--vyapti-primary-400);--surface: #151917;--surface-strong: #202522;--surface-elevated: #1c211e;--surface-hover: #232a26;--surface-inverse: var(--vyapti-gray-50);--inverse-foreground: var(--vyapti-deep-950);--inverse-foreground-muted: var(--vyapti-deep-600);--inverse-foreground-subtle: var(--vyapti-deep-500);--inverse-hover: var(--vyapti-gray-100);--inverse-focus-ring: var(--vyapti-primary-600);--overlay: rgb(4 6 5 / 86%);--modal-surface: #1c211e;--popover-surface: #1c211e;--ghost-hover: rgb(244 247 245 / 7%);--ghost-active: rgb(244 247 245 / 11%);--outline-hover: rgb(79 199 140 / 10%);--outline-active: rgb(79 199 140 / 16%);--shadow-surface: 0 20px 48px rgb(0 0 0 / 20%);--shadow-popover: 0 24px 56px rgb(0 0 0 / 32%)}@media(prefers-color-scheme:dark){:is([data-brand=vyapti],[data-theme=vyapti])[data-color-mode=system]{color-scheme:dark;--background: #111412;--foreground: #f4f7f5;--foreground-muted: #a7b0ab;--foreground-subtle: #7f8a84;--card: #181c1a;--card-foreground: #f4f7f5;--primary: var(--vyapti-primary-400);--primary-foreground: var(--vyapti-deep-950);--secondary: #202522;--secondary-foreground: #f4f7f5;--muted: #202522;--muted-foreground: #a7b0ab;--border: rgb(244 247 245 / 10%);--input: rgb(244 247 245 / 18%);--ring: var(--vyapti-primary-400);--surface: #151917;--surface-strong: #202522;--surface-elevated: #1c211e;--overlay: rgb(4 6 5 / 86%);--modal-surface: #1c211e;--popover-surface: #1c211e}}:is([data-brand=vyapti],[data-theme=vyapti]) :where(:lang(ar),[lang|=ar]){font-family:var(--font-arabic-body);font-weight:var(--font-weight-arabic-body);line-height:var(--line-height-arabic-body);letter-spacing:var(--tracking-arabic);text-transform:none}@media(prefers-reduced-motion:reduce){:is([data-brand=vyapti],[data-theme=vyapti]){--motion-duration-press: 0ms;--motion-duration-page: 0ms;--motion-duration-expand: 0ms;--motion-duration-reveal: 0ms;--motion-duration-icon: 0ms;--motion-distance-page: 0;--motion-distance-reveal: 0;--motion-press-scale: 1}}@font-face{font-family:TWK Lausanne;src:url(/assets/TWKLausanne-350-CqO_4glQ.ttf) format("truetype");font-weight:350;font-style:normal;font-display:swap}@font-face{font-family:TWK Lausanne;src:url(/assets/TWKLausanne-500-B1HUgUdL.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:TWK Lausanne;src:url(/assets/TWKLausanne-700-C1oHOF65.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/assets/IBMPlexSansArabic-Regular-CECLw8MI.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/assets/IBMPlexSansArabic-Bold-DtCCNWRv.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Readex Pro;src:url(/assets/ReadexPro-Variable-DEiCs4Xo.ttf) format("truetype-variations");font-weight:200 700;font-style:normal;font-display:swap}:is([data-brand=utopia-cloudblur],[data-theme=utopia-cloudblur]){color-scheme:light;--cloudblur-mist-0: #ffffff;--cloudblur-mist-100: #eef1f5;--cloudblur-mist-200: #dce2e9;--cloudblur-ink-800: #1b2636;--cloudblur-ink-900: #111b2a;--cloudblur-ink-950: #09111d;--cloudblur-cyan-300: #8debf4;--cloudblur-cyan-400: #5dd7e5;--cloudblur-cyan-600: #087f92;--cloudblur-lilac-300: #d5b9f3;--cloudblur-rose-300: #efb4d2;--loading-background: var(--cloudblur-ink-950);--loading-accent: var(--cloudblur-cyan-400);--loading-foreground: var(--cloudblur-mist-0);--background: var(--cloudblur-mist-100);--foreground: var(--cloudblur-ink-900);--foreground-muted: #526071;--foreground-subtle: #748091;--card: rgb(255 255 255 / 72%);--card-foreground: var(--cloudblur-ink-900);--primary: var(--cloudblur-ink-900);--primary-foreground: var(--cloudblur-mist-0);--primary-hover: var(--cloudblur-ink-800);--primary-active: var(--cloudblur-ink-950);--secondary: rgb(255 255 255 / 58%);--secondary-foreground: var(--cloudblur-ink-900);--secondary-hover: rgb(255 255 255 / 78%);--secondary-active: var(--cloudblur-mist-200);--muted: rgb(220 226 233 / 72%);--muted-foreground: #526071;--border: rgb(17 27 42 / 13%);--input: rgb(17 27 42 / 20%);--ring: var(--cloudblur-cyan-600);--surface: rgb(255 255 255 / 46%);--surface-strong: rgb(255 255 255 / 72%);--surface-elevated: rgb(255 255 255 / 88%);--surface-hover: rgb(255 255 255 / 82%);--surface-inverse: var(--cloudblur-ink-900);--inverse-foreground: #f8fbff;--inverse-foreground-muted: #c0cad7;--inverse-foreground-subtle: #94a2b3;--inverse-hover: var(--cloudblur-ink-800);--inverse-focus-ring: var(--cloudblur-cyan-300);--overlay: rgb(9 17 29 / 72%);--modal-surface: #f8fafc;--popover-surface: #f8fafc;--ghost-hover: rgb(17 27 42 / 6%);--ghost-active: rgb(17 27 42 / 10%);--outline-hover: rgb(8 127 146 / 8%);--outline-active: rgb(8 127 146 / 14%);--destructive: #b4233a;--destructive-hover: #951c31;--destructive-active: #781729;--destructive-foreground: #ffffff;--destructive-surface: #fff0f3;--destructive-border: #efb4c0;--destructive-text: #951c31;--warning: #9a5b00;--warning-foreground: #ffffff;--warning-surface: #fff5df;--warning-border: #e5c17c;--warning-text: #754500;--success: #087765;--success-foreground: #ffffff;--success-surface: #e7f8f3;--success-border: #98d7c8;--success-text: #076353;--visualization-series-1: var(--cloudblur-cyan-600);--visualization-series-2: #7667a8;--visualization-series-3: #bb5e8b;--visualization-series-4: #2e6f9f;--visualization-series-5: #8d6b36;--visualization-series-6: #5e7189;--visualization-positive: var(--success-text);--visualization-negative: var(--destructive-text);--visualization-neutral: #667487;--visualization-forecast: var(--cloudblur-cyan-600);--visualization-benchmark: #7f8b9b;--visualization-grid: rgb(17 27 42 / 10%);--cloudblur-feature-surface: rgb(17 27 42 / 54%);--cloudblur-feature-foreground: #f8fbff;--cloudblur-feature-border: rgb(255 255 255 / 32%);--cloudblur-feature-backdrop: blur(64px) saturate(124%);--cloudblur-feature-shadow: 0 26px 72px rgb(9 17 29 / 22%), inset 0 1px 1px rgb(255 255 255 / 26%), inset 0 0 54px rgb(255 255 255 / 5%);--cloudblur-feature-edge-filter: drop-shadow(0 0 20px rgb(255 255 255 / 56%)) drop-shadow(0 0 54px rgb(141 235 244 / 28%));--cloudblur-feature-inner-rim: rgb(255 255 255 / 8%);--cloudblur-bloom-cyan: rgb(93 215 229 / 78%);--cloudblur-bloom-lilac: rgb(213 185 243 / 60%);--cloudblur-bloom-rose: rgb(239 180 210 / 62%);--cloudblur-bloom-filter: blur(62px) saturate(118%);--cloudblur-scrim: linear-gradient(145deg, rgb(255 255 255 / 13%), rgb(255 255 255 / 1%) 48%, rgb(255 255 255 / 7%));--cloudblur-ceramic-glass: transparent;--cloudblur-ceramic-diffusion-tint: transparent;--cloudblur-ceramic-rim: transparent;--cloudblur-ceramic-shadow: 0 30px 90px rgb(15 22 30 / 24%), inset 16px 16px 36px rgb(255 255 255 / 14%), inset -18px -20px 42px rgb(28 36 45 / 12%);--cloudblur-ceramic-light-angle: -45deg;--cloudblur-ceramic-light-strength: .8;--cloudblur-ceramic-refraction: 1;--cloudblur-ceramic-depth: .72;--cloudblur-ceramic-dispersion: 0;--cloudblur-ceramic-frost: 0;--cloudblur-ceramic-splay: .43;--cloudblur-ceramic-layer-blur: 7px;--cloudblur-ceramic-backdrop: blur(var(--cloudblur-ceramic-layer-blur)) contrast(112%);--cloudblur-ceramic-glass-backdrop: blur(18px) saturate(100%) contrast(106%) brightness(108%);--cloudblur-ceramic-media-blur: 13.4px;--cloudblur-ceramic-media-glass: saturate(124%) contrast(108%) brightness(104%);--radius: .875rem;--radius-control: 999px;--radius-surface: 1.75rem;--radius-chat-bubble: 1.25rem;--radius-chat-composer: 1.75rem;--radius-chat-token: 999px;--shadow-surface: 0 18px 50px rgb(35 48 67 / 12%);--shadow-popover: 0 24px 64px rgb(9 17 29 / 18%);--shadow-control: 0 0 0 4px rgb(93 215 229 / 28%);--font-sans: "TWK Lausanne", system-ui, sans-serif;--font-display: "TWK Lausanne", system-ui, sans-serif;--font-ui-support: "TWK Lausanne", system-ui, sans-serif;--font-marketing-display: "TWK Lausanne", system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-arabic: "Readex Pro", "Noto Sans Arabic", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-arabic-body: var(--font-arabic);--font-arabic-display: var(--font-arabic);--font-weight-body: 350;--font-weight-regular: 350;--font-weight-medium: 500;--font-weight-semibold: 500;--font-weight-strong: 700;--font-weight-arabic-body: 300;--font-weight-arabic-display: 500;--font-size-display: clamp(2.75rem, 7vw, 6rem);--font-size-arabic-body: 1rem;--font-size-arabic-body-lg: 1.125rem;--font-size-arabic-display: clamp(2.5rem, 6.2vw, 5.25rem);--line-height-arabic: 1.75;--line-height-arabic-body: 1.85;--line-height-arabic-display: 1.28;--tracking-arabic: 0;--tracking-arabic-display: 0;--motion-duration-press: .11s;--motion-duration-page: .36s;--motion-duration-expand: .28s;--motion-duration-reveal: .42s;--motion-duration-icon: .32s;--motion-ease-standard: cubic-bezier(.2, 0, 0, 1);--motion-ease-emphasized: cubic-bezier(.16, 1, .3, 1);--motion-ease-icon: var(--motion-ease-emphasized);--motion-press-scale: .985;--motion-distance-page: 8px;--motion-distance-reveal: 12px;--icon-system: phosphor;--icon-stroke-width: 1.5;--button-height: 42px;--button-height-sm: 34px;--button-height-lg: 50px;--button-padding-inline: 18px;--button-padding-inline-sm: 14px;--button-padding-inline-lg: 24px;--button-font-size: .875rem;--button-font-size-sm: .8125rem;--button-font-size-lg: 1rem;--button-group-gap: 8px;--button-group-gap-compact: 4px;--badge-padding-block: 4px;--badge-padding-inline: 10px;--badge-font-size: .75rem;--card-padding: 24px;--card-title-size: 1.125rem;--control-height-sm: 2.125rem;--sidebar-width: 17rem;--sidebar-width-collapsed: 4rem;--sidebar-min-block-size: 30rem;--sidebar-rail-size: 8px;--brand-wordmark-filter: none;--z-overlay: 40;--z-popover: 45;--z-modal: 50}:is([data-brand=utopia-cloudblur],[data-theme=utopia-cloudblur])[data-color-mode=light]{color-scheme:light}:is([data-brand=utopia-cloudblur],[data-theme=utopia-cloudblur])[data-color-mode=dark]{color-scheme:dark;--background: var(--cloudblur-ink-950);--foreground: #f3f7fb;--foreground-muted: #b1bdca;--foreground-subtle: #8493a5;--card: rgb(27 38 54 / 74%);--card-foreground: #f3f7fb;--primary: var(--cloudblur-cyan-300);--primary-foreground: var(--cloudblur-ink-950);--primary-hover: #b3f3f8;--primary-active: var(--cloudblur-cyan-400);--secondary: rgb(255 255 255 / 8%);--secondary-foreground: #f3f7fb;--secondary-hover: rgb(255 255 255 / 12%);--secondary-active: rgb(255 255 255 / 16%);--muted: rgb(255 255 255 / 8%);--muted-foreground: #b1bdca;--border: rgb(255 255 255 / 13%);--input: rgb(255 255 255 / 20%);--ring: var(--cloudblur-cyan-300);--surface: rgb(255 255 255 / 5%);--surface-strong: rgb(255 255 255 / 9%);--surface-elevated: rgb(27 38 54 / 92%);--surface-hover: rgb(255 255 255 / 11%);--surface-inverse: #f3f7fb;--inverse-foreground: var(--cloudblur-ink-950);--inverse-foreground-muted: #45566b;--inverse-foreground-subtle: #68798d;--inverse-hover: #e4ebf2;--inverse-focus-ring: var(--cloudblur-cyan-600);--overlay: rgb(3 8 15 / 84%);--modal-surface: #172235;--popover-surface: #172235;--ghost-hover: rgb(255 255 255 / 7%);--ghost-active: rgb(255 255 255 / 11%);--outline-hover: rgb(141 235 244 / 10%);--outline-active: rgb(141 235 244 / 16%);--visualization-grid: rgb(255 255 255 / 10%);--cloudblur-feature-surface: rgb(27 38 54 / 72%);--shadow-surface: 0 20px 56px rgb(0 0 0 / 28%);--shadow-popover: 0 28px 72px rgb(0 0 0 / 38%)}@media(prefers-color-scheme:dark){:is([data-brand=utopia-cloudblur],[data-theme=utopia-cloudblur])[data-color-mode=system]{color-scheme:dark;--background: var(--cloudblur-ink-950);--foreground: #f3f7fb;--card: rgb(27 38 54 / 74%);--card-foreground: #f3f7fb;--primary: var(--cloudblur-cyan-300);--primary-foreground: var(--cloudblur-ink-950);--secondary: rgb(255 255 255 / 8%);--secondary-foreground: #f3f7fb;--muted: rgb(255 255 255 / 8%);--muted-foreground: #b1bdca;--border: rgb(255 255 255 / 13%);--input: rgb(255 255 255 / 20%);--ring: var(--cloudblur-cyan-300);--surface: rgb(255 255 255 / 5%);--surface-strong: rgb(255 255 255 / 9%);--surface-elevated: rgb(27 38 54 / 92%);--overlay: rgb(3 8 15 / 84%);--modal-surface: #172235;--popover-surface: #172235}}:is([data-brand=utopia-cloudblur],[data-theme=utopia-cloudblur]) :where(:lang(ar),[lang|=ar]){font-family:var(--font-arabic-body);font-weight:var(--font-weight-arabic-body);line-height:var(--line-height-arabic-body);letter-spacing:var(--tracking-arabic);text-transform:none;font-variant-numeric:lining-nums tabular-nums;font-synthesis-weight:none}:is([data-brand=utopia-cloudblur],[data-theme=utopia-cloudblur]) :where(:lang(ar),[lang|=ar]) :is(h1,h2,.display,[data-slot=display]){font-family:var(--font-arabic-display);font-weight:var(--font-weight-arabic-display);font-size:var(--font-size-arabic-display);line-height:var(--line-height-arabic-display);letter-spacing:var(--tracking-arabic-display)}:is([data-brand=utopia-cloudblur],[data-theme=utopia-cloudblur]) :where(:lang(ar),[lang|=ar]) :is(code,kbd,samp,[dir=ltr]){font-family:var(--font-mono, ui-monospace),var(--font-sans)}@media(prefers-reduced-motion:reduce){:is([data-brand=utopia-cloudblur],[data-theme=utopia-cloudblur]){--motion-duration-press: 0ms;--motion-duration-page: 0ms;--motion-duration-expand: 0ms;--motion-duration-reveal: 0ms;--motion-duration-icon: 0ms;--motion-distance-page: 0;--motion-distance-reveal: 0;--motion-press-scale: 1}}:is([data-brand=prism-mono],[data-theme=prism-mono]){--background: #f8f8f6;--foreground: #090909;--card: #fff;--card-foreground: #090909;--primary: #090909;--primary-foreground: #fff;--secondary: #ececea;--secondary-foreground: #090909;--muted: #e4e4e0;--muted-foreground: #5f5f5a;--border: #cacac5;--input: #a9a9a3;--ring: #1a73e8;--surface: #fff;--surface-soft: #f1f1ee;--surface-strong: #090909;--surface-foreground: #090909;--overlay: rgb(9 9 9 / 82%);--modal-surface: #fff;--popover-surface: #fff;--success: #137333;--warning: #8a5a00;--destructive: #b3261e;--info: #1558d6;--visualization-1: #4285f4;--visualization-2: #ea4335;--visualization-3: #fbbc04;--visualization-4: #34a853;--visualization-5: #090909;--visualization-6: #777772;--prism-spectrum: linear-gradient(90deg, #ea4335, #fbbc04, #34a853, #4285f4);--loading-background: #f8f8f6;--loading-accent: #1a73e8;--loading-foreground: #090909;--radius: 14px;--radius-control: 999px;--radius-surface: 24px;--radius-chat-bubble: 20px;--radius-chat-composer: 28px;--radius-chat-token: 14px;--shadow-control: 0 1px 0 rgb(0 0 0 / 8%);--shadow-surface: 0 20px 60px rgb(0 0 0 / 8%);--font-sans: "TWK Lausanne", Arial, sans-serif;--font-display: "TWK Lausanne", Arial, sans-serif;--font-ui-support: "TWK Lausanne", Arial, sans-serif;--font-marketing-display: "TWK Lausanne", Arial, sans-serif;--font-arabic: "IBM Plex Sans Arabic", Arial, sans-serif;--font-arabic-body: "IBM Plex Sans Arabic", Arial, sans-serif;--font-arabic-display: "IBM Plex Sans Arabic", Arial, sans-serif;--font-weight-arabic-body: 400;--font-weight-arabic-display: 700;--font-size-display: clamp(2.75rem, 7vw, 5.75rem);--font-size-arabic-body: 16px;--font-size-arabic-body-lg: 19px;--font-size-arabic-display: clamp(2.6rem, 6.6vw, 5.4rem);--line-height-arabic: 1.75;--line-height-arabic-body: 1.75;--line-height-arabic-display: 1.16;--tracking-arabic: 0;--tracking-arabic-display: 0;--motion-duration-press: 90ms;--motion-duration-page: .18s;--motion-duration-expand: .18s;--motion-duration-reveal: .22s;--motion-duration-icon: .28s;--motion-ease-standard: cubic-bezier(.2, 0, 0, 1);--motion-ease-emphasized: cubic-bezier(.16, 1, .3, 1);--motion-ease-icon: cubic-bezier(.16, 1, .3, 1);--motion-press-scale: .98;--motion-distance-page: 6px;--motion-distance-reveal: 8px;--sidebar-width: 17rem;--control-height-sm: 2rem;--sidebar-width-collapsed: 4rem;--sidebar-min-block-size: 30rem;--sidebar-rail-size: 8px;--button-height: 40px;--card-padding: 24px}:is([data-brand=prism-mono],[data-theme=prism-mono])[data-color-mode=dark]{--background: #090909;--foreground: #f8f8f6;--card: #151515;--card-foreground: #f8f8f6;--primary: #f8f8f6;--primary-foreground: #090909;--secondary: #242424;--secondary-foreground: #f8f8f6;--muted: #1d1d1d;--muted-foreground: #b8b8b2;--border: #3f3f3b;--input: #686862;--modal-surface: #151515;--popover-surface: #151515}:is([data-brand=prism-mono],[data-theme=prism-mono])[dir=rtl]{--font-sans: var(--font-arabic-body);--font-display: var(--font-arabic-display);letter-spacing:0}@media(prefers-reduced-motion:reduce){:is([data-brand=prism-mono],[data-theme=prism-mono]){--motion-duration-press: 0ms;--motion-duration-page: 0ms;--motion-duration-expand: 0ms;--motion-duration-reveal: 0ms;--motion-duration-icon: 0ms;--motion-press-scale: 1;--motion-distance-page: 0px;--motion-distance-reveal: 0px}}:is([data-brand=y2k-pop],[data-theme=y2k-pop]){--background: #fff6fd;--foreground: #35144f;--card: #fff;--card-foreground: #35144f;--primary: #6c2bd9;--primary-foreground: #fff;--secondary: #ffd4f0;--secondary-foreground: #35144f;--muted: #efe5fa;--muted-foreground: #725e81;--border: #8b68a5;--input: #8b68a5;--ring: #6c2bd9;--surface: #fff;--surface-soft: #f7e8ff;--surface-strong: #35144f;--surface-foreground: #35144f;--overlay: rgb(53 20 79 / 74%);--modal-surface: #fff;--popover-surface: #fff;--success: #217a4a;--warning: #865d00;--destructive: #bd245d;--info: #3856c8;--visualization-1: #6c2bd9;--visualization-2: #ff66b7;--visualization-3: #16a8c7;--visualization-4: #619b14;--visualization-5: #d29400;--visualization-6: #8b68a5;--loading-background: #fff6fd;--loading-accent: #6c2bd9;--loading-foreground: #35144f;--radius: 22px;--radius-control: 999px;--radius-surface: 32px;--radius-chat-bubble: 26px;--radius-chat-composer: 32px;--radius-chat-token: 18px;--shadow-control: 3px 3px 0 #35144f;--shadow-surface: 8px 8px 0 rgb(53 20 79 / 18%);--font-sans: "TWK Lausanne", Arial, sans-serif;--font-display: "TWK Lausanne", Arial, sans-serif;--font-ui-support: "TWK Lausanne", Arial, sans-serif;--font-marketing-display: "TWK Lausanne", Arial, sans-serif;--font-arabic: "IBM Plex Sans Arabic", Arial, sans-serif;--font-arabic-body: "IBM Plex Sans Arabic", Arial, sans-serif;--font-arabic-display: "IBM Plex Sans Arabic", Arial, sans-serif;--font-weight-arabic-body: 400;--font-weight-arabic-display: 700;--font-size-display: clamp(2.75rem, 7.4vw, 6rem);--font-size-arabic-body: 16px;--font-size-arabic-body-lg: 19px;--font-size-arabic-display: clamp(2.6rem, 7vw, 5.6rem);--line-height-arabic: 1.75;--line-height-arabic-body: 1.75;--line-height-arabic-display: 1.18;--tracking-arabic: 0;--tracking-arabic-display: 0;--motion-duration-press: 90ms;--motion-duration-page: .18s;--motion-duration-expand: .2s;--motion-duration-reveal: .24s;--motion-duration-icon: .3s;--motion-ease-standard: cubic-bezier(.2, 0, 0, 1);--motion-ease-emphasized: cubic-bezier(.2, 1.35, .4, 1);--motion-ease-icon: cubic-bezier(.2, 1.35, .4, 1);--motion-press-scale: .96;--motion-distance-page: 8px;--motion-distance-reveal: 12px;--sidebar-width: 17rem;--control-height-sm: 2rem;--sidebar-width-collapsed: 4rem;--sidebar-min-block-size: 30rem;--sidebar-rail-size: 8px;--button-height: 42px;--card-padding: 24px}:is([data-brand=y2k-pop],[data-theme=y2k-pop])[data-color-mode=dark]{--background: #21102f;--foreground: #fff6fd;--card: #321943;--card-foreground: #fff6fd;--primary: #d9c1ff;--primary-foreground: #21102f;--secondary: #5d2855;--secondary-foreground: #fff6fd;--muted: #432351;--muted-foreground: #dcc8e7;--border: #a987be;--input: #b69aca;--modal-surface: #321943;--popover-surface: #321943}:is([data-brand=y2k-pop],[data-theme=y2k-pop])[dir=rtl]{--font-sans: var(--font-arabic-body);--font-display: var(--font-arabic-display);letter-spacing:0}@media(prefers-reduced-motion:reduce){:is([data-brand=y2k-pop],[data-theme=y2k-pop]){--motion-duration-page: 0ms;--motion-duration-reveal: 0ms}}.sr-only{position:absolute!important;inline-size:1px!important;block-size:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}html[data-theme-transition=running]::view-transition-old(root),html[data-theme-transition=running]::view-transition-new(root){animation-fill-mode:both;mix-blend-mode:normal}html[data-theme-transition=running]::view-transition-old(root){z-index:0;animation-name:ceramic-theme-out;animation-duration:var(--motion-duration-expand);animation-timing-function:var(--motion-ease-standard)}html[data-theme-transition=running]::view-transition-new(root){z-index:1;animation-name:ceramic-theme-in;animation-duration:var(--motion-duration-page);animation-timing-function:var(--motion-ease-emphasized)}html[data-theme-transition=running] body,html[data-theme-transition=running] .app-shell,html[data-theme-transition=running] .app-shell *{transition-property:color,background-color,border-color,outline-color,box-shadow,border-radius,fill,stroke;transition-duration:var(--motion-duration-page);transition-timing-function:var(--motion-ease-emphasized)}html[data-theme-transition=running] .app-sidebar-brand-home img{transition:filter var(--motion-duration-page) var(--motion-ease-emphasized)}@keyframes ceramic-theme-out{to{opacity:0;transform:scale(.997)}}@keyframes ceramic-theme-in{0%{opacity:.28;transform:scale(1.003)}}@media(prefers-reduced-motion:reduce){html[data-theme-transition=running] body,html[data-theme-transition=running] .app-shell,html[data-theme-transition=running] .app-shell *,html[data-theme-transition=running] .app-sidebar-brand-home img{animation-duration:0ms;transition-duration:0ms}}.home-shell{display:block;min-block-size:100vh;background:var(--background)}.home-shell .app-sidebar,.home-shell .toc{display:none}.home-shell .topbar{--home-topbar-bg: rgb(5 5 5 / 96%);--home-topbar-border: rgb(255 255 255 / 12%);--home-topbar-fg: #fff;--home-topbar-muted: rgb(255 255 255 / 76%);--home-topbar-soft: rgb(255 255 255 / 12%);--home-topbar-active: rgb(255 255 255 / 13%);--home-topbar-control-bg: #fff;--home-topbar-control-fg: #080808;--home-topbar-focus: rgb(255 255 255 / 68%);position:fixed;inset-block-start:22px;inset-inline-start:max(22px,calc((100vw - 1228px)/2));inset-inline-end:auto;z-index:30;grid-template-columns:auto auto auto;gap:18px;inline-size:max-content;max-inline-size:calc(100vw - 44px);min-block-size:76px;border:1px solid var(--home-topbar-border);border-radius:999px;background:var(--home-topbar-bg);color:var(--home-topbar-fg);box-shadow:0 12px 34px #0000002e;padding-inline:20px;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background-color .52s cubic-bezier(.16,1,.3,1),border-color .52s cubic-bezier(.16,1,.3,1),color .52s cubic-bezier(.16,1,.3,1),box-shadow .42s cubic-bezier(.16,1,.3,1)}.home-shell .topbar[data-tone=light]{--home-topbar-bg: rgb(255 255 255 / 98%);--home-topbar-border: rgb(8 8 8 / 12%);--home-topbar-fg: #080808;--home-topbar-muted: rgb(8 8 8 / 72%);--home-topbar-soft: rgb(8 8 8 / 9%);--home-topbar-active: rgb(8 8 8 / 10%);--home-topbar-control-bg: #080808;--home-topbar-control-fg: #fff;--home-topbar-focus: rgb(8 8 8 / 52%);box-shadow:0 12px 34px #00000021}.home-shell .topbar-brand{text-decoration:none}.home-shell .topbar-brand-mark{display:grid;inline-size:72px;block-size:32px;place-items:center}.home-shell .topbar-brand-mark img{inline-size:100%;block-size:100%;object-fit:contain;opacity:1}.home-shell .topbar-brand .uds-top-nav-heading-icon{inline-size:68px;block-size:30px}.home-shell .topbar-brand .uds-top-nav-heading-label{font-size:16px}.home-shell .topbar-brand .uds-top-nav-heading-subtitle{color:var(--foreground-muted);font-size:12px}.home-shell .topbar-brand .uds-top-nav-heading-icon>img{opacity:1}.home-shell .topbar-nav .uds-top-nav{justify-content:flex-start;gap:2px}.home-shell .topbar-nav.uds-top-nav-root{justify-self:start}.home-shell .topbar-nav .uds-top-nav-item{position:relative;display:inline-flex;min-block-size:38px;place-items:initial;align-items:center;border-radius:999px;background:transparent;padding-inline:13px;color:var(--home-topbar-muted);font-size:14px;font-weight:var(--font-weight-medium);letter-spacing:0;text-transform:none;transition:background-color .42s cubic-bezier(.16,1,.3,1),color .42s cubic-bezier(.16,1,.3,1)}.home-shell .topbar-nav .uds-top-nav-item[aria-current=page]{background:var(--home-topbar-active);box-shadow:none;color:var(--home-topbar-fg)}.home-shell .topbar-nav .uds-top-nav-item[aria-current=page]:after{display:none;content:none}.home-shell .topbar-nav .uds-top-nav-item:hover,.home-shell .topbar-nav .uds-top-nav-item:focus-visible{background:var(--home-topbar-soft);color:var(--home-topbar-fg)}.home-shell .topbar-nav-label{position:relative;display:grid;overflow:hidden;align-items:center;block-size:1.25em;line-height:1.25;perspective:220px}.app-shell.home-shell[dir=rtl] .topbar-nav-label{block-size:1.85em;line-height:1.85}.home-shell .topbar-nav-label__primary,.home-shell .topbar-nav-label__secondary{grid-area:1 / 1;display:block;transform-origin:50% 50%;transition:opacity .3s cubic-bezier(.25,1,.5,1),transform .34s cubic-bezier(.25,1,.5,1);will-change:transform,opacity}.home-shell .topbar-nav-label__primary{opacity:1;transform:translateY(0) rotateX(0)}.home-shell .topbar-nav-label__secondary{opacity:0;transform:translateY(104%) rotateX(-34deg)}@media(min-width:641px)and (hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.home-shell .topbar:hover,.home-shell .topbar:focus-within{box-shadow:0 34px 88px #00000061,0 10px 24px #23140e38,inset 0 1px var(--home-topbar-soft)}.home-shell .topbar-nav .uds-top-nav-item:hover .topbar-nav-label__primary,.home-shell .topbar-nav .uds-top-nav-item:focus-visible .topbar-nav-label__primary{opacity:0;transform:translateY(-104%) rotateX(34deg);transition-duration:.38s,.44s}.home-shell .topbar-nav .uds-top-nav-item:hover .topbar-nav-label__secondary,.home-shell .topbar-nav .uds-top-nav-item:focus-visible .topbar-nav-label__secondary{opacity:1;transform:translateY(0) rotateX(0);transition-delay:45ms;transition-duration:.42s,.48s}}.home-shell .topbar-search{flex:0 0 42px;inline-size:42px;block-size:42px;min-block-size:42px;aspect-ratio:1;justify-content:center;border:0;border-radius:50%;background:var(--home-topbar-soft);color:var(--home-topbar-fg);padding:0;transition:background-color .42s cubic-bezier(.16,1,.3,1),color .42s cubic-bezier(.16,1,.3,1)}.home-shell .topbar-search span,.home-shell .topbar-search kbd,.home-shell .locale-switch>span{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.home-shell .locale-switch .uds-select-trigger{min-block-size:46px;border-color:var(--home-topbar-control-bg);border-radius:999px;background-color:var(--home-topbar-control-bg);color:var(--home-topbar-control-fg);font-weight:var(--font-weight-medium);transition:background-color .42s cubic-bezier(.16,1,.3,1),border-color .42s cubic-bezier(.16,1,.3,1),color .42s cubic-bezier(.16,1,.3,1)}.home-shell .topbar-account{display:inline-grid;flex:none;inline-size:40px;block-size:40px;place-items:center;border-radius:50%;background:var(--home-topbar-soft);color:var(--home-topbar-fg);transition:background-color .42s cubic-bezier(.16,1,.3,1),color .42s cubic-bezier(.16,1,.3,1)}.home-shell .topbar-account .utopia-sign-in,.home-shell .topbar-account .utopia-user-avatar{inline-size:40px;block-size:40px;min-block-size:40px}.home-shell .topbar-account .utopia-account-control[data-state=unavailable]{display:inline-grid;inline-size:40px;block-size:40px;place-items:center;color:inherit;opacity:1}.home-mobile-menu-trigger{display:none}.home-mobile-menu{align-content:start;inset-block:12px auto;inset-inline-end:12px;inline-size:min(calc(100vw - 24px),22rem);max-inline-size:calc(100vw - 24px);max-block-size:calc(100svh - 24px);overflow-y:auto;overscroll-behavior:contain;border-radius:32px;border-color:var(--border);background:var(--popover-surface);color:var(--foreground);gap:16px;padding:20px;box-shadow:var(--shadow-popover);-webkit-backdrop-filter:blur(28px) saturate(1.08);backdrop-filter:blur(28px) saturate(1.08)}.home-mobile-menu__nav{display:grid;gap:8px}.home-mobile-menu__nav a{display:flex;align-items:center;min-block-size:48px;border-radius:var(--radius-control);padding-inline:20px;color:var(--foreground);font-size:16px;font-weight:var(--font-weight-medium);text-decoration:none}.home-mobile-menu__nav a[aria-current=page]{outline:var(--border-width-hairline) solid var(--interaction-selection-border);outline-offset:calc(-1 * var(--border-width-hairline));background:var(--interaction-selection-surface);color:var(--foreground)}.home-mobile-menu__nav a:hover,.home-mobile-menu__nav a:focus-visible{background:var(--surface-hover)}.home-mobile-menu__nav a[aria-current=page]:hover,.home-mobile-menu__nav a[aria-current=page]:focus-visible{background:var(--interaction-selection-surface)}.home-mobile-menu__locale{display:grid;gap:8px;margin-block-start:8px;color:var(--foreground-muted);font-size:13px}.home-mobile-menu__search{display:flex;align-items:center;gap:var(--space-3);min-block-size:48px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--background);padding-inline:16px;color:var(--foreground);font:inherit;cursor:pointer}.home-mobile-menu__search:hover,.home-mobile-menu__search:focus-visible{background:var(--surface-hover)}.home-mobile-menu__search:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:var(--focus-ring-offset)}.home-mobile-menu__search svg{inline-size:18px;block-size:18px}.home-mobile-menu__locale .uds-select-trigger{inline-size:100%;min-block-size:48px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--background);padding-inline:16px;color:var(--foreground);font:inherit}.home-mobile-menu__account{display:flex;justify-content:flex-end;margin-block-start:4px;border-block-start:1px solid var(--border);padding-block-start:16px}.home-mobile-menu__nav a:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:var(--focus-ring-offset)}@media(prefers-reduced-transparency:reduce){.home-mobile-menu{background:var(--modal-surface);-webkit-backdrop-filter:none;backdrop-filter:none}}.home-shell .app-main{display:block;min-inline-size:0}.home-content-frame{inline-size:100%;max-inline-size:none;margin:0;padding:0}.home-page{overflow:clip;background:var(--background);color:var(--foreground)}.home-stage{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:clamp(14px,2vh,24px);align-items:center;min-block-size:max(800px,100svh);overflow:hidden;padding:clamp(126px,15vh,154px) 24px 34px}.home-visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.home-stage__media{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden}.home-video-morph,.home-video-morph__fallback,.home-video-morph__canvas{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%}.home-video-morph{overflow:hidden;background:#baa086 url(/media/utopia-waterfront-oryx-poster.webp) center / cover no-repeat}.home-video-morph__fallback{z-index:0;object-fit:cover;object-position:50% 50%}.home-video-morph__canvas{z-index:1;display:block;opacity:0;transition:opacity .6s ease;will-change:opacity}.home-video-morph.is-ready .home-video-morph__canvas{opacity:1}.home-hero-copy{position:relative;z-index:2;display:grid;justify-items:center;gap:18px;inline-size:min(100%,940px);margin-inline:auto;text-align:center}.home-hero-eyebrow,.home-hero-copy h1,.home-hero-body{margin:0}.home-hero-eyebrow{color:var(--foreground-muted);font-size:12px;font-weight:var(--font-weight-medium);letter-spacing:.12em;text-transform:uppercase}.home-hero-copy h1{max-inline-size:16ch;color:var(--foreground);font-family:var(--font-display);font-size:clamp(3rem,6vw,5.3rem);font-weight:var(--font-weight-regular);letter-spacing:-.055em;line-height:.96;text-wrap:balance}.home-hero-body{max-inline-size:66ch;color:var(--foreground-muted);font-size:clamp(15px,1.5vw,18px);line-height:1.55;text-wrap:balance}.home-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-block-start:2px}.home-button{display:inline-flex;align-items:center;justify-content:center;min-block-size:48px;border:1px solid var(--border);border-radius:var(--radius-control);padding-inline:24px;font-size:14px;font-weight:var(--font-weight-medium);text-decoration:none;transition:transform var(--motion-duration-press) var(--motion-ease-standard),background-color var(--motion-duration-press) var(--motion-ease-standard)}.home-button:hover{transform:translateY(-2px)}.home-button:active{transform:scale(var(--motion-press-scale))}.home-button:focus-visible,.home-scroll-cue:focus-visible,.home-feature:focus-visible,.home-proof a:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:var(--focus-ring-offset)}.home-button--primary{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.home-button--primary:hover{background:var(--primary-hover)}.home-button--secondary{background:#ffffffad;color:var(--foreground);box-shadow:var(--shadow-surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.home-signature-shell{position:relative;z-index:10;display:grid;place-items:center;inline-size:min(100%,760px);min-inline-size:0;margin-inline:auto}.home-signature-shell .cloudblur-signature-stage{inline-size:100%;min-block-size:390px}.home-signature-shell .cloudblur-signal-card{inline-size:min(100%,37rem)}.home-scroll-cue{position:relative;z-index:10;display:inline-flex;align-items:center;justify-self:center;gap:8px;min-block-size:46px;border-radius:var(--radius-control);padding-inline:14px;color:var(--foreground-muted);font-size:13px;text-decoration:none}.home-scroll-cue svg{inline-size:16px;block-size:16px}.home-gallery-transition{--home-gallery-background: oklch(14% .008 65);--home-gallery-foreground: oklch(96% .008 75);--home-gallery-muted: oklch(76% .012 72);--home-gallery-subtle: oklch(62% .012 72);position:relative;min-block-size:320svh;background:var(--home-gallery-background);color:var(--home-gallery-foreground);isolation:isolate}.home-gallery__sticky{position:sticky;inset-block-start:0;min-block-size:max(720px,100svh);overflow:hidden;padding:0}.home-gallery__anchor{position:absolute;inset-block-start:100svh}.home-gallery__background,.home-gallery__darkness{position:absolute;top:0;right:0;bottom:0;left:0}.home-gallery__background{z-index:0;overflow:hidden;transform-origin:center;will-change:transform}.home-gallery__darkness{z-index:1;background:var(--home-gallery-background);will-change:opacity}.home-gallery__ambient{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 74%,oklch(72% .018 70 / 12%),transparent 24%),radial-gradient(circle at 72% 40%,oklch(66% .035 63 / 11%),transparent 28%),linear-gradient(145deg,oklch(96% .008 75 / 2%),transparent 42%);opacity:.72;pointer-events:none}.home-gallery__sticky>.home-signature-shell{position:absolute;z-index:3;inset-block-start:50%;left:50%;margin:0;translate:-50% -50%}.home-gallery__sticky>.home-scroll-cue{position:absolute;z-index:6;inset-block-end:22px;left:50%;color:var(--home-gallery-foreground);translate:-50% 0;will-change:opacity}.home-gallery__card,.home-gallery__center{position:absolute;inset-block-start:47%;left:50%;margin:0;translate:-50% -50%;transform-origin:center;pointer-events:none;will-change:transform,opacity}.home-gallery__card{overflow:hidden;border:1px solid rgb(255 255 255 / 10%);background:#ffffff0a;box-shadow:0 38px 96px #00000061}.home-gallery__card img,.home-gallery__center-media img{display:block;inline-size:100%;block-size:100%;object-fit:cover}.home-gallery__card--side{z-index:3;inline-size:min(24vw,340px);aspect-ratio:4 / 5;border-radius:clamp(28px,3vw,48px);filter:blur(2px) saturate(.68) brightness(.58)}.home-gallery__card--left{-webkit-mask-image:linear-gradient(to right,transparent 0%,rgb(0 0 0 / 38%) 26%,#000 68%);mask-image:linear-gradient(to right,transparent 0%,rgb(0 0 0 / 38%) 26%,#000 68%);rotate:-3deg}.home-gallery__card--right{-webkit-mask-image:linear-gradient(to left,transparent 0%,rgb(0 0 0 / 38%) 26%,#000 68%);mask-image:linear-gradient(to left,transparent 0%,rgb(0 0 0 / 38%) 26%,#000 68%);rotate:3deg}.home-gallery__edge-fade{position:absolute;z-index:4;inset-block:0;inline-size:clamp(90px,18vw,320px);opacity:0;pointer-events:none;visibility:hidden;-webkit-backdrop-filter:blur(18px) brightness(.68);backdrop-filter:blur(18px) brightness(.68);transition:opacity .36s cubic-bezier(.16,1,.3,1),visibility 0s linear .36s}.home-gallery-transition[data-carousel-active=true] .home-gallery__edge-fade{opacity:1;visibility:visible;transition-delay:0s}.home-gallery__edge-fade--left{left:0;background:linear-gradient(to right,var(--home-gallery-background) 8%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0%,rgb(0 0 0 / 78%) 45%,transparent 100%);mask-image:linear-gradient(to right,#000 0%,rgb(0 0 0 / 78%) 45%,transparent 100%)}.home-gallery__edge-fade--right{right:0;background:linear-gradient(to left,var(--home-gallery-background) 8%,transparent 100%);-webkit-mask-image:linear-gradient(to left,#000 0%,rgb(0 0 0 / 78%) 45%,transparent 100%);mask-image:linear-gradient(to left,#000 0%,rgb(0 0 0 / 78%) 45%,transparent 100%)}.home-gallery__center{z-index:5;display:grid;justify-items:center;gap:24px;inline-size:min(48vw,700px)}@media(min-width:821px){.home-gallery__center{inset-block-start:calc(47% + clamp(40px,5svh,56px))}}.home-gallery__center-media{overflow:hidden;inline-size:100%;aspect-ratio:16 / 10;border:1px solid rgb(255 255 255 / 13%);border-radius:clamp(38px,4vw,68px);background:#ffffff0d;box-shadow:0 44px 120px #00000070,inset 0 1px #ffffff1f}.home-gallery__center-media img{object-position:50% 57%}.home-gallery__controls{position:relative;z-index:7;display:flex;justify-content:center;gap:10px;pointer-events:auto}.home-gallery__controls button{display:inline-grid;inline-size:48px;block-size:48px;border:1px solid rgb(255 255 255 / 9%);border-radius:999px;background:#ffffff1a;box-shadow:0 12px 30px #0000003d;color:var(--home-gallery-foreground);cursor:pointer;place-items:center;transition:background-color .18s ease,scale .18s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.home-gallery__controls button:hover{background:#ffffff2b;scale:1.04}.home-gallery__controls button:focus-visible{outline:var(--focus-ring-width) solid var(--home-gallery-foreground);outline-offset:var(--focus-ring-offset)}.home-gallery__controls button svg{inline-size:18px;block-size:18px}.home-gallery__copy{display:grid;justify-items:center;gap:10px;max-inline-size:44rem;text-align:center}.home-gallery__copy p,.home-gallery__copy h2,.home-gallery__copy span{margin:0}.home-gallery__copy p{color:var(--home-gallery-subtle);font-size:11px;font-weight:var(--font-weight-medium);letter-spacing:.12em;text-transform:uppercase}.home-gallery__copy h2{max-inline-size:16ch;font-family:var(--font-display);font-size:clamp(2.3rem,4.4vw,4.6rem);font-weight:var(--font-weight-medium);letter-spacing:-.052em;line-height:.96;text-wrap:balance}.home-gallery__copy span{max-inline-size:58ch;color:var(--home-gallery-muted);font-size:15px;line-height:1.55;text-wrap:balance}.home-foundations-stage{position:relative;z-index:8;inline-size:100%}.home-foundations{display:grid;align-content:start;inline-size:100%;min-block-size:82svh;margin:34px 0 0;border-radius:0;background:color-mix(in srgb,var(--background) 94%,var(--foreground) 6%);box-shadow:0 -28px 80px #00000024;overflow:hidden;padding:clamp(64px,7vw,104px) clamp(24px,5vw,72px) clamp(72px,9vw,132px)}@media(min-width:821px)and (prefers-reduced-motion:no-preference){.home-gallery-transition{min-block-size:600svh}.home-foundations-stage{min-block-size:175svh;margin-block-start:-100svh}.home-foundations{position:sticky;inset-block-start:0;align-content:center;block-size:100svh;min-block-size:0;margin-block-start:0}}.home-section-heading{display:block;inline-size:100%;text-wrap:balance}.home-section-heading>p{display:none}.home-section-heading h2{display:inline;margin:0;color:var(--foreground);font-family:"TWK Lausanne",var(--font-sans);font-size:clamp(3rem,min(5.35vw,8.4svh),5.8rem);font-weight:var(--font-weight-regular);letter-spacing:-.045em;line-height:1.06}.home-section-heading>span{display:inline;margin-inline-start:.12em;color:var(--foreground-muted);font-family:"TWK Lausanne",var(--font-sans);font-size:clamp(3rem,min(5.35vw,8.4svh),5.8rem);font-weight:var(--font-weight-regular);letter-spacing:-.045em;line-height:1.06}.home-section-heading:lang(ar) h2,.home-section-heading:lang(ar)>span{font-family:var(--font-arabic-display);letter-spacing:0;line-height:1.14}.home-foundations__word-clip{position:relative;display:inline-block;overflow:visible;padding-block:.04em .12em;vertical-align:baseline}.home-foundations__word-base,.home-foundations__word-reveal{display:block}.home-foundations__word-base{color:var(--foreground-muted);opacity:.32}.home-foundations__word-reveal{position:absolute;inset-block-start:.04em;inset-inline:0;color:var(--foreground);transform-origin:50% 100%;will-change:transform,opacity}.home-foundations[data-reduced-motion=true] .home-foundations__word-base{opacity:0}.home-foundations[data-reduced-motion=true] .home-foundations__word-reveal{will-change:auto}.home-features{--home-feature-card-height: clamp(460px, 32vw, 600px);--home-feature-sticky-top: clamp( 112px, 34svh, calc(100svh - var(--home-feature-card-height) - 16px) );display:grid;grid-template-columns:minmax(300px,.34fr) minmax(0,1fr);gap:clamp(36px,4.2vw,72px);align-items:start;inline-size:min(calc(100% - 64px),1840px);margin:34px auto 0;padding-block:clamp(72px,9vw,128px)}.home-feature-rail{position:sticky;inset-block-start:var(--home-feature-sticky-top);display:grid;gap:28px}@media(min-width:821px){.home-feature-rail{align-content:start;block-size:var(--home-feature-card-height)}}.home-feature-rail>p{margin:0;color:var(--foreground-muted);font-size:13px;font-weight:var(--font-weight-medium);letter-spacing:.1em;text-transform:uppercase}.home-feature-rail ol{display:grid;gap:24px;margin:0;padding:0;list-style:none}.home-feature-rail button{display:grid;grid-template-columns:2.35rem minmax(0,1fr);gap:12px;align-items:start;inline-size:100%;border:0;background:transparent;color:var(--foreground-subtle);cursor:pointer;font:inherit;text-align:start;text-decoration:none;transition:color .18s var(--motion-ease-standard)}.home-feature-rail button[aria-current=step]{color:var(--foreground)}.home-feature-rail button:focus-visible{border-radius:var(--radius-control);outline:var(--focus-ring-width) solid var(--ring);outline-offset:var(--focus-ring-offset)}.home-feature-rail button small{padding-block-start:.42em;color:var(--foreground-muted);font-size:12px}.home-feature-rail button span{max-inline-size:16ch;font-family:"TWK Lausanne",var(--font-sans);font-size:clamp(1.65rem,2.1vw,2.4rem);font-weight:var(--font-weight-regular);letter-spacing:-.042em;line-height:1.04}.home-feature-stack{display:grid;gap:28px;min-inline-size:0}.home-feature-stack:after{display:block;block-size:max(0px,calc(28svh - 28px));content:""}.home-feature-slide{position:sticky;inset-block-start:var(--home-feature-sticky-top);z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.92fr);grid-template-rows:auto minmax(0,1fr);gap:14px 20px;block-size:var(--home-feature-card-height);min-block-size:0;overflow:hidden;border:1px solid var(--border);border-radius:calc(var(--radius-surface) + 10px);background:var(--background);opacity:1;isolation:isolate;box-shadow:0 24px 70px #0f172a24;padding:16px;color:var(--foreground);text-decoration:none;transform-origin:center bottom}.home-feature-slide[data-departed=true]{opacity:0!important;pointer-events:none;transform:translateY(-32px) scale(.988)!important;transition:opacity .42s var(--motion-ease-standard),transform .68s var(--motion-ease-emphasized)}.home-feature-slide:nth-child(2){z-index:2;margin-block-end:clamp(112px,14svh,172px)}.home-feature-slide:nth-child(3){z-index:3}.home-feature-slide:nth-child(4){z-index:4}@media(min-width:821px){.home-feature-slide:nth-child(4){grid-template-columns:minmax(220px,.68fr) minmax(0,1.32fr)}}.home-feature-slide__number{grid-column:2;grid-row:1;align-self:start;color:var(--foreground-subtle);font-size:13px;font-weight:var(--font-weight-medium)}.home-feature-slide__badge{grid-column:2;grid-row:1;display:inline-flex;align-items:center;justify-self:end;gap:8px;max-inline-size:15rem;border-radius:999px;background:var(--foreground);padding:7px 12px 7px 8px;color:var(--background);font-size:12px;font-weight:var(--font-weight-medium)}.home-feature-slide__badge>svg{inline-size:24px;block-size:24px;border-radius:8px;background:#ffffff1f;padding:5px}.home-feature-slide__badge>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-feature-slide__media{grid-column:1;grid-row:1 / 3;min-block-size:0;overflow:hidden;border-radius:var(--radius-surface);background:var(--surface)}.home-feature-slide[data-layout=media-end] .home-feature-slide__media{grid-column:2}.home-feature-slide[data-layout=media-end] .home-feature-slide__number,.home-feature-slide[data-layout=media-end] .home-feature-slide__copy{grid-column:1}.home-feature-slide[data-layout=media-end] .home-feature-slide__badge{grid-column:1;grid-row:1}.home-feature-slide__media img{display:block;inline-size:100%;block-size:100%;object-fit:cover;transition:scale .62s var(--motion-ease-standard)}.home-feature-slide:first-child .home-feature-slide__media img{object-fit:contain;object-position:center top}.home-feature-slide:nth-child(2) .home-feature-slide__media img{object-fit:contain;object-position:center}.home-feature-slide:nth-child(4) .home-feature-slide__media img{object-fit:cover;object-position:left top}.home-feature-slide:hover .home-feature-slide__media img{scale:1.035}.home-feature-slide__copy{grid-column:2;grid-row:2;align-self:end;display:grid;gap:10px;padding:clamp(16px,2.2vw,28px) clamp(8px,1.7vw,20px) 10px}.home-feature-slide__copy strong{max-inline-size:16ch;font-family:var(--font-display);font-size:clamp(1.55rem,1.9vw,2.25rem);font-weight:var(--font-weight-medium);letter-spacing:-.048em;line-height:1}.home-feature-slide__copy small{max-inline-size:38ch;color:var(--foreground-muted);font-size:14px;line-height:1.55}.home-feature-slide__copy>span,.home-proof a{display:inline-flex;align-items:center;gap:8px;color:var(--foreground);font-size:13px;font-weight:var(--font-weight-medium)}.home-feature-slide__copy>span svg,.home-proof a svg{inline-size:15px;block-size:15px}.home-proof{display:grid;justify-items:center;gap:20px;inline-size:min(calc(100% - 40px),1260px);margin:34px auto 0;border-radius:calc(var(--radius-surface) + 8px);background:var(--cloudblur-feature-surface);padding:clamp(56px,9vw,116px) 24px;color:var(--cloudblur-feature-foreground);text-align:center;box-shadow:var(--shadow-popover)}.home-proof p,.home-proof h2,.home-proof>span{margin:0}.home-proof p{color:var(--inverse-foreground-subtle);font:11px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.home-proof h2{max-inline-size:16ch;font-size:clamp(2.4rem,5vw,4.8rem);font-weight:var(--font-weight-medium);letter-spacing:-.05em;line-height:.96}.home-proof__word-clip{display:inline-block;overflow:clip;overflow-clip-margin:.16em;vertical-align:bottom}.home-proof__word-clip:not(:last-child){margin-inline-end:.22em}.home-proof__word{display:inline-block;will-change:transform,opacity}.home-proof>span{display:block;inline-size:min(100%,62ch);min-inline-size:0;max-inline-size:100%;color:var(--inverse-foreground-muted);font-size:16px;line-height:1.6;overflow-wrap:break-word;text-wrap:balance}.home-proof a{min-block-size:46px;border:1px solid var(--cloudblur-feature-border);border-radius:var(--radius-control);padding-inline:18px;color:var(--cloudblur-feature-foreground);text-decoration:none;transform-origin:center}.home-proof__action-icon{display:inline-flex;transition:transform .26s cubic-bezier(.16,1,.3,1)}.home-proof a:hover .home-proof__action-icon,.home-proof a:focus-visible .home-proof__action-icon{transform:translate(5px)}.home-journal{display:grid;gap:clamp(56px,8vw,104px);inline-size:100%;margin:34px 0 0;border:0;border-radius:0;background:var(--surface-strong);padding:clamp(76px,10vw,132px) clamp(20px,4vw,52px) clamp(20px,4vw,52px);box-shadow:none}.home-journal__heading{display:grid;gap:14px;max-inline-size:48rem;margin-inline:auto;text-align:center}.home-journal__heading p,.home-journal__heading h2,.home-journal__heading span{margin:0}.home-journal__heading p{color:var(--foreground-subtle);font-size:12px;font-weight:var(--font-weight-medium);letter-spacing:.11em;text-transform:uppercase}.home-journal__heading h2{color:var(--foreground);font-family:var(--font-display);font-size:clamp(3rem,6vw,5.8rem);font-weight:var(--font-weight-medium);letter-spacing:-.058em;line-height:.96;text-wrap:balance}.home-journal__heading span{max-inline-size:58ch;margin-inline:auto;color:var(--foreground-muted);font-size:clamp(15px,1.4vw,18px);line-height:1.55;text-wrap:balance}.home-journal__heading:lang(ar) h2{font-family:var(--font-arabic-display);letter-spacing:0;line-height:1.12}.home-journal__featured{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);inline-size:min(100%,1260px);min-inline-size:0;overflow:hidden;margin-inline:auto;border:1px solid color-mix(in oklch,var(--border) 72%,transparent);border-radius:calc(var(--radius-surface) + 2px);background:#161414;box-shadow:0 22px 58px #0c121c24;color:#fff}.home-journal__featured-media{display:grid;min-inline-size:0;align-items:center;background:#080808}.home-journal__featured video{display:block;inline-size:100%;max-inline-size:100%;aspect-ratio:1608 / 1080;background:#080808;object-fit:contain}.home-journal__featured-copy{display:grid;align-content:end;gap:18px;padding:clamp(28px,4vw,54px)}.home-journal__featured-copy :where(h3,p,small){margin:0}.home-journal__featured-copy small{color:#ffffff94;font-size:11px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}.home-journal__featured-copy h3{max-inline-size:13ch;font-family:var(--font-display);font-size:clamp(2.1rem,4vw,4.25rem);font-weight:var(--font-weight-medium);letter-spacing:-.055em;line-height:.94;text-wrap:balance}.home-journal__featured-copy p{max-inline-size:46ch;color:#ffffffb8;font-size:14px;line-height:1.55}.home-journal__featured-copy a{display:inline-flex;inline-size:fit-content;min-block-size:46px;align-items:center;gap:10px;border:1px solid rgb(255 255 255 / 32%);border-radius:var(--radius-control);padding-inline:18px;color:#fff;font-size:14px;font-weight:650;text-decoration:none}.home-journal__featured-copy a:hover,.home-journal__featured-copy a:focus-visible{background:#fff;color:#111}.home-journal__featured-copy a:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:var(--focus-ring-offset)}.home-journal__featured-copy a svg{inline-size:17px;block-size:17px}[dir=rtl] .home-journal__featured-copy a svg{transform:scaleX(-1)}.home-journal__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.8vw,24px);inline-size:min(100%,1260px);margin-inline:auto}.home-journal__card{position:relative;display:block;min-block-size:360px;overflow:hidden;border:1px solid color-mix(in oklch,var(--border) 72%,transparent);border-radius:calc(var(--radius-surface) + 2px);background:var(--surface);box-shadow:0 18px 48px #0c121c1a;color:var(--cloudblur-feature-foreground);text-decoration:none;transform-origin:center;isolation:isolate}.home-journal__card[data-size=feature]{grid-column:span 8;min-block-size:520px}.home-journal__card[data-size=portrait]{grid-column:span 4;min-block-size:520px}.home-journal__card[data-size=small]{grid-column:span 4;min-block-size:460px}.home-journal__card[data-size=wide]{grid-column:span 8;min-block-size:460px}.home-journal__card img,.home-journal__shade{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%}.home-journal__card img{z-index:0;display:block;object-fit:cover;will-change:transform}.home-journal__card[data-size=feature] img{object-position:50% 58%}.home-journal__card[data-size=portrait] img{object-position:52% 34%}.home-journal__shade{z-index:1;background:linear-gradient(to top,oklch(12% .014 65 / 92%) 0%,oklch(12% .014 65 / 30%) 48%,transparent 76%);pointer-events:none}.home-journal__copy{position:absolute;z-index:2;inset-inline:clamp(22px,3vw,38px);inset-block-end:clamp(22px,3vw,38px);display:grid;gap:10px;max-inline-size:34rem}.home-journal__copy strong,.home-journal__copy small{display:block}.home-journal__copy strong{max-inline-size:21ch;color:#f5f1ec;font-family:var(--font-display);font-size:clamp(1.65rem,2.6vw,2.65rem);font-weight:var(--font-weight-medium);letter-spacing:-.04em;line-height:1.02;text-wrap:balance}.home-journal__copy small{max-inline-size:48ch;color:#ccc6bf;font-size:14px;line-height:1.5;text-wrap:pretty}.home-journal__copy:lang(ar) strong{font-family:var(--font-arabic-display);letter-spacing:0;line-height:1.18}.home-journal__card:hover,.home-journal__card:focus-visible{box-shadow:0 34px 82px #0c121c38}.home-journal__card:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:var(--focus-ring-offset)}.home-shell .site-legal-footer{inline-size:min(calc(100% - 40px),1260px);margin:34px auto 0;padding:28px 0 42px}.home-footer{position:relative;overflow:hidden;inline-size:100%;margin-block-start:34px;background:#202023;color:#ffffffad}.home-footer__main{display:block;inline-size:min(calc(100% - 96px),1840px);margin-inline:auto;padding-block-start:42px}.home-footer__newsletter{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto auto auto;align-items:center;column-gap:clamp(48px,7vw,128px);padding-block-end:36px}.home-footer__newsletter h2,.home-footer__newsletter p{margin:0}.home-footer__newsletter h2{font-family:"TWK Lausanne",var(--font-sans);font-size:clamp(2.2rem,3vw,3.2rem);font-weight:var(--font-weight-regular);letter-spacing:-.045em;line-height:1;color:#fffffff0}@media(min-width:1100px){.home-footer__newsletter h2{white-space:nowrap}}.home-footer__newsletter>p:not(.home-footer__status){max-inline-size:48ch;margin-block-start:10px;color:#ffffffad;font-size:14px;line-height:1.5}.home-footer__newsletter form{grid-column:2;grid-row:1 / span 2;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.home-footer__newsletter input[type=email],.home-footer__newsletter button{min-block-size:52px;border:1px solid transparent;border-radius:14px;font:inherit}.home-footer__newsletter input[type=email]{min-inline-size:0;background:#ffffff14;border-color:#ffffff14;padding-inline:18px;color:#ffffffeb}.home-footer__newsletter input[type=email]::placeholder{color:#fff9}.home-footer__newsletter button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-inline-size:148px;background:var(--inverse-foreground);padding-inline:22px;color:var(--surface-inverse);cursor:pointer;font-weight:var(--font-weight-medium)}.home-footer__newsletter button svg{inline-size:17px;block-size:17px}.home-footer__newsletter input:focus-visible,.home-footer__newsletter button:focus-visible,.home-footer a:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:var(--focus-ring-offset)}.home-footer__newsletter button:disabled{cursor:wait;opacity:.64}.home-footer__honeypot{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}.home-footer__consent{grid-column:1 / -1;display:flex;gap:9px;align-items:flex-start;min-block-size:44px;padding-block:6px;color:#ffffffd1;font-size:12px;line-height:1.4}.home-footer__consent input{flex:none;inline-size:16px;block-size:16px;margin:1px 0 0;accent-color:rgb(255 255 255 / 92%)}.home-footer__consent a{color:inherit;text-underline-offset:2px}.home-footer__status{grid-column:2;min-block-size:1.4em;margin-block-start:8px!important;color:#ffffffd1;font-size:13px}.home-footer__navigation{display:flex;align-items:center;gap:clamp(20px,2vw,38px);min-block-size:88px;border-block-start:1px solid rgb(255 255 255 / 10%)}.home-footer__brand{display:block;flex:0 0 auto;inline-size:112px;block-size:32px;text-decoration:none}.home-footer__brand img{inline-size:100%;block-size:100%;object-fit:contain;opacity:1}.home-footer__navigation nav{display:flex;align-items:center;gap:clamp(18px,2vw,34px)}.home-footer__navigation nav p{display:none}.home-footer__navigation nav a{color:#ffffff94;font-size:13px;line-height:1;text-decoration:none;white-space:nowrap;transition:color .16s ease}.home-footer__navigation nav a:hover{color:#fffffff0}.home-footer__socials{display:flex;gap:10px}.home-footer__socials a{display:grid;inline-size:42px;block-size:42px;place-items:center;border-radius:999px;background:#ffffff21;color:#ffffffbd}.home-footer__socials svg{inline-size:19px;block-size:19px}.home-footer__legal-links{margin-inline-start:auto}.home-footer__copyright{flex:0 0 auto;color:#ffffff75;font-size:12px;white-space:nowrap}@media(max-width:820px){.home-footer__main{inline-size:calc(100% - 40px);padding-block-start:36px}.home-footer__newsletter{grid-template-columns:1fr;padding-block-end:32px}.home-footer__newsletter form,.home-footer__status{grid-column:1}.home-footer__newsletter form{grid-row:auto;margin-block-start:24px}.home-footer__navigation{flex-wrap:wrap;padding-block:22px}.home-footer__brand{inline-size:100%}.home-footer__legal-links,.home-footer__socials{margin-inline-start:0}}@media(max-width:520px){.home-footer{margin-block-start:0}.home-footer__main{inline-size:calc(100% - 32px);padding-block-start:0}.home-footer__newsletter{display:none}.home-footer__navigation{flex-direction:column;flex-wrap:nowrap;align-items:center;gap:26px;min-block-size:0;border-block-start:0;padding-block:68px 48px;text-align:center}.home-footer__brand{order:1;inline-size:132px;block-size:70px}.home-footer__navigation nav{flex:none;justify-content:center;flex-wrap:wrap;inline-size:100%;gap:15px 24px}.home-footer__navigation>nav:not(.home-footer__legal-links){order:2}.home-footer__navigation nav a{font-size:14px}.home-footer__socials{order:3;justify-content:center;gap:12px}.home-footer__socials a{inline-size:48px;block-size:48px}.home-footer__legal-links{order:4;justify-content:center;margin-block-start:18px;border-block-start:1px solid rgb(255 255 255 / 10%);padding-block-start:28px}.home-footer__copyright{order:5;inline-size:100%;font-size:13px}}@media(max-width:1050px){.home-shell .topbar{inset-inline-start:18px;grid-template-columns:auto auto auto;max-inline-size:calc(100vw - 36px)}.home-shell .topbar-nav .uds-top-nav{gap:0}.home-shell .topbar-nav .uds-top-nav-item{padding-inline:9px}}@media(max-width:820px){.home-shell .topbar{inset-block-start:12px;inset-inline:12px;grid-template-columns:1fr auto auto;inline-size:auto;max-inline-size:none;min-block-size:60px;padding-inline:12px;translate:0 0;transition:translate var(--motion-duration-page) var(--motion-ease-standard),opacity var(--motion-duration-page) var(--motion-ease-standard),background-color .52s cubic-bezier(.16,1,.3,1),border-color .52s cubic-bezier(.16,1,.3,1),color .52s cubic-bezier(.16,1,.3,1),box-shadow .42s cubic-bezier(.16,1,.3,1)}.home-shell:not(.blog-shell) .topbar[data-scroll-hidden=true]{visibility:hidden;opacity:0!important;pointer-events:none;translate:0 calc(-100% - var(--space-6))}.blog-shell .topbar{inset-inline-start:12px;inset-inline-end:68px}.home-shell .topbar-nav{display:none}.home-shell .topbar-actions{grid-column:2}.home-shell .topbar-search{display:none}.home-shell .home-mobile-menu-trigger{position:relative;z-index:2;grid-column:3;display:inline-grid;place-items:center;inline-size:48px;block-size:48px;border:0;border-radius:50%;background:var(--home-topbar-control-bg);color:var(--home-topbar-control-fg);box-shadow:0 12px 30px #0000002e;cursor:pointer;transition:background-color .18s var(--motion-ease-standard),color .18s var(--motion-ease-standard)}.home-shell .home-mobile-menu-trigger:focus-visible{outline:3px solid var(--home-topbar-focus);outline-offset:3px}.home-shell .home-mobile-menu-trigger svg{inline-size:26px;block-size:26px;stroke-width:2.5}.home-shell .locale-switch .uds-select-trigger{max-inline-size:106px}.home-stage{grid-template-rows:minmax(0,1fr) auto;min-block-size:860px;padding-block-start:146px}.home-signature-shell .cloudblur-signature-stage{min-block-size:340px}.home-gallery__center{inline-size:min(62vw,620px)}.home-gallery__card--outgoing{inline-size:min(38vw,420px)}.home-gallery__card--side{inline-size:min(29vw,300px)}.home-section-heading{grid-template-columns:1fr}.home-section-heading>p{grid-column:auto}.home-features{grid-template-columns:1fr;gap:0}.home-feature-rail{display:none}}@media(max-width:820px)and (hover:hover)and (pointer:fine){.home-shell .home-mobile-menu-trigger:hover{background:color-mix(in srgb,var(--home-topbar-control-bg) 88%,transparent)}}@media(max-width:640px){.home-shell .topbar{grid-template-columns:1fr auto;min-block-size:44px;border:0;background:transparent;box-shadow:none;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.home-shell .topbar-brand,.home-shell .topbar-brand .uds-top-nav-heading-subtitle{display:none}.home-shell .topbar-brand .uds-top-nav-heading-icon,.home-shell .topbar-brand-mark{inline-size:56px;block-size:26px}.home-shell .topbar-actions{display:none}.home-shell .home-mobile-menu-trigger{grid-column:2;inline-size:44px;block-size:44px}.home-shell .topbar-search{flex-basis:38px;inline-size:38px;block-size:38px;min-block-size:38px}.home-shell .locale-switch .uds-select-trigger{min-block-size:38px;max-inline-size:94px}.home-stage{min-block-size:820px;gap:8px;padding:138px 16px 22px}.home-video-morph__fallback,.home-video-morph__canvas{object-position:57% 50%}.home-hero-copy{gap:14px}.home-hero-copy h1{max-inline-size:12ch;font-size:clamp(2.65rem,13vw,4rem)}.home-hero-body{font-size:15px}.home-hero-actions{inline-size:100%}.home-button{flex:1 1 140px;padding-inline:16px}.home-signature-shell .cloudblur-signature-stage{min-block-size:320px}.home-signature-shell .cloudblur-signal-card{inline-size:calc(100% - 8px);padding:18px}.home-signature-shell .cloudblur-signal-heading{margin-block-start:28px}.home-signature-shell .cloudblur-signal-chart{margin-block:12px 8px}.home-gallery-transition{min-block-size:280svh}.home-gallery__sticky{position:sticky;min-block-size:max(720px,100svh);padding:0}.home-gallery__card--side{display:none}.home-gallery__center{inline-size:min(88vw,34rem)}.home-gallery-transition .home-signature-shell [data-compact=true] .cloudblur-lifestyle-card{display:block;inline-size:min(76vw,20rem)}.home-gallery-transition .home-signature-shell [data-compact=true] .cloudblur-ceramic-card{inline-size:min(82vw,21rem)}.home-gallery__center-media{border-radius:42px}.home-foundations,.home-features,.home-proof,.home-journal{inline-size:calc(100% - 24px);margin-block-start:12px}.home-foundations{inline-size:100%;min-block-size:72svh;margin-inline:0;border-radius:0;padding:56px 18px 72px}.home-section-heading{padding-block-end:0}.home-section-heading h2,.home-section-heading>span{font-size:clamp(1.8rem,min(9vw,5.2svh),3.5rem)}.home-features{--home-feature-sticky-top: 126px;padding-block:42px 84px}.home-feature-slide{inset-block-start:var(--home-feature-sticky-top);grid-template-columns:1fr;grid-template-rows:auto minmax(220px,36svh) auto;gap:12px;block-size:min(600px,calc(100svh - 148px));min-block-size:520px;border-radius:calc(var(--radius-surface) + 4px);padding:12px}.home-feature-slide:nth-child(2){margin-block-end:96px}.home-feature-slide__number,.home-feature-slide__badge,.home-feature-slide__media,.home-feature-slide__copy,.home-feature-slide[data-layout=media-end] .home-feature-slide__number,.home-feature-slide[data-layout=media-end] .home-feature-slide__badge,.home-feature-slide[data-layout=media-end] .home-feature-slide__media,.home-feature-slide[data-layout=media-end] .home-feature-slide__copy{grid-column:1}.home-feature-slide__number,.home-feature-slide__badge,.home-feature-slide[data-layout=media-end] .home-feature-slide__badge{grid-row:1}.home-feature-slide__media,.home-feature-slide[data-layout=media-end] .home-feature-slide__media{grid-row:2}.home-feature-slide__copy,.home-feature-slide[data-layout=media-end] .home-feature-slide__copy{grid-row:3;padding:18px 8px 8px}.home-feature-slide__copy strong{font-size:clamp(1.75rem,8vw,2.5rem)}.home-journal{gap:52px;inline-size:100%;margin-inline:0;border-radius:0;padding:76px 12px 12px}.home-journal__heading{padding-inline:12px}.home-journal__heading h2{font-size:clamp(2.75rem,12vw,4.4rem)}.home-journal__grid{grid-template-columns:1fr}.home-journal__featured{grid-template-columns:minmax(0,1fr)}.home-journal__featured-copy{align-content:start}.home-journal__card[data-size]{grid-column:auto;min-block-size:min(128vw,520px)}.home-journal__card[data-size=feature],.home-journal__card[data-size=wide]{min-block-size:min(112vw,460px)}.home-journal__copy strong{font-size:clamp(1.7rem,8vw,2.35rem)}.home-shell .site-legal-footer{inline-size:calc(100% - 32px)}}@media(max-width:820px)and (prefers-reduced-motion:no-preference){.home-foundations-stage{min-block-size:155svh}.home-foundations{position:sticky;inset-block-start:126px;align-content:center;block-size:calc(100svh - 150px);min-block-size:0;margin-block-start:0;padding-block:clamp(34px,5.5svh,48px)}}@media(prefers-reduced-motion:reduce){.home-shell .topbar,.home-shell .topbar-brand-mark img,.home-shell .topbar-nav .uds-top-nav-item,.home-shell .topbar-search,.home-shell .locale-switch .uds-select-trigger,.home-shell .home-mobile-menu-trigger,.home-shell .topbar-nav-label__primary,.home-shell .topbar-nav-label__secondary{transition:none}.home-shell .topbar-nav-label__secondary,.home-stage__media{display:none}.home-video-morph__canvas{transition:none}.home-stage{background:var(--background) url(/media/utopia-waterfront-oryx-poster.webp) center / cover no-repeat}.home-button,.home-feature-rail button{transition:none}.home-journal,.home-journal__card,.home-journal__card img{transform:none!important;transition:none!important}.home-gallery-transition{min-block-size:auto}.home-gallery__sticky{position:relative;min-block-size:auto;padding-block:112px}.home-gallery__card--side{display:none}.home-gallery__sticky>.home-signature-shell{display:none}.home-gallery__center{position:relative;inset:auto;margin-inline:auto;opacity:1!important;transform:none!important;translate:none}.home-gallery__copy{opacity:1!important;transform:none!important}}html{overflow-y:scroll;scroll-behavior:smooth;scroll-padding-top:80px}html[data-scroll-motion=weighted][data-scroll-state=coasting]{scroll-behavior:auto}.separator-detail-preview,.textarea-detail-preview,.toast-compat-preview,.sonner-detail-preview{display:grid;gap:var(--space-6);inline-size:min(100%,44rem);margin-inline:auto}.sheet-detail-preview{display:grid;gap:var(--space-5);inline-size:min(100%,44rem);margin-inline:auto}.sheet-trigger-row{flex-wrap:wrap}.separator-menu-example{min-block-size:var(--control-height-sm);align-items:stretch}.switch-choice-card{border:1px solid var(--border);padding:var(--space-4);border-radius:var(--radius-surface)}.sonner-actions{flex-wrap:wrap}.sidebar-detail-preview{display:flex;inline-size:min(100%,48rem);min-block-size:32rem;border:1px solid var(--border);overflow:hidden}.sidebar-detail-preview .uds-sidebar{min-block-size:32rem}.sidebar-detail-preview__inset{display:grid;align-content:start;padding:var(--space-6)}@media(max-width:640px){.textarea-detail-preview,.sonner-detail-preview{inline-size:100%}.sidebar-detail-preview{min-block-size:26rem}}body{scrollbar-color:var(--foreground-subtle) transparent}body:has(.app-shell[data-theme=utopia-cloudblur]),.app-shell[data-theme=utopia-cloudblur],.app-shell[data-theme=utopia-cloudblur] :where(.app-sidebar,.app-sidebar.uds-side-nav,.app-main,.toc),.app-shell[data-theme=utopia-cloudblur]:not(.home-shell) .topbar{background-color:var(--background)}.blog-shell{display:block;min-block-size:100vh;background:var(--background)}.blog-shell .app-sidebar,.blog-shell .toc{display:none}.blog-shell .app-main,.blog-shell[dir=rtl] .app-main{inline-size:100%}.blog-shell .content-frame,.blog-shell .content-frame-wide{inline-size:100%;max-inline-size:none;padding:0}.blog-article{--journal-ink: var(--foreground);--journal-muted: var(--foreground-muted);--journal-paper: var(--background);background:var(--journal-paper);color:var(--journal-ink)}.blog-article__hero{position:relative;display:flex;min-block-size:min(900px,92svh);overflow:hidden;align-items:end;isolation:isolate;background:#111;color:#fff}.blog-article__hero-image,.blog-article__hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%}.blog-article__hero-image{z-index:-2;object-fit:cover}.blog-article__hero-shade{z-index:-1;background:linear-gradient(180deg,#0505051a 25%,#050505e0)}.blog-article__hero-content{inline-size:min(100%,1228px);margin-inline:auto;padding:clamp(150px,22vh,260px) clamp(24px,5vw,72px) clamp(54px,9vh,96px)}.blog-article__back{position:absolute;inset-block-start:124px;inset-inline-start:max(24px,calc((100vw - 1084px)/2));display:inline-flex;align-items:center;gap:9px;color:#ffffffd6;font-size:14px;font-weight:600;text-decoration:none}.blog-article__back svg,.blog-article__related>svg{inline-size:18px;block-size:18px}.blog-article__meta{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;margin-block-end:24px;color:#ffffffb8;font-size:12px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}.blog-article__meta span{display:inline-flex;align-items:center;gap:7px}.blog-article__meta svg{inline-size:14px;block-size:14px}.blog-article__hero h1{max-inline-size:13ch;margin:0;font-family:var(--font-display);font-size:clamp(3.7rem,8vw,7.8rem);font-weight:520;letter-spacing:-.065em;line-height:.88;text-wrap:balance}.blog-article__hero-content>p{max-inline-size:62ch;margin:30px 0 0;color:#ffffffd1;font-size:clamp(17px,1.8vw,22px);line-height:1.5;text-wrap:balance}.blog-article__reading-layout{display:grid;grid-template-columns:190px minmax(0,760px);gap:clamp(52px,8vw,118px);inline-size:min(calc(100% - 48px),1120px);margin-inline:auto;padding-block:clamp(76px,10vw,140px)}.blog-article__toc{position:sticky;inset-block-start:120px;align-self:start;display:grid;gap:13px;border-block-start:1px solid var(--border);padding-block-start:18px}.blog-article__toc strong{margin-block-end:5px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.blog-article__toc a{color:var(--journal-muted);font-size:13px;line-height:1.35;text-decoration:none}.blog-article__toc a:hover,.blog-article__toc a:focus-visible{color:var(--journal-ink)}.blog-article__prose{min-inline-size:0}.blog-article__prose section{scroll-margin-block-start:120px}.blog-article__prose section+section{margin-block-start:clamp(90px,12vw,150px)}.blog-article__section-number{display:block;margin-block-end:22px;color:var(--journal-muted);font-size:12px;font-weight:700;letter-spacing:.12em}.blog-article__prose h2{max-inline-size:16ch;margin:0 0 34px;font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4.8rem);font-weight:520;letter-spacing:-.055em;line-height:.95;text-wrap:balance}.blog-article__prose p{max-inline-size:68ch;margin:0;color:var(--foreground-muted);font-size:clamp(17px,1.7vw,20px);line-height:1.72}.blog-article__prose p+p{margin-block-start:1.5em}.blog-article__prose blockquote{margin:58px 0;border-inline-start:3px solid var(--journal-ink);padding-inline-start:clamp(22px,4vw,42px);font-family:var(--font-display);font-size:clamp(2rem,4vw,3.8rem);font-weight:520;letter-spacing:-.045em;line-height:1.04}.blog-article__prose figure{margin:64px 0 0}.blog-article__prose .blog-article__video{margin:0 0 clamp(84px,11vw,138px)}.blog-article__video video{display:block;inline-size:100%;max-inline-size:100%;aspect-ratio:1608 / 1080;border-radius:clamp(18px,3vw,34px);background:#090909;box-shadow:0 28px 72px #0c121c2e;object-fit:contain}.blog-article__prose figure img{display:block;inline-size:100%;max-inline-size:100%;block-size:clamp(360px,58vw,660px);border-radius:clamp(24px,4vw,52px);object-fit:cover}.blog-article__prose figcaption{margin-block-start:12px;color:var(--journal-muted);font-size:12px}.blog-article__related{position:relative;display:grid;grid-template-columns:1fr auto;min-block-size:clamp(430px,58vw,720px);overflow:hidden;align-items:end;gap:24px;background:#111;padding:clamp(32px,7vw,92px);color:#fff;isolation:isolate;text-decoration:none}.blog-article__related>img,.blog-article__related-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;inline-size:100%;block-size:100%}.blog-article__related>img{object-fit:cover;transition:transform .9s cubic-bezier(.16,1,.3,1)}.blog-article__related-shade{z-index:-1;background:linear-gradient(180deg,#00000014 30%,#000000d1)}.blog-article__related:hover>img,.blog-article__related:focus-visible>img{transform:scale(1.035)}.blog-article__related>span{display:grid;gap:12px}.blog-article__related small{color:#ffffffad;font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.blog-article__related strong{max-inline-size:14ch;font-family:var(--font-display);font-size:clamp(2.8rem,7vw,7rem);font-weight:520;letter-spacing:-.06em;line-height:.9;text-wrap:balance}.blog-article__related>svg{inline-size:38px;block-size:38px}.blog-shell .site-legal-footer{inline-size:100%;max-inline-size:none;margin:0;background:#111;border-color:#ffffff1f;padding:28px clamp(24px,5vw,72px);color:#ffffffa3}[dir=rtl] .blog-article__back svg,[dir=rtl] .blog-article__related>svg{transform:scaleX(-1)}@media(max-width:820px){.blog-article__hero{min-block-size:820px}.blog-article__back{inset-block-start:112px;inset-inline-start:24px}.blog-article__hero-content{padding-inline:24px;padding-block-end:52px}.blog-article__hero h1{font-size:clamp(3.4rem,16vw,5.4rem)}.blog-article__reading-layout{display:block;inline-size:min(calc(100% - 40px),720px)}.blog-article__toc{position:static;margin-block-end:76px}.blog-article__prose figure img{inline-size:100%;block-size:min(118vw,560px)}}@media(prefers-reduced-motion:reduce){.blog-article__related>img{transition:none}}.app-sidebar,.side-nav-content,.toc{scrollbar-width:none}.app-sidebar::-webkit-scrollbar,.side-nav-content::-webkit-scrollbar,.toc::-webkit-scrollbar{width:0;height:0}.docs-article section,.split-grid,.card,.theme-card,.uds-card{scroll-margin-top:82px}.app-shell{display:grid;grid-template-columns:240px minmax(0,1fr) 240px;grid-template-rows:72px minmax(0,1fr);min-height:100vh}.app-shell[dir=rtl]{grid-template-columns:240px minmax(0,1fr) 240px}.app-shell[data-sidebar-collapsed=true],.app-shell[dir=rtl][data-sidebar-collapsed=true]{grid-template-columns:64px minmax(0,1fr) 292px}.skip-link{position:fixed;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);z-index:1100;translate:0 calc(-100% - var(--space-6));border:var(--border-width-focus) solid var(--ring);background:var(--background);padding:var(--space-3) var(--space-4);color:var(--foreground);font-weight:var(--font-weight-medium)}.skip-link:focus-visible{translate:0;outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.topbar{position:sticky;top:0;z-index:20;grid-column:2 / -1;display:grid;grid-template-columns:minmax(180px,.8fr) auto minmax(180px,.8fr);gap:var(--space-4);align-items:center;min-height:72px;padding-inline:24px;border-bottom:1px solid var(--border);background:var(--background);overflow:visible;direction:ltr}.topbar[data-has-brand=false]{grid-template-columns:minmax(120px,.8fr) auto minmax(180px,.8fr)}.app-shell[dir=rtl] .topbar{grid-column:2 / 4}.app-shell[dir=rtl] .topbar-nav{direction:rtl}.components-overview-shell[dir=rtl] .topbar{grid-column:2 / 4}.topbar-brand{justify-self:start;display:inline-flex;align-items:center;min-inline-size:0;color:var(--foreground)}.topbar-spacer{display:block;min-inline-size:0}.topbar-brand .uds-top-nav-heading{gap:var(--space-2)}.topbar-brand .uds-top-nav-heading-icon{inline-size:68px;block-size:30px;border-radius:0;background:transparent;color:var(--foreground)}.topbar-brand .uds-top-nav-heading-icon>img{inline-size:100%;block-size:100%;object-fit:contain}.topbar-nav.uds-top-nav-root{justify-self:center;inline-size:auto}.topbar-nav .uds-top-nav{justify-content:center;gap:var(--space-2)}.topbar-nav-label__secondary{display:none}.topbar-nav .uds-top-nav-item,.topbar-cta,.side-nav a,.toc a{color:var(--foreground-muted);font-size:14px;line-height:1.25}.topbar-nav .uds-top-nav-item[aria-current=page],.topbar-nav .uds-top-nav-item:hover,.topbar-nav .uds-top-nav-item:focus-visible,.side-nav a[aria-current=page],.side-nav a:hover,.side-nav a:focus-visible,.toc a:hover,.toc a:focus-visible{color:var(--foreground)}.topbar-nav .uds-top-nav-item:focus-visible,.side-nav a:focus-visible,.toc a:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.topbar-cta{justify-self:end;margin-inline-end:24px;border-radius:var(--radius-control);background:var(--secondary);color:var(--secondary-foreground);padding:9px 16px;font-weight:var(--font-weight-medium)}.topbar-actions{justify-self:end;display:inline-flex;align-items:center;gap:var(--space-3);margin-inline-end:0;direction:ltr}.app-account-dock{position:fixed;inset-block-start:14px;inset-inline-end:20px;z-index:31;display:inline-grid;place-items:center;direction:ltr}.home-shell .app-account-dock,.blog-shell .app-account-dock{inset-block-start:30px}.home-shell .app-account-dock{border:1px solid rgb(255 255 255 / 12%);border-radius:50%;background:var(--surface-inverse);color:var(--inverse-foreground);box-shadow:0 12px 34px #0000002e;transition:background-color .52s cubic-bezier(.16,1,.3,1),border-color .52s cubic-bezier(.16,1,.3,1),color .52s cubic-bezier(.16,1,.3,1),box-shadow .42s cubic-bezier(.16,1,.3,1)}.home-shell .app-account-dock[data-tone=light]{border-color:#0808081f;background:var(--inverse-foreground);color:var(--surface-inverse);box-shadow:0 12px 34px #00000021}@media(prefers-reduced-motion:reduce){.home-shell .app-account-dock,.home-shell .topbar-account{transition:none}}@media(max-width:820px){.app-account-dock{inset-inline-end:12px}.home-shell .app-account-dock,.blog-shell .app-account-dock{inset-block-start:20px}}.utopia-account-control{display:inline-flex;align-items:center;flex:none}.utopia-account-control[data-state=unavailable]{gap:var(--space-2);color:var(--foreground-subtle);font-size:13px;opacity:.7}.utopia-account-control[data-state=unavailable] svg,.utopia-sign-in svg{inline-size:16px;block-size:16px}.utopia-sign-in{display:inline-flex;align-items:center;inline-size:44px;block-size:44px;min-block-size:44px;justify-content:center;border:1px solid var(--border);border-radius:50%;background:var(--foreground);color:var(--background);padding:0;font:inherit;font-size:13px;font-weight:var(--font-weight-medium);cursor:pointer}.utopia-sign-in:hover{background:color-mix(in srgb,var(--foreground) 86%,var(--background))}.utopia-sign-in:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:2px}.utopia-user-avatar{inline-size:44px;block-size:44px}.topbar-workspace{display:inline-flex;min-inline-size:0}.admin-brand-room-switcher{min-inline-size:0}.admin-brand-room-switcher__trigger.uds-select-trigger{gap:var(--space-2);inline-size:min(12.5rem,22vw);min-block-size:40px;border-color:var(--input);border-radius:var(--radius-control);background:var(--surface-strong);color:var(--foreground);padding-inline:var(--space-3)}.admin-brand-room-switcher__icon{flex:none;inline-size:17px;block-size:17px}.admin-brand-room-switcher__value{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-brand-room-switcher__content{min-inline-size:15rem}.home-shell .admin-brand-room-switcher__trigger.uds-select-trigger{border-color:transparent;background:var(--home-topbar-soft);color:var(--home-topbar-fg)}.admin-brand-room-switcher.is-mobile,.admin-brand-room-switcher.is-mobile .admin-brand-room-switcher__trigger.uds-select-trigger,.home-mobile-menu__workspace{inline-size:100%}.home-mobile-menu__workspace{min-inline-size:0}@media(min-width:821px)and (max-width:1080px){.admin-brand-room-switcher__trigger.uds-select-trigger{inline-size:40px;justify-content:center;padding-inline:0}.admin-brand-room-switcher__trigger .admin-brand-room-switcher__value,.admin-brand-room-switcher__trigger .uds-select-trigger-icon{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}}.mobile-sidebar-close{display:inline-grid;place-items:center;inline-size:44px;block-size:44px;border:0;border-radius:var(--radius-control);background:transparent;color:var(--foreground);cursor:pointer}.mobile-sidebar-close:hover{background:var(--surface-hover)}.mobile-sidebar-close:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:var(--focus-ring-offset)}.mobile-sidebar-close>svg{inline-size:24px;block-size:24px;stroke-width:2}.home-shell .utopia-sign-in{border-color:transparent;background:transparent;color:inherit}.home-shell .utopia-sign-in:hover{background:#ffffff1a}.home-shell .app-account-dock[data-tone=light] .utopia-sign-in:hover{background:#08080814}.home-shell .utopia-account-control[data-state=unavailable]{color:var(--home-topbar-muted)}.topbar-search{align-items:center;background:var(--surface-strong);border:var(--border-width-hairline) solid var(--input);border-radius:var(--radius-control);color:var(--foreground-muted);cursor:pointer;display:inline-flex;font:inherit;gap:var(--space-2);min-block-size:36px;padding:0 var(--space-3)}.topbar-search:hover,.topbar-search:focus-visible{background:var(--surface-hover);color:var(--foreground)}.topbar-search:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:2px}.topbar-search svg{block-size:16px;inline-size:16px}.topbar-search kbd{border:var(--border-width-hairline) solid var(--border);border-radius:calc(var(--radius-control) / 2);background:var(--surface);color:var(--foreground-subtle);font-size:11px;padding:1px 5px}.global-command-backdrop{align-items:flex-start;background:color-mix(in srgb,var(--background) 78%,transparent);display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:min(14vh,120px) var(--space-4) var(--space-4);position:fixed;z-index:1000}.global-command-dialog{background:var(--popover-surface);border:1px solid var(--border-strong);border-radius:var(--radius-surface);box-shadow:0 24px 80px color-mix(in srgb,var(--background) 48%,transparent);inline-size:min(680px,100%);overflow:hidden}.global-command-dialog .uds-command-palette{border:0;border-radius:0;box-shadow:none;max-inline-size:none}.global-command-dialog .uds-command-palette-list{max-block-size:min(58vh,520px)}.global-command-dialog .uds-command-palette-item>span:not(.uds-command-palette-shortcut){display:grid;gap:2px}.global-command-dialog .uds-command-palette-item small{color:var(--foreground-subtle);font-size:12px;font-weight:400}.global-command-dialog>footer{align-items:center;border-block-start:1px solid var(--border);color:var(--foreground-subtle);display:flex;font-size:12px;gap:var(--space-4);justify-content:flex-end;padding:var(--space-2) var(--space-3)}.global-command-dialog>footer kbd{border:1px solid var(--border);color:var(--foreground);margin-inline-end:2px;padding:1px 4px}.component-detail-shell{--component-doc-frame: color-mix(in srgb, currentColor 30%, transparent);--component-doc-divider: color-mix(in srgb, currentColor 18%, transparent);min-inline-size:0}.component-detail-shell .uds-code-block,.component-detail-shell .chip-list span{border-color:var(--component-doc-frame)}.component-workbench{background:transparent;border:0;border-block-end:1px solid var(--component-doc-divider);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-2) 0 var(--space-3)}.component-workbench__intro,.component-workbench__actions,.component-workbench__details{align-items:center;display:flex;gap:var(--space-3)}.component-workbench__intro{min-inline-size:0}.component-workbench__intro span,.component-workbench details,.component-workbench li{color:var(--foreground-muted);font-size:13px}.component-workbench__actions{flex-wrap:wrap;justify-content:flex-end}.component-workbench__actions .uds-button svg,.component-workbench .uds-badge svg{block-size:15px;inline-size:15px}.component-workbench details{position:relative}.component-workbench summary{color:var(--foreground);cursor:pointer;font-size:13px;font-weight:500;white-space:nowrap}.component-workbench__details{align-items:flex-start;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1 / -1;border-block-start:1px solid var(--component-doc-divider);margin-block-start:var(--space-3);padding-block-start:var(--space-3)}.component-workbench details[open]{grid-column:1 / -1}.component-workbench__details>div{display:grid;gap:var(--space-2)}.component-workbench__details ul{margin:0;padding-inline-start:18px}.component-workbench__details nav{display:flex;flex-wrap:wrap;gap:var(--space-2)}.component-workbench__details a{border:1px solid var(--border);color:var(--foreground);padding:var(--space-1) var(--space-2);text-decoration:none}.component-workbench__details a:hover,.component-workbench__details a:focus-visible{border-color:var(--primary)}.mcp-connect-page{inline-size:100%}.mcp-status-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block-start:var(--space-4)}.mcp-status-row svg{block-size:14px;inline-size:14px}.mcp-prerequisite,.mcp-clients,.mcp-tool-contract{margin-inline:var(--space-6)}.mcp-prerequisite{display:grid;align-items:center;gap:var(--space-6);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface-strong)}.mcp-prerequisite>div{display:flex;align-items:flex-start;gap:var(--space-3)}.mcp-prerequisite>div>svg{flex:0 0 auto;inline-size:1.5rem;block-size:1.5rem;margin-block-start:var(--space-1);color:var(--primary)}.mcp-prerequisite h2,.mcp-clients h2,.mcp-tool-contract h2{margin:0;font-size:var(--font-size-heading-sm, 1.5rem)}.mcp-prerequisite p,.mcp-clients header p,.mcp-tool-contract header p{margin:var(--space-2) 0 0;color:var(--foreground-muted)}.mcp-prerequisite .uds-code-block{margin:0}.mcp-clients,.mcp-tool-contract{padding-block:var(--space-8)}.mcp-client-grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-start:var(--space-5)}.mcp-client-card{min-inline-size:0}.mcp-client-card .uds-card-content{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3)}.mcp-client-heading{display:flex;align-items:center;gap:var(--space-2)}.mcp-client-heading>svg{inline-size:1.25rem;block-size:1.25rem;color:var(--primary)}.mcp-client-heading .uds-card-title{margin-inline-end:auto}.mcp-client-card ol{margin:0;padding-inline-start:var(--space-5);color:var(--foreground-muted)}.mcp-client-card li+li{margin-block-start:var(--space-2)}.mcp-code-label{margin:var(--space-1) 0 calc(var(--space-2) * -1);color:var(--foreground-muted);font-size:var(--font-size-supporting);font-weight:600}.mcp-client-card .uds-code-block{margin:0}.mcp-client-note{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-strong)}.mcp-client-note svg{flex:0 0 auto;inline-size:1.125rem;block-size:1.125rem;color:var(--warning, var(--primary))}.mcp-client-note p{margin:0;color:var(--foreground-muted);font-size:var(--font-size-supporting)}.mcp-doc-link{display:inline-flex;align-items:center;align-self:flex-start;gap:var(--space-2);min-block-size:2.75rem;color:var(--foreground);font-weight:600;text-underline-offset:.2em}.mcp-doc-link svg{inline-size:1rem;block-size:1rem}.mcp-tool-contract{border-block-start:1px solid var(--border)}.mcp-tool-contract ul{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-5) 0 0;padding:0;list-style:none}.mcp-tool-contract li{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-strong)}.locale-switch{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--foreground-muted);font-size:var(--font-size-small);line-height:var(--line-height-small);white-space:nowrap}.locale-switch .uds-select-trigger{min-block-size:2.75rem;min-inline-size:7rem;border:0;border-radius:var(--radius-control);background:var(--surface-strong);color:var(--foreground);font:inherit;padding:var(--space-1) var(--space-2);cursor:pointer}.locale-switch .uds-select-trigger:focus-visible{outline:var(--border-width-focus) solid var(--ring);outline-offset:2px}.locale-switch__content{z-index:80;inline-size:max(var(--radix-select-trigger-width, 7rem),9rem);min-inline-size:max(var(--radix-select-trigger-width, 7rem),9rem);border-color:var(--border);border-radius:var(--radius-surface);background:var(--popover-surface);box-shadow:var(--shadow-popover);color:var(--foreground)}.locale-switch__content .uds-select-item{min-block-size:40px;border-radius:var(--radius-control);color:var(--foreground)}.locale-switch__content .uds-select-item:is([data-highlighted],[data-state=checked]){background:var(--surface-strong);color:var(--foreground)}.locale-switch__content .uds-select-item-text{inline-size:100%;grid-column:2;grid-row:1;text-align:start;unicode-bidi:plaintext}.locale-switch__content:dir(rtl) .uds-select-item-text,[dir=rtl] .locale-switch__content .uds-select-item-text{grid-column:1}.topbar-actions .topbar-cta{margin-inline-end:0}.content-frame :where(.card,.foundation-card,.theme-card,.template-card,.link-card){transition:border-color var(--motion-duration-press) var(--motion-ease-standard),background-color var(--motion-duration-press) var(--motion-ease-standard),box-shadow var(--motion-duration-press) var(--motion-ease-standard),transform var(--motion-duration-press) var(--motion-ease-standard)}.content-frame :where(a.card,a.foundation-card,.link-card):hover{transform:translateY(calc(-1 * var(--motion-distance-page)))}.app-sidebar,.app-sidebar.uds-side-nav{position:sticky;top:0;grid-row:1 / -1;display:flex;flex-direction:column;inline-size:auto;height:100vh;min-block-size:0;overflow:auto;border:0;border-radius:0;border-inline-end:1px solid var(--border);background:color-mix(in srgb,var(--background) 96%,var(--foreground) 4%);box-shadow:none;padding:16px 10px 32px;transition:inline-size .24s var(--ease-standard),padding .24s var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.app-shell[dir=rtl] .app-sidebar,.app-shell[dir=rtl] .app-sidebar.uds-side-nav{grid-column:1;border-inline:1px solid var(--border) 0}.components-overview-shell[dir=rtl] .app-sidebar,.components-overview-shell[dir=rtl] .app-sidebar.uds-side-nav{grid-column:1}.app-sidebar.uds-side-nav[data-collapsed=true]{align-items:stretch;inline-size:64px;padding-inline:10px}.app-sidebar.uds-side-nav[data-collapsed=true] .app-sidebar-heading{inline-size:100%;padding:0}.app-sidebar.uds-side-nav[data-collapsed=true] .uds-side-nav-heading[data-variant=brand]{justify-items:end}.app-sidebar.uds-side-nav[data-collapsed=true] .uds-side-nav-heading-end{justify-self:end;inline-size:44px;justify-content:flex-end}.side-nav{gap:0}.mobile-shell-tools,.mobile-shell-locale-footer,.mobile-shell-account-footer{display:none}.app-sidebar-body{display:grid;grid-template-rows:auto minmax(0,1fr);flex:1 1 auto;min-block-size:0;gap:var(--space-3)}.app-sidebar-heading.uds-side-nav-heading[data-variant=brand]{--side-nav-heading-media-filter: var(--brand-wordmark-filter, brightness(0) invert(1));grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:auto auto;column-gap:var(--space-2);row-gap:var(--space-2);min-block-size:auto;padding-block:var(--space-2) var(--space-3);padding-inline:var(--space-1)}.app-sidebar-heading.uds-side-nav-heading[data-variant=brand] .uds-side-nav-heading-label{font-size:var(--font-size-body)}.app-sidebar-brand-home{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;inline-size:132px;block-size:48px;border-radius:var(--radius-control)}.app-sidebar-brand-home>img{flex:0 0 auto;inline-size:132px;block-size:48px;max-inline-size:132px;max-block-size:48px;object-fit:contain;filter:var(--side-nav-heading-media-filter, none)}.app-sidebar-brand-home:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.app-sidebar-heading.uds-side-nav-heading[data-variant=brand]{position:relative}.app-sidebar-heading.uds-side-nav-heading[data-variant=brand] .uds-side-nav-heading-icon{grid-column:1;grid-row:1;justify-self:start;inline-size:132px;min-inline-size:132px;block-size:48px;overflow:visible}.app-sidebar-heading.uds-side-nav-heading[data-variant=brand] .uds-side-nav-heading-copy{grid-column:1 / -1;grid-row:2;align-self:stretch;overflow:visible;pointer-events:auto}.app-sidebar-heading.uds-side-nav-heading[data-variant=brand] .uds-side-nav-heading-end{grid-column:2;grid-row:1;align-self:center;position:relative;z-index:2;inline-size:44px;min-inline-size:44px;margin-inline-end:0}.side-nav-header,.side-nav-group{display:grid;gap:2px}.side-nav-family{min-inline-size:0;padding-block:2px}.side-nav-family-static{display:grid;gap:var(--space-1);padding-block:var(--space-2) var(--space-1)}.side-nav-family-label{padding-inline:var(--space-3);color:var(--foreground-subtle);font-size:var(--font-size-supporting);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);line-height:var(--line-height-supporting);text-transform:uppercase}.side-nav-family-items{display:grid;gap:var(--space-1);min-inline-size:0;margin-inline-start:var(--space-2);border-inline-start:var(--border-width-hairline) solid var(--border);padding-inline-start:var(--space-2)}.side-nav-content{flex:1 1 auto;min-inline-size:0;min-block-size:0;overflow-block:auto;overflow-inline:hidden;align-content:start;opacity:1;transform:translate(0);transition:opacity .16s var(--ease-standard),transform .24s var(--ease-standard)}.app-sidebar.uds-side-nav[data-collapsed=true] .side-nav-content,.app-sidebar.uds-side-nav[data-collapsed=true] .side-nav-header,.app-sidebar.uds-side-nav[data-collapsed=true] .uds-side-nav-search,.app-sidebar.uds-side-nav[data-collapsed=true] .sidebar-component-tools{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;pointer-events:none;opacity:0;transform:translate(-8px)}.sidebar-component-tools{display:grid;gap:var(--space-3);margin-block-end:var(--space-2)}.sidebar-component-tools .uds-side-nav-search{margin-block-end:0}.sidebar-theme-menu__trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;inline-size:100%;max-inline-size:100%;align-items:center;gap:var(--space-3);min-block-size:48px;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:inherit;padding:var(--space-2) var(--space-3);font:inherit;text-align:start;cursor:pointer;transition:background var(--motion-duration-control) var(--motion-ease-control),border-color var(--motion-duration-control) var(--motion-ease-control),transform var(--motion-duration-control) var(--motion-ease-control)}.sidebar-theme-menu__copy{display:block;min-inline-size:0}.sidebar-theme-menu__current{display:flex;align-items:center;gap:var(--space-2);min-inline-size:0}.sidebar-theme-menu__icon{display:grid;inline-size:30px;block-size:30px;flex:0 0 auto;overflow:hidden;place-items:center;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--foreground)}.sidebar-theme-menu__icon[data-theme-id=utopia-cloudblur]{border-color:color-mix(in srgb,var(--primary) 28%,var(--border));background:radial-gradient(circle at 28% 22%,color-mix(in srgb,var(--primary) 20%,transparent),transparent 52%),color-mix(in srgb,var(--surface) 86%,var(--primary))}.sidebar-theme-menu__icon>img{inline-size:23px;block-size:23px;object-fit:contain}.sidebar-theme-menu__icon>svg{inline-size:16px;block-size:16px;stroke-width:var(--icon-stroke-width, 1.75)}.sidebar-theme-menu__current>strong{min-inline-size:0;overflow:hidden;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);line-height:var(--line-height-body);text-overflow:ellipsis;white-space:nowrap}.sidebar-theme-menu__trigger>svg{inline-size:14px;block-size:14px;flex:0 0 auto;transition:transform var(--motion-duration-icon) var(--motion-ease-icon)}.sidebar-theme-menu__trigger[data-state=open]>svg{transform:rotate(180deg)}.sidebar-theme-menu__trigger:hover{background:var(--surface-hover);border-color:var(--foreground-subtle)}.sidebar-theme-menu__trigger:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--focus-ring-width) var(--ring)}.sidebar-theme-menu{inline-size:min(17rem,calc(100vw - 24px));z-index:calc(var(--z-modal) + 1)}[data-radix-popper-content-wrapper]:has(.sidebar-theme-menu){z-index:calc(var(--z-modal) + 1)!important}.sidebar-theme-menu .uds-menu-item{min-block-size:54px}.sidebar-theme-menu .uds-menu-check-item{grid-template-columns:minmax(0,1fr)}.sidebar-theme-menu .uds-menu-item-indicator{display:none}.sidebar-theme-menu .uds-menu-check-item>.uds-menu-item-content{grid-column:1}.sidebar-theme-menu .uds-menu-check-item[data-state=checked]{background:var(--secondary)}.sidebar-theme-menu__option{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:var(--space-3);min-inline-size:0}.sidebar-theme-menu__option-copy{display:grid;min-inline-size:0;gap:2px}.sidebar-theme-menu__option-copy strong,.sidebar-theme-menu__option-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-theme-menu__option-copy strong{font-size:var(--font-size-supporting);font-weight:var(--font-weight-medium)}.sidebar-theme-menu__option-copy small{color:var(--foreground-muted);font-size:11px;line-height:1.35}.app-sidebar.uds-side-nav[data-collapsed=true] .app-sidebar-body{pointer-events:none}.side-nav-header.uds-side-nav-section{padding-block-end:var(--space-1)}.side-nav .uds-side-nav-item{color:var(--foreground-muted)}.side-nav .uds-side-nav-item:hover{background:color-mix(in srgb,var(--background) 88%,var(--foreground) 12%);color:var(--foreground)}.side-nav .uds-side-nav-item:focus-visible{background:color-mix(in srgb,var(--background) 88%,var(--foreground) 12%);color:var(--foreground);outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:calc(var(--focus-ring-width) * -1)}.side-nav .uds-side-nav-item[aria-current=page]{background:color-mix(in srgb,var(--background) 90%,var(--foreground) 10%);color:var(--foreground);font-weight:var(--font-weight-medium)}.side-nav-group{margin-top:0}.side-nav-group .uds-side-nav-heading,.eyebrow,.section-heading p,.kicker,.pill,.rail-group strong{margin:0;color:var(--foreground-muted);font-weight:var(--font-weight-medium)}.side-nav-group>.uds-side-nav-heading{padding-block:var(--space-3) var(--space-1);padding-inline:var(--space-3)}.app-sidebar .uds-side-nav-collapse-button{justify-self:end;min-inline-size:44px;min-block-size:44px;inline-size:44px;block-size:44px;border-radius:var(--radius-control);border:1px solid var(--border);background:var(--surface);color:var(--foreground-muted);font-size:20px;line-height:1}.app-sidebar .uds-side-nav-collapse-button:hover,.app-sidebar .uds-side-nav-collapse-button:focus-visible{background:var(--surface-hover);color:var(--foreground)}.app-sidebar .uds-side-nav-collapse-button:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:var(--focus-ring-offset)}.app-main{grid-column:2}.components-overview-shell .app-main{grid-column:2 / 4}.app-shell[dir=rtl] .app-main{grid-column:2}.toc{grid-column:3}.app-shell[dir=rtl] .toc{grid-column:3;border-inline:0 1px solid var(--border)}[dir=rtl] .component-doc-hero,[dir=rtl] .page-hero,[dir=rtl] .docs-article,[dir=rtl] .components-library-page{text-align:start}[dir=rtl] .component-tabs,[dir=rtl] .top-nav,[dir=rtl] .component-gallery-grid,[dir=rtl] .component-gallery-family-grid{direction:rtl}[dir=rtl] pre,[dir=rtl] code{direction:ltr;text-align:left}.app-main{min-width:0}.content-frame{width:min(100%,820px);margin-inline:auto;padding:48px 36px 96px}.content-frame-wide{width:min(100%,1180px);padding-inline:32px}@media(min-width:821px){.app-shell.logo-guide-shell,.app-shell.logo-guide-shell[dir=rtl],.app-shell.logo-guide-shell[data-sidebar-collapsed=true],.app-shell.logo-guide-shell[dir=rtl][data-sidebar-collapsed=true]{grid-template-columns:232px minmax(0,1fr)}.logo-guide-shell .app-main,.logo-guide-shell[dir=rtl] .app-main{grid-column:2 / -1}}.logo-guide-shell .content-frame-wide{width:min(100%,1280px)}.create-logo-page{container-name:create-logo;container-type:inline-size;display:grid;gap:var(--space-6);min-inline-size:0}.create-logo-hero{display:grid;gap:var(--space-2);max-inline-size:780px}.create-logo-hero h1{margin:0;color:var(--foreground);font-size:clamp(2.5rem,4vw,3.25rem);font-weight:var(--font-weight-strong);line-height:.98;letter-spacing:-.035em}.create-logo-hero>p:not(.eyebrow){max-inline-size:68ch;margin:0;color:var(--foreground-muted);font-size:var(--font-size-body-large);line-height:1.55}.logo-stage-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none}.logo-stage-rail li{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:var(--space-2);align-items:center;min-inline-size:0;color:var(--muted-foreground);font-size:var(--font-size-small)}.logo-stage-rail li:not(:last-child):after{position:absolute;z-index:0;inset-block-start:50%;inset-inline-start:34px;inset-inline-end:var(--space-2);block-size:1px;background:var(--border);content:""}.logo-stage-rail li>span,.logo-stage-rail li>strong{position:relative;z-index:1}.logo-stage-rail li>span{display:grid;place-items:center;inline-size:28px;block-size:28px;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-round);background:var(--background)}.logo-stage-rail li>strong{width:fit-content;max-inline-size:100%;background:var(--background);padding-inline-end:var(--space-2);color:inherit;font-weight:var(--font-weight-default)}.logo-stage-rail li[data-state=active]{color:var(--foreground)}.logo-stage-rail li[data-state=active]>span{border-color:var(--foreground);background:var(--foreground);color:var(--background)}.create-logo-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,288px);gap:clamp(var(--space-6),3vw,var(--space-10));align-items:start;min-inline-size:0}.create-logo-workspace{display:grid;gap:var(--space-4);min-inline-size:0}.logo-workflow-section{display:grid;gap:var(--space-4);min-inline-size:0;border-block-start:var(--border-width-hairline) solid var(--border);padding-block-start:var(--space-5);scroll-margin-block-start:120px}.logo-workflow-section:first-child{border-block-start:0;padding-block-start:0}.logo-workflow-section h2,.create-logo-project h2,.logo-registration-panel h3{margin:0;color:var(--foreground);font-weight:var(--font-weight-strong)}.logo-workflow-section h2{font-size:1.125rem;line-height:1.3}.logo-workflow-section p,.logo-registration-panel p{margin:0;color:var(--foreground-muted);line-height:1.5}.logo-brief-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:var(--border-width-hairline) solid var(--border);border-radius:calc(var(--radius-surface) + var(--border-width-hairline));overflow:hidden}.logo-brief-grid label{display:grid;gap:var(--space-2);min-inline-size:0;padding:var(--space-4)}.logo-brief-grid label:nth-child(2n){border-inline-start:var(--border-width-hairline) solid var(--border)}.logo-brief-grid label:nth-child(n+3){border-block-start:var(--border-width-hairline) solid var(--border)}.logo-brief-grid label>span{color:var(--muted-foreground);font-size:var(--font-size-small)}.logo-brief-grid :is(input,select,textarea){inline-size:100%;min-inline-size:0;border:0;border-radius:0;outline-offset:4px;background:transparent;color:var(--foreground);font:inherit;line-height:1.45;resize:vertical}.logo-brief-grid :is(input,select,textarea):focus-visible{outline:var(--border-width-focus) solid var(--ring)}.logo-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.logo-section-heading>div{display:grid;gap:var(--space-1);max-inline-size:68ch}.logo-section-heading>svg{inline-size:var(--icon-size-md);block-size:var(--icon-size-md);color:var(--muted-foreground)}.logo-count-pill,.logo-project-kicker{color:var(--muted-foreground);font-family:var(--font-mono);font-size:var(--font-size-small);letter-spacing:.04em}.logo-count-pill{border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-control);padding:var(--space-1) var(--space-2)}.logo-action-row,.logo-copy-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.logo-destination-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.logo-destination{display:flex;align-items:center;justify-content:space-between;min-block-size:var(--size-control-lg);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-control);background:var(--surface);padding-inline:var(--space-4);color:var(--foreground);font:inherit;cursor:pointer;touch-action:manipulation}.logo-destination[data-selected=true]{border-color:var(--primary);outline:var(--border-width-hairline) solid var(--primary);outline-offset:-2px}.logo-radio{display:block;inline-size:16px;block-size:16px;border:var(--border-width-hairline) solid var(--border-strong);border-radius:var(--radius-round);box-shadow:inset 0 0 0 4px var(--surface)}.logo-destination[data-selected=true] .logo-radio{border-color:var(--primary);background:var(--primary)}.logo-copy-actions>.uds-button{flex:1 1 220px}.logo-mcp-status{display:inline-flex;align-items:center;gap:var(--space-2);flex:0 0 auto;color:var(--muted-foreground);font-size:var(--font-size-small)}.logo-mcp-status>svg{inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm);flex:0 0 auto}.logo-prompt-review{border-block-start:var(--border-width-hairline) solid var(--border);padding-block-start:var(--space-3)}.logo-prompt-review summary{min-block-size:var(--size-control-sm);color:var(--foreground);cursor:pointer}.logo-prompt-review pre{max-block-size:360px;overflow:auto;overscroll-behavior:contain;margin:var(--space-3) 0 0;border:var(--border-width-hairline) solid var(--border);background:var(--surface);padding:var(--space-4);color:var(--foreground);font-family:var(--font-mono);font-size:var(--font-size-small);line-height:1.55;white-space:pre-wrap}.logo-next-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);margin:0;padding:0;list-style:none}.logo-next-steps li{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:var(--space-2);align-items:center;min-inline-size:0;color:var(--foreground);font-size:var(--font-size-small)}.logo-next-steps li>span{display:grid;place-items:center;inline-size:28px;block-size:28px;border-radius:var(--radius-round);background:var(--surface-strong)}.logo-next-steps li>strong{font-weight:var(--font-weight-default)}.logo-next-steps li>svg{position:absolute;inset-inline-end:0;inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm);color:var(--muted-foreground)}[dir=rtl] .logo-next-steps li>svg{transform:scaleX(-1)}.logo-import-zone{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-3);align-items:center;min-block-size:92px;border:var(--border-width-hairline) dashed var(--border-strong);border-radius:var(--radius-surface);background:var(--surface);padding:var(--space-4);cursor:pointer;touch-action:manipulation}.logo-import-zone:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:var(--focus-ring-offset)}.logo-import-action{display:inline-flex;align-items:center;justify-content:center;min-block-size:var(--size-control-sm);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-control);padding-inline:var(--space-3);color:var(--foreground)}.logo-import-zone>svg,.logo-import-zone>img{inline-size:48px;block-size:48px;object-fit:contain}.logo-import-zone>svg{padding:var(--space-3);border-radius:var(--radius-control);background:var(--surface-strong);color:var(--muted-foreground)}.logo-import-zone>div{display:grid;gap:var(--space-1);min-inline-size:0}.logo-import-zone>div>:is(strong,span){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-import-zone>div>span{color:var(--muted-foreground);font-size:var(--font-size-small)}.create-logo-project{position:sticky;inset-block-start:120px;display:grid;gap:var(--space-5);min-inline-size:0;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);padding:var(--space-5)}.create-logo-project>div:first-child{display:grid;gap:var(--space-1)}.create-logo-project h2{font-size:1.25rem}.create-logo-project dl,.create-logo-project dl>div{display:grid;gap:var(--space-1);margin:0}.create-logo-project dl{gap:var(--space-3)}.create-logo-project dl>div{border-block-end:var(--border-width-hairline) solid var(--border);padding-block-end:var(--space-3)}.create-logo-project dt{color:var(--muted-foreground);font-size:var(--font-size-small)}.create-logo-project dd{margin:0;color:var(--foreground);line-height:1.4;overflow-wrap:anywhere}.logo-registration-panel{display:grid;gap:var(--space-3);border-block-start:var(--border-width-hairline) solid var(--border);padding-block-start:var(--space-5);scroll-margin-block-start:120px}.logo-registration-panel>svg{inline-size:var(--icon-size-md);block-size:var(--icon-size-md);color:var(--muted-foreground)}.logo-registration-panel h3{font-size:1rem}.logo-registration-panel .uds-button{inline-size:100%}.logo-registration-panel small{color:var(--muted-foreground);line-height:1.4}.logo-workflow-notice{position:fixed;z-index:20;inset-inline-end:var(--space-6);inset-block-end:var(--space-6);max-inline-size:min(380px,calc(100vw - 32px));margin:0;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-control);background:var(--foreground);padding:var(--space-3) var(--space-4);color:var(--background);box-shadow:var(--shadow-popover);opacity:0;pointer-events:none;transform:translateY(var(--motion-distance-reveal));transition:opacity var(--motion-duration-expand) var(--motion-ease-standard),transform var(--motion-duration-expand) var(--motion-ease-standard)}.logo-workflow-notice[data-visible=true]{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.logo-workflow-notice,.logo-workflow-notice[data-visible=true]{transform:none}.logo-workflow-notice{transition:opacity var(--motion-duration-expand) var(--motion-ease-standard)}}@media(max-width:1320px){.create-logo-layout{grid-template-columns:minmax(0,1fr)}.create-logo-project{position:static;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);border:0;border-block-start:var(--border-width-hairline) solid var(--border);border-radius:0;border-inline-start:0;padding-block-start:var(--space-5);padding-inline:0;padding-block-end:0}.create-logo-project dl{grid-column:1}.logo-registration-panel{grid-column:2;grid-row:1 / span 2;border-block-start:0;border-inline-start:var(--border-width-hairline) solid var(--border);padding-block-start:0;padding-inline-start:var(--space-5)}}@container create-logo (max-width: 720px){.logo-stage-rail{grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.logo-stage-rail li:not(:last-child):after{inset-block-start:28px;inset-block-end:calc(var(--space-2) * -1);inset-inline-start:14px;inset-inline-end:auto;inline-size:1px;block-size:auto}.logo-stage-rail li>strong{padding-inline:0}.logo-brief-grid,.logo-destination-group,.logo-next-steps,.create-logo-project{grid-template-columns:minmax(0,1fr)}.logo-brief-grid label:nth-child(2n){border-inline-start:0}.logo-brief-grid label:nth-child(n+2){border-block-start:var(--border-width-hairline) solid var(--border)}.logo-next-steps{gap:var(--space-3)}.logo-next-steps li>svg{inset-block-end:calc(var(--space-3) * -1);inset-inline-start:6px;inset-inline-end:auto;transform:rotate(90deg)}[dir=rtl] .logo-next-steps li>svg{transform:rotate(90deg)}.logo-section-heading{display:grid}.logo-mcp-status,.logo-count-pill{width:fit-content}.logo-action-row,.logo-copy-actions{display:grid;grid-template-columns:minmax(0,1fr)}.logo-action-row .uds-button,.logo-copy-actions .uds-button{inline-size:100%}.logo-import-zone{grid-template-columns:auto minmax(0,1fr)}.logo-import-action{grid-column:1 / -1;inline-size:100%}.create-logo-project dl,.logo-registration-panel{grid-column:1;grid-row:auto}.logo-registration-panel{border-block-start:var(--border-width-hairline) solid var(--border);border-inline-start:0;padding-block-start:var(--space-5);padding-inline-start:0}}@media(max-width:720px){.logo-guide-shell .content-frame-wide{padding-inline:var(--space-4)}.create-logo-page{gap:var(--space-8)}.logo-stage-rail{grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.logo-stage-rail li:not(:last-child):after{inset-block-start:28px;inset-block-end:calc(var(--space-2) * -1);inset-inline-start:14px;inset-inline-end:auto;inline-size:1px;block-size:auto}.logo-stage-rail li>strong{padding-inline:0}.logo-brief-grid,.logo-destination-group,.logo-next-steps,.create-logo-project{grid-template-columns:minmax(0,1fr)}.logo-brief-grid label:nth-child(2n){border-inline-start:0}.logo-brief-grid label:nth-child(n+2){border-block-start:var(--border-width-hairline) solid var(--border)}.logo-next-steps{gap:var(--space-3)}.logo-next-steps li>svg{inset-block-end:calc(var(--space-3) * -1);inset-inline-start:6px;inset-inline-end:auto;transform:rotate(90deg)}[dir=rtl] .logo-next-steps li>svg{transform:rotate(90deg)}.logo-section-heading{display:grid}.logo-mcp-status,.logo-count-pill{width:fit-content}.logo-action-row,.logo-copy-actions{display:grid;grid-template-columns:minmax(0,1fr)}.logo-action-row .uds-button,.logo-copy-actions .uds-button{inline-size:100%}.logo-import-zone{grid-template-columns:auto minmax(0,1fr)}.logo-import-action{grid-column:1 / -1;inline-size:100%}.create-logo-project dl,.logo-registration-panel{grid-column:1;grid-row:auto}.logo-registration-panel{border-block-start:var(--border-width-hairline) solid var(--border);border-inline-start:0;padding-block-start:var(--space-5);padding-inline-start:0}.logo-workflow-notice{inset-inline:var(--space-4);inset-block-end:var(--space-4)}}.site-legal-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-5);margin-block-start:var(--space-12);border-block-start:var(--border-width-hairline) solid var(--border);padding-block-start:var(--space-5);color:var(--foreground-muted);font-size:var(--font-size-small)}.site-legal-footer nav{display:flex;flex-wrap:wrap;gap:var(--space-4)}.site-legal-footer a{color:var(--foreground-muted);text-underline-offset:.2em}.site-legal-footer a:hover,.site-legal-footer a:focus-visible,.site-legal-footer a[aria-current=page]{color:var(--foreground)}.analytics-consent{position:fixed;inset-inline:max(var(--space-4),env(safe-area-inset-left)) max(var(--space-4),env(safe-area-inset-right));inset-block-end:max(var(--space-4),env(safe-area-inset-bottom));z-index:1200;display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);max-inline-size:46rem;margin-inline:auto;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--popover-surface, var(--surface));box-shadow:var(--shadow-control);padding:var(--space-4);color:var(--foreground)}.analytics-consent p{margin:0;font-size:var(--font-size-small);line-height:var(--line-height-body)}.analytics-consent a{color:var(--primary);text-underline-offset:.2em}.analytics-consent-actions{display:flex;flex:0 0 auto;gap:var(--space-2)}.legal-page{display:grid;gap:var(--space-8);min-inline-size:0;color:var(--foreground)}.legal-hero{display:grid;gap:var(--space-3);max-inline-size:44rem;padding-block-end:var(--space-6);border-block-end:1px solid var(--border)}.legal-hero .eyebrow,.legal-hero h1,.legal-hero p,.legal-sections h2,.legal-sections p{margin:0}.legal-hero h1{font-size:var(--font-size-display);line-height:var(--line-height-tight);letter-spacing:var(--tracking-heading)}.legal-summary{color:var(--foreground-muted);font-size:var(--font-size-body-lg);line-height:var(--line-height-body)}.legal-effective{color:var(--foreground-subtle);font-size:var(--font-size-small)}.legal-sections{display:grid;gap:var(--space-8);min-inline-size:0}.legal-sections section{display:grid;gap:var(--space-3);scroll-margin-block-start:6rem}.legal-sections h2{font-size:var(--font-size-marketing-h3);line-height:var(--line-height-marketing-h3)}.legal-sections p,.legal-sections li,.legal-sections td,.legal-sections th{line-height:var(--line-height-body)}.legal-sections p,.legal-sections li{max-inline-size:46rem}.legal-sections ul{display:grid;gap:var(--space-2);margin:0;padding-inline-start:var(--space-6)}.legal-sections a{color:var(--primary);text-underline-offset:.2em}.legal-table-wrap{min-inline-size:0;max-inline-size:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-surface)}.legal-table-wrap table{inline-size:100%;min-inline-size:42rem;border-collapse:collapse;text-align:start}.legal-table-wrap th,.legal-table-wrap td{padding:var(--space-4);border-block-end:1px solid var(--border);text-align:start;vertical-align:top}.legal-table-wrap th{background:var(--surface);color:var(--foreground);font-weight:var(--font-weight-strong)}.legal-table-wrap tr:last-child td{border-block-end:0}.diagnostics-control{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface);padding:var(--space-5)}.diagnostics-control>div{display:grid;gap:var(--space-2);min-inline-size:0}.diagnostics-control p{color:var(--foreground-muted);font-size:var(--font-size-small)}.toc{position:sticky;top:72px;height:calc(100vh - 72px);display:grid;align-content:start;gap:14px;overflow:auto;border-inline-start:1px solid var(--border);padding:48px 28px}@media(max-width:640px){.site-legal-footer,.diagnostics-control{align-items:stretch;flex-direction:column}.diagnostics-control .uds-button{inline-size:100%}.analytics-consent{align-items:stretch;flex-direction:column;gap:var(--space-3);padding:var(--space-3)}.analytics-consent-actions .uds-button{flex:1}.legal-table-wrap{border:0;overflow:visible}.legal-table-wrap table,.legal-table-wrap tbody,.legal-table-wrap tr,.legal-table-wrap td{display:block;min-inline-size:0;inline-size:100%}.legal-table-wrap thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.legal-table-wrap tbody{display:grid;gap:var(--space-4)}.legal-table-wrap tr{border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface);overflow:hidden}.legal-table-wrap td{display:grid;grid-template-columns:minmax(6.5rem,.42fr) minmax(0,1fr);gap:var(--space-3);padding:var(--space-4)}.legal-table-wrap td:before{content:attr(data-label);color:var(--foreground-muted);font-size:var(--font-size-small);font-weight:var(--font-weight-strong)}.legal-table-wrap tr:last-child td:not(:last-child){border-block-end:1px solid var(--border)}}.toc strong{border-inline-start:2px solid var(--foreground);padding-inline-start:14px;color:var(--foreground);font-size:14px;font-weight:var(--font-weight-strong)}.toc a{padding-inline-start:16px}.app-shell[dir=rtl] .app-main,.components-overview-shell[dir=rtl] .app-main{grid-column:2}.app-shell[dir=rtl] .toc{grid-column:3;border-inline-start:0;border-inline-end:1px solid var(--border)}.app-shell[dir=rtl] .toc strong{border-inline-start:0;border-inline-end:2px solid var(--foreground);padding-inline-start:0;padding-inline-end:14px}.app-shell[dir=rtl] .toc a{padding-inline-start:0;padding-inline-end:16px}.page{display:grid;gap:40px;min-inline-size:0}.route-status-page{display:grid;align-content:center;justify-items:start;gap:clamp(28px,4vw,56px);inline-size:min(calc(100% - 48px),76rem);min-block-size:max(32rem,calc(100vh - 13rem));margin-inline:auto;padding-block:clamp(64px,10vw,132px)}.route-status-page__copy{display:grid;justify-items:start;gap:var(--space-4);max-inline-size:44rem}.route-status-page :where(h1,p){margin:0}.route-status-page h1{max-inline-size:16ch;font-family:var(--font-display);font-size:clamp(2.7rem,6vw,5.7rem);font-weight:var(--font-weight-medium);letter-spacing:-.055em;line-height:.98;text-wrap:balance}.route-status-page__copy>p:last-of-type{max-inline-size:58ch;color:var(--muted-foreground);font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.6;text-wrap:pretty}.route-status-page__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.not-found-page{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:center;column-gap:clamp(36px,6vw,88px)}.not-found-page__code{color:color-mix(in oklab,var(--primary) 76%,var(--foreground));font-family:var(--font-display);font-size:clamp(8rem,16vw,12rem);font-weight:var(--font-weight-medium);letter-spacing:-.09em;line-height:.72}@media(max-width:720px){.route-status-page{inline-size:min(calc(100% - 32px),76rem);min-block-size:calc(100svh - 9rem);padding-block:64px}.not-found-page{grid-template-columns:1fr;align-content:center}.not-found-page__code{font-size:clamp(7rem,42vw,11rem)}.route-status-page__actions{display:grid;inline-size:100%}}.components-library-page{gap:34px}.components-library-hero{display:grid;justify-items:start;gap:12px;padding-block:0 26px;text-align:start}.components-library-hero h1{margin:0;color:var(--foreground);font-size:clamp(38px,5vw,48px);font-weight:var(--font-weight-strong);line-height:1.04}.components-library-hero p{max-width:72ch;margin:0;color:var(--foreground-muted);font-size:16px;line-height:1.55}.components-library-divider{border-block-start:1px solid var(--border)}.components-library-sections,.component-gallery-section{display:grid;gap:26px}.component-gallery-section{scroll-margin-top:92px}.component-gallery-section h2{margin:0;color:var(--foreground);font-size:24px;font-weight:var(--font-weight-strong);line-height:1.15}.component-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px}.component-gallery-card{display:grid;gap:10px;min-width:0}.component-gallery-family{grid-column:1 / -1;display:grid;gap:14px;border-block:1px solid var(--border);padding-block:18px 4px}.component-gallery-family-header{display:grid;gap:6px}.component-gallery-family-header p{max-width:68ch;margin:0;color:var(--foreground-muted);font-size:13px;line-height:1.5}.component-gallery-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 14px}.component-gallery-preview{display:grid;min-block-size:236px;place-items:center;overflow:hidden;border-radius:var(--radius-surface);background:color-mix(in srgb,var(--background) 88%,var(--foreground) 12%);padding:28px}.component-gallery-preview>*{max-inline-size:100%}.component-gallery-preview .uds-card{inline-size:min(100%,240px)}.component-gallery-preview .uds-side-nav{inline-size:min(100%,16rem)}.component-gallery-preview .uds-slider{inline-size:min(180px,100%)}.component-gallery-preview .uds-textarea,.component-gallery-preview .uds-input,.component-gallery-preview .uds-select-trigger{inline-size:100%;max-inline-size:220px}.component-gallery-sheet-preview{position:relative;inline-size:min(280px,100%);block-size:7.5rem;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface)}.component-gallery-sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--background) 40%,transparent)}.component-gallery-sheet-panel{position:absolute;inset-block:0;inset-inline-end:0;display:grid;gap:var(--space-2);inline-size:9.5rem;background:var(--surface-strong);color:var(--foreground);padding:var(--space-4);font-size:var(--font-size-small)}.component-gallery-sheet-panel strong{font-weight:var(--font-weight-medium)}.component-gallery-assistant-panel{inline-size:min(24rem,100%);block-size:28rem;border:var(--border-width-hairline) solid var(--border)}.component-gallery-sheet-field{display:block;block-size:2rem;border-radius:var(--radius-control);background:var(--secondary)}.component-gallery-preview .uds-menubar,.component-gallery-preview .uds-navigation-menu{position:relative}.component-gallery-preview .uds-menubar-content,.component-gallery-preview .uds-navigation-menu-content{position:absolute;inset-block-start:calc(100% + var(--space-1));inset-inline-start:0;z-index:1}.checkbox-gallery-preview{align-items:start;gap:var(--space-2);font-size:var(--font-size-small);line-height:var(--line-height-body)}.checkbox-gallery-preview .choice-row{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--foreground);white-space:nowrap}.checkbox-gallery-preview .choice-row.is-disabled{color:var(--muted-foreground)}.top-nav-gallery-shell{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);inline-size:min(100%,24rem);min-inline-size:0}.component-gallery-preview:has(.top-nav-gallery-part){min-block-size:210px;padding:var(--space-4)}.top-nav-gallery-part{box-sizing:border-box}.top-nav-gallery-part--shell{justify-content:space-between;align-items:center;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:var(--radius-surface);background:color-mix(in srgb,var(--background) 92%,var(--foreground) 8%);padding:var(--space-2)}.top-nav-gallery-root{inline-size:auto;justify-content:center}.top-nav-gallery-root .uds-top-nav{gap:var(--space-1)}.top-nav-gallery-root .uds-top-nav-item{min-block-size:var(--button-height-sm);padding-inline:var(--space-2);font-size:12px}.top-nav-gallery-shell .uds-top-nav-heading-icon,.top-nav-gallery-heading .uds-top-nav-heading-icon,.top-nav-gallery-heading-frame .uds-top-nav-heading-icon{inline-size:2rem;block-size:2rem}.top-nav-gallery-heading .uds-top-nav-heading-label,.component-gallery-preview .uds-top-nav-heading-label{font-size:13px}.top-nav-gallery-heading .uds-top-nav-heading-subtitle,.component-gallery-preview .uds-top-nav-heading-subtitle{font-size:10px}.top-nav-gallery-heading-frame,.top-nav-gallery-strip{display:inline-flex;align-items:center;justify-content:center;inline-size:min(100%,18rem)}.top-nav-gallery-part--heading{justify-content:start;inline-size:min(100%,16rem)}.top-nav-gallery-part--items{justify-content:center;inline-size:min(100%,20rem)}.top-nav-icon-preview .uds-nav-icon{color:var(--foreground)}.top-nav-gallery-part--icons{border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:var(--radius-surface);background:color-mix(in srgb,var(--background) 92%,var(--foreground) 8%);padding:var(--space-2)}.component-gallery-preview .uds-nav-icon{inline-size:var(--button-height-sm);block-size:var(--button-height-sm);min-block-size:var(--button-height-sm)}.component-gallery-preview .uds-nav-icon svg{inline-size:1rem;block-size:1rem}.top-nav-gallery-stack{display:grid;gap:var(--space-2);justify-items:center}.top-nav-gallery-part--menu{min-inline-size:min(100%,13rem)}.top-nav-gallery-menu-surface{display:grid;min-inline-size:11rem;gap:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--popover-surface);box-shadow:var(--shadow-popover);padding:var(--space-2);color:var(--foreground);font-size:12px}.top-nav-gallery-menu-surface>span{border-radius:var(--radius-control);padding-block:var(--space-1);padding-inline:var(--space-2)}.top-nav-gallery-mega{display:grid;grid-template-columns:minmax(8rem,.85fr) minmax(8rem,1fr);gap:var(--space-2);inline-size:min(100%,25rem);border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--popover-surface);padding:var(--space-2)}.top-nav-gallery-part--mega,.top-nav-gallery-part--mega-items,.top-nav-gallery-part--featured{box-shadow:none}.top-nav-gallery-mega-list{display:grid;gap:var(--space-1);min-inline-size:0}.top-nav-gallery-featured-card{inline-size:min(100%,14rem);min-block-size:8rem}.component-gallery-preview .uds-top-nav-mega-featured-card{min-block-size:8rem;padding:var(--space-3)}.component-gallery-preview .uds-top-nav-mega-menu-item{padding-block:var(--space-2);padding-inline:var(--space-2)}.component-gallery-preview .uds-top-nav-mega-featured-title,.component-gallery-preview .uds-top-nav-mega-menu-item-title{font-size:12px}.component-gallery-preview .uds-top-nav-mega-featured-description,.component-gallery-preview .uds-top-nav-mega-menu-item-description{font-size:11px}.component-gallery-name{color:var(--foreground-muted);font-size:14px;line-height:1.35}.component-gallery-name:hover{color:var(--foreground)}.component-gallery-name:focus-visible{color:var(--foreground);outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.library-preview-mark{inline-size:22px;block-size:22px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface)}.library-preview-label{max-inline-size:160px;color:var(--foreground-muted);font-size:11px;line-height:1.35;text-align:center}.component-gallery-alert,.component-gallery-attachment,.component-gallery-command,.component-gallery-combobox,.component-gallery-data-table,.component-gallery-input-group,.component-gallery-item{inline-size:min(100%,18rem)}.component-gallery-alert{padding:var(--space-3)}.component-gallery-alert .uds-alert-title,.component-gallery-attachment .uds-attachment-title,.component-gallery-item .uds-item-title{font-size:var(--font-size-small)}.component-gallery-alert .uds-alert-description,.component-gallery-attachment .uds-attachment-description,.component-gallery-item .uds-item-description{font-size:var(--font-size-xs)}.component-gallery-aspect-ratio{inline-size:min(100%,18rem);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface);color:var(--foreground-muted);font-size:var(--font-size-small)}.component-gallery-calendar{--gallery-calendar-cell: calc(var(--space-5) + var(--space-1));inline-size:min(100%,15rem)}.component-gallery-calendar .uds-calendar{gap:var(--space-2);inline-size:100%;padding:var(--space-3)}.component-gallery-calendar .uds-calendar-month{gap:var(--space-2)}.component-gallery-calendar .uds-calendar-grid,.component-gallery-calendar .uds-calendar-weekdays,.component-gallery-calendar .uds-calendar-week{gap:var(--space-1)}.component-gallery-calendar .uds-calendar-nav-button,.component-gallery-calendar .uds-calendar-day-button,.component-gallery-calendar .uds-calendar-weekday{inline-size:var(--gallery-calendar-cell);block-size:var(--gallery-calendar-cell);min-block-size:var(--gallery-calendar-cell);font-size:var(--font-size-xs)}.component-gallery-calendar .uds-calendar-caption{min-block-size:var(--gallery-calendar-cell);padding-inline:calc(var(--gallery-calendar-cell) + var(--space-2))}.component-gallery-calendar .uds-calendar-title{font-size:var(--font-size-small)}.component-gallery-carousel{display:grid;gap:var(--space-3);inline-size:min(100%,19rem)}.component-gallery-carousel .uds-carousel-content{gap:var(--space-2);padding-inline:var(--space-1)}.component-gallery-carousel .uds-carousel-item{flex-basis:72%;min-block-size:7rem;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface);color:var(--foreground-muted);font-size:var(--font-size-small)}.component-gallery-carousel .uds-carousel-controls{justify-content:end}.component-gallery-chart{inline-size:min(100%,18rem);min-block-size:10rem}.component-gallery-chart .uds-chart-bars{block-size:7rem}.component-gallery-chart-root{inline-size:min(100%,22rem)}.component-gallery-chart-root .uds-chart-root-header{gap:var(--space-2)}.component-gallery-chart-root .uds-chart-root-header h3{font-size:var(--font-size-body)}.component-gallery-chart-root .uds-chart-state-label,.component-gallery-chart-root .uds-chart-explorer-output,.component-gallery-chart-root .uds-chart-legend-button{font-size:var(--font-size-caption)}.component-gallery-chart-root .uds-chart-responsive-container{block-size:8rem}.component-gallery-accordion,.component-gallery-collapsible{inline-size:min(100%,18rem)}.component-gallery-accordion .uds-accordion-trigger,.component-gallery-collapsible .uds-collapsible-trigger{font-size:var(--font-size-small)}.component-gallery-accordion .uds-accordion-content-inner,.component-gallery-collapsible .uds-collapsible-content-inner{color:var(--foreground-muted);font-size:var(--font-size-xs)}.component-gallery-collapsible .uds-collapsible-trigger{display:flex;align-items:center;justify-content:space-between;inline-size:100%}.component-gallery-collapsible .uds-collapsible-trigger svg{inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm)}.component-gallery-combobox{position:relative}.component-gallery-combobox .uds-combobox-trigger{inline-size:100%}.component-gallery-combobox .uds-combobox-content{position:static;display:grid;margin-block-start:var(--space-2)}.component-gallery-command{max-block-size:12rem}.component-gallery-command .uds-command-palette-list{max-block-size:8rem}.component-gallery-context-trigger{display:grid;place-items:center;inline-size:min(100%,17rem);min-block-size:9rem;border:var(--border-width-hairline) dashed var(--border-strong);border-radius:var(--radius-surface);color:var(--foreground-muted);font-size:var(--font-size-small)}.component-gallery-data-table{overflow:hidden}.component-gallery-data-table .uds-data-table-head,.component-gallery-data-table .uds-data-table-cell{padding-block:var(--space-2);padding-inline:var(--space-2);font-size:var(--font-size-xs)}.component-gallery-data-table .uds-checkbox{inline-size:var(--checkbox-size);block-size:var(--checkbox-size)}.component-gallery-date-picker{inline-size:min(100%,15rem)}.component-gallery-date-picker .uds-date-picker-trigger{inline-size:100%}.component-gallery-direction{display:grid;gap:var(--space-2);inline-size:min(100%,17rem);border-inline-start:var(--border-width-thick) solid var(--primary);padding-inline-start:var(--space-3);color:var(--foreground);font-family:var(--font-arabic-body);text-align:start}.component-gallery-direction span{color:var(--foreground-muted);font-size:var(--font-size-small)}.component-gallery-empty{display:grid;justify-items:center;gap:var(--space-2);inline-size:min(100%,18rem);text-align:center}.component-gallery-empty>svg{inline-size:var(--icon-size-lg);block-size:var(--icon-size-lg)}.component-gallery-empty>span{color:var(--foreground-muted);font-size:var(--font-size-small)}.component-gallery-input-group .uds-input-group-input{min-inline-size:0}.component-gallery-preview .uds-input-otp{max-inline-size:100%}.component-gallery-item .uds-item-actions svg{inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm);color:var(--success)}.component-gallery-sidebar{--sidebar-width: min(100%, 16rem);--sidebar-min-block-size: 12rem;inline-size:min(100%,16rem);min-block-size:12rem;border:var(--border-width-hairline) solid var(--border)}.component-gallery-sidebar .uds-sidebar-content{overflow:hidden}.component-gallery-preview .uds-chat-layout,.component-gallery-preview .uds-chat-message-list,.component-gallery-preview .uds-chat-composer,.component-gallery-preview .uds-chat-tool-calls{inline-size:min(100%,19rem)}.component-gallery-preview .uds-chat-layout{gap:var(--space-2)}.component-gallery-preview .uds-chat-layout-composer{margin-block-start:var(--space-2)}.component-gallery-preview .uds-chat-message-list{gap:var(--space-2)}.component-gallery-preview .uds-chat-message-bubble,.component-gallery-preview .uds-chat-tokenized-text{padding-block:var(--space-2);padding-inline:var(--space-3);font-size:var(--font-size-small)}.component-gallery-preview .uds-chat-message-metadata,.component-gallery-preview .uds-chat-system-message,.component-gallery-preview .uds-chat-tool-calls{font-size:var(--font-size-xs)}.component-gallery-preview .uds-chat-composer{gap:var(--space-2);padding:var(--space-3)}.component-gallery-preview .uds-chat-composer-row,.component-gallery-preview .uds-chat-composer-input{min-block-size:var(--control-height-sm)}.component-gallery-preview .uds-chat-composer-input{font-size:var(--font-size-small)}.component-gallery-preview .uds-chat-composer-drawer{padding-block-end:var(--space-2)}.library-skeleton-preview,.library-progress-preview{display:block;inline-size:min(180px,100%);block-size:10px;overflow:hidden;border-radius:var(--radius-control);background:var(--surface-strong)}.library-skeleton-preview{block-size:56px}.library-progress-preview span{display:block;inline-size:62%;block-size:100%;background:var(--primary)}.docs-article{display:grid;gap:40px;min-inline-size:0}.docs-article section{display:grid;gap:18px;min-inline-size:0}.docs-article h2{margin:0;color:inherit;font-size:30px;font-weight:var(--font-weight-strong);line-height:1.18}.docs-article p{margin:0;color:color-mix(in srgb,currentColor 68%,transparent);font-size:17px;line-height:1.6}.whats-new-hero .eyebrow,.whats-new-repository-link,.whats-new-section-heading>a,.github-release-card__meta,.github-release-card__footer,.github-commit-list a,.github-source-section nav a,.github-feed-empty{display:flex;align-items:center}.whats-new-hero .eyebrow{gap:var(--space-2)}.whats-new-hero .eyebrow svg,.whats-new-repository-link svg,.whats-new-section-heading svg,.github-release-card svg,.github-commit-list svg,.github-source-section svg,.github-feed-empty svg{inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm);flex:0 0 auto}.whats-new-repository-link{width:fit-content;gap:var(--space-2);min-block-size:var(--size-control-md);padding-inline:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--foreground);font-family:var(--font-mono);font-size:var(--font-size-small);text-decoration:none}.whats-new-repository-link:hover,.github-release-card:hover,.github-commit-list a:hover,.github-source-section nav a:hover,.github-feed-empty:hover{border-color:var(--primary);color:var(--primary)}.whats-new-section-heading{display:flex;gap:var(--space-6);align-items:end;justify-content:space-between}.whats-new-section-heading>div{display:grid;gap:var(--space-3)}.whats-new-section-heading>a{gap:var(--space-2);flex:0 0 auto;color:var(--foreground);font-weight:var(--font-weight-strong);text-decoration:none}.github-feed-status,.github-feed-empty{padding:var(--space-4);border-inline-start:3px solid var(--primary);background:var(--surface)}.github-release-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.github-release-card{display:grid;gap:var(--space-4);min-inline-size:0;padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--card);color:var(--foreground);text-decoration:none;transition:border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.github-release-card__meta{gap:var(--space-2);font-family:var(--font-mono);font-size:var(--font-size-small)}.github-release-card__meta em,.github-release-card__footer small{padding:2px var(--space-2);border:1px solid currentColor;border-radius:var(--radius-round);font-size:.75rem;font-style:normal}.github-release-card strong{font-size:1.25rem;line-height:1.25}.github-release-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:1rem}.github-release-card__footer{gap:var(--space-3);margin-block-start:auto;color:var(--foreground-muted);font-size:var(--font-size-small)}.github-release-card__footer>svg{margin-inline-start:auto}.github-commit-list{display:grid;gap:0;margin:0;padding:0;border-block-start:1px solid var(--border);list-style:none}.github-commit-list a{gap:var(--space-4);min-block-size:72px;padding-block:var(--space-4);border-block-end:1px solid var(--border);color:var(--foreground);text-decoration:none}.github-commit-list a>span{display:grid;gap:var(--space-1);min-inline-size:0}.github-commit-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.github-commit-list small{color:var(--foreground-muted);font-family:var(--font-mono)}.github-commit-list a>svg:last-child{margin-inline-start:auto}.github-source-section{grid-template-columns:minmax(0,1fr) minmax(250px,.75fr);align-items:start}.github-source-section>div{display:grid;gap:var(--space-4)}.github-source-section>div>svg{inline-size:var(--size-icon-lg);block-size:var(--size-icon-lg)}.github-source-section nav{display:grid;gap:var(--space-2)}.github-source-section nav a,.github-feed-empty{gap:var(--space-3);min-block-size:var(--size-control-md);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--foreground);text-decoration:none}.github-source-section nav a>svg:last-child{margin-inline-start:auto}@media(max-width:720px){.whats-new-section-heading,.github-source-section{display:grid;grid-template-columns:1fr;align-items:start}.github-release-grid{grid-template-columns:1fr}.github-commit-list strong{white-space:normal}}.scenario-heading{display:grid;gap:var(--space-3);max-inline-size:48rem}.scenario-heading .eyebrow,.scenario-heading h2,.scenario-heading p{margin:0}.scenario-heading .eyebrow{color:var(--primary);font-family:var(--font-mono);font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:.08em}.getting-started-page{gap:0;inline-size:min(100%,64rem)}.getting-started-intro{display:grid;gap:var(--space-3);padding-block:var(--space-2) var(--space-8);border-block-end:var(--border-width-hairline) solid var(--border)}.getting-started-intro h1,.getting-started-intro p{margin:0}.getting-started-intro h1{color:var(--foreground);font-size:clamp(2.5rem,5vw,3.75rem);font-weight:var(--font-weight-strong);line-height:1.05;letter-spacing:-.035em;text-wrap:balance}.getting-started-intro p{max-inline-size:65ch;color:var(--muted-foreground);font-size:var(--font-size-body);line-height:1.6}.getting-started-page .docs-article{gap:var(--space-12);padding-block-start:var(--space-12)}.getting-started-page .scenario-heading{gap:var(--space-2)}.getting-started-page .scenario-heading h2{font-size:var(--font-size-heading-2)}.getting-started-page .scenario-heading p{font-size:var(--font-size-body)}.token-table td:first-child,.token-table th:first-child{inline-size:22%}.token-chip-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.token-chip-grid span{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);padding:7px 10px;color:var(--foreground-muted);font-family:var(--font-mono);font-size:12px;line-height:1.35}.token-architecture{display:grid;gap:var(--space-8)}.token-architecture-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}.token-architecture-flow li{position:relative;display:grid;align-content:start;gap:var(--space-2);min-inline-size:0;border:var(--border-width-hairline) solid var(--border);background:var(--surface);padding:var(--space-4)}.token-architecture-flow li:not(:last-child):after{position:absolute;z-index:1;inset-block-start:50%;inset-inline-end:calc(var(--space-3) * -1);content:"→";color:var(--primary);font-weight:var(--font-weight-strong);transform:translate(50%,-50%)}[dir=rtl] .token-architecture-flow li:not(:last-child):after{content:"←"}.token-architecture-flow li>span{color:var(--primary);font-family:var(--font-mono);font-size:var(--font-size-supporting)}.token-architecture-flow strong{color:var(--foreground);font-size:1.125rem}.token-architecture-flow p,.token-architecture-flow a{margin:0}.token-architecture-flow p{color:var(--muted-foreground);line-height:1.55}.token-architecture-flow a{margin-block-start:auto;color:var(--foreground);text-decoration-color:var(--primary);text-underline-offset:.25em}.token-mapping-table{overflow:hidden;border:var(--border-width-hairline) solid var(--border)}.token-mapping-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr)}.token-mapping-row+.token-mapping-row{border-block-start:var(--border-width-hairline) solid var(--border)}.token-mapping-row>*{min-inline-size:0;padding:var(--space-3) var(--space-4);overflow-wrap:anywhere}.token-mapping-row>*+*{border-inline-start:var(--border-width-hairline) solid var(--border)}.token-mapping-head{background:var(--surface-strong);color:var(--foreground);font-size:var(--font-size-supporting);font-weight:var(--font-weight-medium)}.token-architecture-rule{margin:0;border-inline-start:3px solid var(--primary);padding-inline-start:var(--space-4);color:var(--foreground);font-weight:var(--font-weight-medium)}.primitive-token-table th:first-child,.primitive-token-table td:first-child{inline-size:50%}.guide-next-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block-start:var(--border-width-hairline) solid var(--border)}.template-selector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-block-start:var(--space-6)}.template-selector-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-1) var(--space-3);min-inline-size:0;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-control);background:var(--surface);padding:var(--space-4);color:var(--muted-foreground);font:inherit;text-align:start;cursor:pointer}.template-selector-item:hover,.template-selector-item:focus-visible{border-color:var(--ring);background:var(--surface-strong)}.template-selector-item:focus-visible{outline:var(--border-width-focus) solid var(--ring);outline-offset:var(--space-1)}.template-selector-item[aria-pressed=true]{border-color:var(--primary);background:var(--surface-strong);color:var(--foreground)}.template-selector-title{color:var(--foreground);font-weight:var(--font-weight-medium)}.template-selector-item small{grid-column:1 / -1}.template-selection-detail{display:grid;gap:var(--space-6);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface);padding:var(--space-6)}.template-selection-detail>header{display:grid;gap:var(--space-2)}.template-selection-detail>header>div{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);color:var(--muted-foreground)}.template-selection-detail h3{margin:0;color:var(--foreground);font-size:var(--font-size-heading-3)}.template-selection-detail code{max-inline-size:100%;overflow-wrap:anywhere;color:var(--muted-foreground)}.template-contract-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.template-contract-grid section{display:grid;align-content:start;gap:var(--space-2);min-inline-size:0;padding-block-start:var(--space-4);border-block-start:var(--border-width-hairline) solid var(--border)}.template-contract-grid strong{color:var(--foreground)}.template-contract-grid p,.template-contract-grid ul{margin:0;color:var(--foreground-muted)}.template-contract-grid ul{padding-inline-start:var(--space-6)}.guide-next-links a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-inline-size:0;border-block-end:var(--border-width-hairline) solid var(--border);padding:var(--space-4);color:var(--foreground);text-decoration:none}.guide-next-links a:nth-child(odd){border-inline-end:var(--border-width-hairline) solid var(--border)}.guide-next-links a:hover{background:var(--surface-strong)}.guide-next-links svg{flex:0 0 auto;inline-size:1rem;block-size:1rem}[dir=rtl] .guide-next-links svg{transform:scaleX(-1)}.foundation-swatches,.foundation-surface-grid,.foundation-type-comparison,.arabic-mockup-grid{display:grid;gap:14px}.foundation-stack{display:grid;gap:var(--space-8)}.foundation-token-group{display:grid;gap:var(--space-3)}.foundation-token-group h3{margin:0;color:var(--foreground);font-size:18px;line-height:1.25}.foundation-card-grid,.type-scale,.mixed-script-grid,.logical-layout-grid,.theme-variance-grid,.motion-scale,.icon-mirroring-grid,.illustration-preview-grid{display:grid;align-items:start;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.foundation-card-grid,.illustration-preview-grid{align-items:stretch}.foundation-card,.type-scale article,.mixed-script-grid div,.logical-layout-grid article,.theme-variance-grid article,.motion-scale article,.icon-mirroring-grid article,.illustration-preview-grid article{display:grid;gap:10px;min-width:0;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface);padding:16px}.foundation-card-grid>.foundation-card,.illustration-preview-grid>article{align-content:start;block-size:100%}.foundation-card strong,.type-scale strong,.mixed-script-grid strong,.logical-layout-grid strong,.theme-variance-grid strong,.motion-scale strong,.icon-mirroring-grid strong,.illustration-preview-grid strong{color:var(--foreground)}.foundation-card p,.type-scale p,.mixed-script-grid span,.logical-layout-grid span,.theme-variance-grid p,.motion-scale p,.icon-mirroring-grid p,.illustration-preview-grid p{color:var(--foreground-muted);font-size:14px;line-height:1.5}.foundation-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.theme-implementation-grid{grid-template-columns:minmax(15rem,.8fr) minmax(20rem,1.2fr)}.theme-implementation-grid .chip-list{align-content:start}@media(max-width:760px){.theme-implementation-grid{grid-template-columns:minmax(0,1fr)}}.foundation-swatches div,.foundation-surface-grid article,.foundation-type-comparison>div,.arabic-mockup{display:grid;gap:10px;min-width:0;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface);padding:16px}.foundation-swatches span{display:block;block-size:72px;border:1px solid var(--border)}.foundation-swatches strong,.foundation-surface-grid strong,.arabic-mockup strong{color:var(--foreground);font-size:15px;line-height:1.3}.foundation-swatches code,.foundation-type-comparison span{color:var(--foreground-subtle);font-family:var(--font-mono);font-size:12px}.foundation-type-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.foundation-type-comparison h3{margin:0;color:var(--foreground);font-size:clamp(32px,5vw,58px);font-weight:var(--font-weight-strong);line-height:.95;letter-spacing:var(--tracking-heading);text-transform:uppercase}.foundation-type-comparison .uds-arabic-display{margin:0;font-size:clamp(30px,4vw,48px);line-height:1.22}.foundation-preview-row{display:flex;flex-wrap:wrap;gap:var(--space-4)}.shape-sample{display:inline-flex;align-items:center;justify-content:center;min-block-size:72px;min-inline-size:160px;border:1px solid var(--border);color:var(--foreground)}.shape-sample.control{border-radius:var(--radius-control);background:var(--secondary);color:var(--secondary-foreground)}.shape-sample.surface{border-radius:var(--radius-surface);background:var(--surface-elevated)}.shape-sample.round{border-radius:var(--radius-round, 999px);background:var(--surface)}.state-matrix{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.state-matrix span{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--foreground);padding:14px 16px;font-size:14px}.state-matrix span[data-state=hover]{background:var(--surface-strong)}.state-matrix span[data-state=focus-visible]{outline:2px solid var(--ring);outline-offset:2px}.state-matrix span[data-state=active],.state-matrix span[data-state=selected]{background:var(--secondary);color:var(--secondary-foreground)}.state-matrix span[data-state=disabled]{opacity:.45}.state-matrix span[data-state=destructive]{background:color-mix(in srgb,var(--destructive) 28%,var(--surface));color:var(--foreground)}.type-scale{grid-template-columns:1fr}.type-scale article strong:first-of-type{font-size:24px;line-height:1.15}.type-scale article:first-child strong{font-size:clamp(36px,6vw,68px);line-height:.95;text-transform:uppercase}.type-scale span,.motion-scale code{color:var(--foreground-subtle);font-family:var(--font-mono);font-size:12px}.mixed-script-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.spacing-scale{display:grid;gap:12px}.spacing-scale div{display:grid;align-items:center;gap:14px;grid-template-columns:110px minmax(28px,240px) 80px}.spacing-scale code,.spacing-scale strong{color:var(--foreground);font-size:13px}.spacing-scale span{display:block;block-size:18px;border:1px solid var(--border);background:var(--surface-strong)}.logical-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logical-layout-grid .rule-list{grid-column:1 / -1}.logical-layout-grid article{grid-template-columns:repeat(3,minmax(0,1fr))}.logical-layout-grid article strong{grid-column:1 / -1}.logical-layout-grid article span{border:1px solid var(--border);background:var(--surface-strong);padding:10px;text-align:center}.theme-variance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-variance-square,.theme-variance-rounded{display:block;inline-size:100%;block-size:92px;border:1px solid var(--border);background:var(--surface-strong)}.theme-variance-rounded{border-radius:28px}.motion-scale{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.motion-scale .motion-scale-sample,.motion-scale .uds-motion-icon{display:block;inline-size:36px;block-size:36px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-strong)}.motion-scale .uds-motion-icon{display:inline-grid;place-items:center}.motion-scale .uds-motion-icon svg,.motion-icon-examples svg{inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm)}.motion-scale article[data-motion-pattern=press] .motion-scale-sample{transition:transform var(--motion-duration-press) var(--motion-ease-standard)}.motion-scale article[data-motion-pattern=press]:active .motion-scale-sample{transform:scale(var(--motion-press-scale))}.motion-scale article[data-motion-pattern=page] .motion-scale-sample{transition:transform var(--motion-duration-page) var(--motion-ease-standard)}.motion-scale article[data-motion-pattern=page]:hover .motion-scale-sample{transform:translate(var(--motion-distance-page))}.motion-scale article[data-motion-pattern=expand] .motion-scale-sample{transform-origin:top;transition:transform var(--motion-duration-expand) var(--motion-ease-standard)}.motion-scale article[data-motion-pattern=expand]:hover .motion-scale-sample{transform:scaleY(1.3)}.motion-scale article[data-motion-pattern=reveal] .motion-scale-sample{transition:opacity var(--motion-duration-reveal) var(--motion-ease-emphasized),transform var(--motion-duration-reveal) var(--motion-ease-emphasized)}.motion-scale article[data-motion-pattern=reveal]:hover .motion-scale-sample{opacity:.45;transform:translateY(calc(-1 * var(--motion-distance-reveal)))}.motion-scale-controls{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-block-end:var(--space-4)}.motion-scale-controls>span{color:var(--foreground-muted);font-size:var(--font-size-small)}.motion-icon-examples{display:flex;align-items:center;gap:var(--space-3);margin-block-start:var(--space-4)}.motion-icon-examples .uds-motion-icon{display:inline-grid;place-items:center;inline-size:var(--button-height-sm);block-size:var(--button-height-sm);border:1px solid var(--border);color:var(--foreground)}.motion-runtime-contract{display:grid;gap:var(--space-5);min-inline-size:0}.motion-runtime-contract>pre{max-inline-size:100%;overflow-x:auto}.motion-runtime-summary{display:flex;align-items:end;justify-content:space-between;gap:var(--space-4);border-block-end:var(--border-width-hairline) solid var(--border);padding-block-end:var(--space-5)}.motion-runtime-preview{display:grid;gap:var(--space-1);max-inline-size:32rem}.motion-runtime-preview>span,.motion-runtime-matrix button>span{color:var(--muted-foreground);font-size:var(--font-size-supporting);text-transform:uppercase;letter-spacing:.08em}.motion-runtime-preview>strong{font-size:var(--font-size-heading-md)}.motion-runtime-matrix{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block-start:var(--border-width-hairline) solid var(--border);border-inline-start:var(--border-width-hairline) solid var(--border)}.motion-runtime-matrix>div{min-inline-size:0;border-block-end:var(--border-width-hairline) solid var(--border);border-inline-end:var(--border-width-hairline) solid var(--border)}.motion-runtime-matrix button{display:grid;-webkit-appearance:none;-moz-appearance:none;appearance:none;gap:var(--space-2);inline-size:100%;block-size:100%;border:0;padding:var(--space-4);text-align:start;color:inherit;background:transparent;cursor:pointer}.motion-runtime-matrix>div[data-active=true]{background:color-mix(in srgb,var(--primary) 14%,var(--background))}.motion-runtime-matrix button:hover,.motion-runtime-matrix button:focus-visible{background:color-mix(in srgb,var(--foreground) 7%,var(--background))}.motion-runtime-matrix button:disabled{cursor:wait;opacity:var(--disabled-opacity)}.motion-runtime-matrix code{overflow:hidden;color:var(--muted-foreground);text-overflow:ellipsis}@media(max-width:820px){.motion-runtime-summary{align-items:stretch;flex-direction:column}.motion-runtime-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.motion-runtime-summary .uds-button,.motion-scale-controls .uds-button{min-block-size:44px}}@media(max-width:420px){.motion-runtime-matrix{grid-template-columns:minmax(0,1fr)}}.foundation-surface-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foundation-surface-grid article:nth-child(2){background:var(--surface-elevated);box-shadow:var(--shadow-popover)}.foundation-surface-grid article:nth-child(3){background:var(--surface-elevated);box-shadow:var(--shadow-popover)}.foundation-surface-grid article:nth-child(4){background:var(--surface-elevated);box-shadow:var(--shadow-dialog, var(--shadow-popover))}.foundation-empty-state{display:grid;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface);padding:var(--space-6)}.arabic-mockup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arabic-mockup.hero{grid-column:1 / -1;min-block-size:260px;align-content:center}.arabic-mockup.hero .uds-arabic-display{margin:0;font-size:clamp(30px,4vw,44px);line-height:1.24}.arabic-mockup label{display:grid;gap:6px;color:var(--foreground-muted);font-size:13px}.arabic-mockup input,.arabic-mockup button{min-block-size:var(--button-height);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-strong);color:var(--foreground);padding-inline:var(--space-4);font:inherit}.arabic-mockup button{justify-self:start;background:var(--primary);color:var(--primary-foreground);font-weight:var(--font-weight-medium)}.arabic-mockup table{border-collapse:collapse;inline-size:100%;color:var(--foreground-muted);font-size:13px}.arabic-mockup th,.arabic-mockup td{border-block-start:1px solid var(--border);padding-block:8px;padding-inline:10px;text-align:start}.icon-mirroring-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shadcn-icon-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.shadcn-icon-grid article{display:grid;align-content:start;gap:10px;min-block-size:150px;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface);padding:16px}.shadcn-icon-grid svg{inline-size:24px;block-size:24px;color:var(--foreground);stroke-width:1.75}.shadcn-icon-grid strong{color:var(--foreground)}.shadcn-icon-grid p{color:var(--foreground-muted);font-size:14px;line-height:1.5}.icon-mirroring-grid span{display:block;color:var(--foreground);font-size:16px}.icon-mirroring-grid b{display:inline-flex;align-items:center;justify-content:center;inline-size:32px;block-size:32px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-strong);font-weight:var(--font-weight-medium)}.illustration-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foundation-empty-state.media span{display:block;inline-size:100%;block-size:110px;border:1px solid var(--border);background:linear-gradient(135deg,transparent 0 42%,var(--border) 42% 43%,transparent 43%),var(--surface-strong)}.page-hero{display:grid;gap:18px;padding:0 0 26px;border-bottom:1px solid var(--border)}.page-hero.compact{padding-block:0 26px}.page-hero h1{max-width:none;margin:0;color:var(--foreground);font-size:clamp(38px,5vw,48px);font-weight:var(--font-weight-strong);line-height:1.08;letter-spacing:0;text-transform:none}.page-hero.compact h1{max-width:none;font-size:clamp(38px,5vw,48px)}.page-hero p:not(.eyebrow){max-width:72ch;margin:0;color:var(--foreground-muted);font-size:18px;line-height:1.55}.cloudblur-signature{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,64px);align-items:center;overflow:hidden;border:1px solid var(--border);border-radius:calc(var(--radius-surface) + 10px);background:radial-gradient(circle at 10% 12%,var(--cloudblur-bloom-lilac),transparent 34%),linear-gradient(145deg,var(--background),var(--surface-elevated));box-shadow:var(--shadow-surface);padding:clamp(24px,5vw,58px);color:var(--foreground)}.cloudblur-signature:after{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:var(--cloudblur-scrim);content:"";pointer-events:none}.cloudblur-signature-copy{position:relative;z-index:2;display:grid;gap:18px;align-content:center}.cloudblur-signature-copy :where(p,h2){margin:0}.cloudblur-signature-copy .cloudblur-signature-index{color:var(--foreground-subtle);font-family:var(--font-mono);font-size:11px;font-weight:var(--font-weight-medium);letter-spacing:.12em;text-transform:uppercase}.cloudblur-signature-copy h2{max-inline-size:9ch;color:var(--foreground);font-family:var(--font-display);font-size:clamp(2.4rem,4vw,4.25rem);font-weight:var(--font-weight-medium);letter-spacing:-.045em;line-height:.94}.cloudblur-signature-copy>p:not(.cloudblur-signature-index){max-inline-size:36ch;color:var(--foreground-muted);font-size:15px;line-height:1.65}.cloudblur-signature-copy a{justify-self:start;min-block-size:var(--button-height);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--primary);padding:11px 18px;color:var(--primary-foreground);font-size:13px;font-weight:var(--font-weight-medium);line-height:1.35;text-decoration:none}.cloudblur-signature-copy a:hover{background:var(--primary-hover)}.cloudblur-signature-copy a:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:var(--focus-ring-offset)}.cloudblur-signature-stage{position:relative;z-index:1;display:grid;min-inline-size:0;min-block-size:620px;place-items:center}.cloudblur-card-stack{position:relative;display:grid;inline-size:min(100%,40rem);block-size:36rem;place-items:center;perspective:1200px;perspective-origin:50% 42%;transform-style:preserve-3d}.cloudblur-card-departure-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;transform-style:preserve-3d;will-change:transform,opacity}.cloudblur-card-departure-layer>*{pointer-events:auto}.cloudblur-lifestyle-card{--cloudblur-lifestyle-inset: 18px;position:absolute;z-index:1;overflow:hidden;inline-size:min(100%,30rem);aspect-ratio:480 / 500.31;block-size:auto;margin:0;border:0;border-radius:90px;background:#c0a48d57;box-shadow:0 32px 72px #361e1438,inset 18px 18px 36px #ffffff1f,inset -20px -24px 42px #45221724;filter:drop-shadow(-2px -2px 9px rgb(199 245 255 / 11%)) drop-shadow(3px 3px 11px rgb(255 174 199 / 11%));transform:translate(78px,-28px) rotate(-7deg);transform-origin:center;-webkit-backdrop-filter:blur(10px) saturate(122%) contrast(102%);backdrop-filter:blur(10px) saturate(122%) contrast(102%);transform-style:preserve-3d}.cloudblur-lifestyle-card__image,.cloudblur-lifestyle-card__glass{position:absolute;inset:var(--cloudblur-lifestyle-inset);display:block;inline-size:calc(100% - (var(--cloudblur-lifestyle-inset) * 2));block-size:calc(100% - (var(--cloudblur-lifestyle-inset) * 2));border-radius:72px}.cloudblur-lifestyle-card__composer{position:absolute;z-index:4;inset-inline:var(--cloudblur-lifestyle-inset);inset-block-end:var(--cloudblur-lifestyle-inset);display:flex;align-items:center;gap:8px;block-size:58px;border:1px solid rgb(255 255 255 / 22%);border-radius:24px;background:#12100eb8;box-shadow:0 12px 28px #140d0a38,inset 0 1px #ffffff1f;opacity:0;padding:7px;pointer-events:none;translate:0 18px;transition:background .22s var(--motion-ease-standard),box-shadow .22s var(--motion-ease-standard),opacity .3s var(--motion-ease-standard),translate .48s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(18px) saturate(118%);backdrop-filter:blur(18px) saturate(118%)}.cloudblur-lifestyle-card__composer:focus-within{outline:none;background:#181614c7;box-shadow:0 16px 34px #140d0a47,inset 0 1px #ffffff2e}.cloudblur-lifestyle-card__composer input{min-inline-size:0;flex:1;border:0;outline:0;background:transparent;padding-inline:12px;color:#fffffff0;font:inherit;font-size:13px}.cloudblur-lifestyle-card__composer input::placeholder{color:#ffffff94}.cloudblur-lifestyle-card__composer button{display:grid;flex:0 0 auto;inline-size:44px;block-size:44px;place-items:center;border:0;border-radius:17px;background:#fffffff0;color:#141210f5;cursor:pointer}.cloudblur-lifestyle-card__composer button:focus-visible,.cloudblur-lifestyle-card__composer input:focus-visible{outline:none}.cloudblur-lifestyle-card__composer svg{inline-size:18px;block-size:18px}.cloudblur-lifestyle-card__refraction{position:absolute;top:0;right:0;bottom:0;left:0;display:block;inline-size:100%;block-size:100%}.cloudblur-lifestyle-card__image,.cloudblur-lifestyle-card__refraction{object-fit:cover;object-position:50% 50%}.cloudblur-lifestyle-card__image{opacity:.92}.cloudblur-lifestyle-card__glass{z-index:2;overflow:hidden;border-radius:inherit;background:#fff5ea0f;box-shadow:inset 7px 7px 22px #ffffff52,inset -8px -8px 24px #401f162e,inset 3px 0 4px #70e3ee40,inset -3px 0 4px #f497be40;-webkit-backdrop-filter:blur(1px) saturate(132%) contrast(106%) brightness(103%);backdrop-filter:blur(1px) saturate(132%) contrast(106%) brightness(103%)}.cloudblur-lifestyle-card__refraction{opacity:.18;filter:saturate(1.22) contrast(1.08) brightness(1.04);mix-blend-mode:soft-light;scale:1;translate:0 0}.cloudblur-ceramic-card{position:absolute;z-index:2;display:grid;grid-template-rows:auto auto;inline-size:min(100%,30rem);aspect-ratio:480 / 462;min-inline-size:0;overflow:hidden;border:0;border-radius:90px;background:var(--cloudblur-ceramic-glass);box-shadow:var(--cloudblur-ceramic-shadow);filter:drop-shadow(0 28px 42px rgb(15 22 30 / 18%));padding:32px;transform:translate(-74px,30px) rotate(6deg);transform-origin:center;-webkit-backdrop-filter:var(--cloudblur-ceramic-glass-backdrop);backdrop-filter:var(--cloudblur-ceramic-glass-backdrop);transform-style:preserve-3d}.cloudblur-ceramic-card[data-glass-surface=true]{border:1px solid rgb(255 255 255 / 28%);background:transparent;box-shadow:0 30px 90px #0f161e3d,inset 8px 8px 24px #ffffff52,inset -10px -12px 28px #0000001a;filter:drop-shadow(0 28px 42px rgb(15 22 30 / 18%));-webkit-backdrop-filter:var(--cloudblur-ceramic-glass-backdrop);backdrop-filter:var(--cloudblur-ceramic-glass-backdrop)}.glass-surface-card{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;pointer-events:none}.glass-surface-card>.glass-surface{position:absolute;top:0;right:0;bottom:0;left:0}.cloudblur-ceramic-card[data-glass-surface=true]:after{background:linear-gradient(145deg,rgb(255 255 255 / 10%),transparent 32%,transparent 72%,rgb(0 0 0 / 8%));box-shadow:inset 3px 3px 10px #fff3,inset -4px -5px 14px #0000001a}.cloudblur-ceramic-card[data-glass-surface=true] .cloudblur-ceramic-refraction,.cloudblur-ceramic-card[data-glass-surface=true] .cloudblur-ceramic-diffusion{display:none}.cloudblur-ceramic-card[data-glass-surface=true] .cloudblur-ceramic-content{color:#100e0cf0;text-shadow:0 1px 1px rgb(255 255 255 / 32%)}.cloudblur-ceramic-card:after{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;border:0;border-radius:90px;background:linear-gradient(var(--cloudblur-ceramic-light-angle),rgb(255 255 255 / 14%),transparent 30%,transparent 76%);box-shadow:inset 16px 17px 34px #ffffff2e,inset -18px -20px 38px #12181f17;content:"";pointer-events:none}.cloudblur-ceramic-media{position:relative;z-index:3;overflow:hidden;inline-size:100%;aspect-ratio:416 / 237;border:1px solid rgb(255 255 255 / 10%);border-radius:55px;background:#241612db;box-shadow:0 16px 40px #2c181147;transform-origin:50% 12%;transform-style:preserve-3d}@media(hover:hover)and (pointer:fine){.cloudblur-lifestyle-card,.cloudblur-ceramic-card,.cloudblur-ceramic-media,.cloudblur-lifestyle-card__image,.cloudblur-lifestyle-card__glass,.glass-surface-card{will-change:transform,opacity}.cloudblur-lifestyle-card,.cloudblur-ceramic-card,.cloudblur-ceramic-media,.glass-surface-card{transition:block-size .56s cubic-bezier(.16,1,.3,1),box-shadow .48s cubic-bezier(.16,1,.3,1),filter .48s cubic-bezier(.16,1,.3,1),backdrop-filter .48s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .48s cubic-bezier(.16,1,.3,1)}.cloudblur-lifestyle-card__image,.cloudblur-lifestyle-card__glass{transition:block-size .56s cubic-bezier(.16,1,.3,1)}.cloudblur-card-stack[data-hovered-card=front] .cloudblur-ceramic-card[data-glass-surface=true]{box-shadow:0 48px 110px #0f161e57,0 12px 28px #442a1d33,inset 9px 9px 26px #ffffff57,inset -12px -14px 30px #0000001f;filter:drop-shadow(0 36px 52px rgb(15 22 30 / 24%));-webkit-backdrop-filter:blur(24px) saturate(100%) contrast(108%) brightness(106%);backdrop-filter:blur(24px) saturate(100%) contrast(108%) brightness(106%)}.cloudblur-card-stack[data-hovered-card=front] .glass-surface-card{box-shadow:inset 5px 5px 17px #ffffff57,inset -7px -8px 22px #3e271d21}.cloudblur-card-stack[data-hovered-card=front] .cloudblur-ceramic-media{box-shadow:0 30px 52px #2c181161,0 8px 16px #2c18112e,inset 0 1px #ffffff2e}.cloudblur-card-stack[data-hovered-card=rear] .cloudblur-lifestyle-card{aspect-ratio:auto;block-size:35rem;box-shadow:0 52px 120px #361e145c,0 14px 30px #361e1433,inset 18px 18px 38px #ffffff24,inset -20px -24px 44px #45221729;filter:drop-shadow(-4px -3px 13px rgb(199 245 255 / 13%)) drop-shadow(5px 6px 18px rgb(255 174 199 / 14%));-webkit-backdrop-filter:blur(17px) saturate(128%) contrast(104%);backdrop-filter:blur(17px) saturate(128%) contrast(104%)}.cloudblur-card-stack[data-hovered-card=rear] .cloudblur-lifestyle-card__image,.cloudblur-card-stack[data-hovered-card=rear] .cloudblur-lifestyle-card__glass{block-size:calc(100% - (var(--cloudblur-lifestyle-inset) * 2) - 76px)}.cloudblur-card-stack[data-hovered-card=rear] .cloudblur-lifestyle-card__composer{opacity:1;pointer-events:auto;translate:0 0}}.cloudblur-ceramic-media img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;inline-size:100%;block-size:100%;object-fit:cover;object-position:50% 48%}.cloudblur-ceramic-media__base{z-index:0}.cloudblur-ceramic-media__blur{z-index:1;opacity:.3;filter:blur(var(--cloudblur-ceramic-media-blur));scale:1.08}.cloudblur-ceramic-media__glass{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;background:#ffffff08;box-shadow:inset 5px 5px 16px #ffffff40,inset -6px -6px 18px #4a231b29,inset 0 0 22px #ffffff0d;-webkit-backdrop-filter:var(--cloudblur-ceramic-media-glass);backdrop-filter:var(--cloudblur-ceramic-media-glass)}.cloudblur-ceramic-media__glass .cloudblur-ceramic-media__refraction{opacity:.18;filter:saturate(1.08) contrast(1.08) brightness(1.03);mix-blend-mode:soft-light;scale:1.025;translate:-1px -1px}.cloudblur-ceramic-media__tag{position:absolute;z-index:3;inset-inline-start:18px;inset-block-end:16px;display:inline-flex;align-items:center;min-block-size:30px;border-radius:999px;background:#160f0cdb;padding:7px 12px;color:#fff8f0f0;font-size:11px;font-weight:var(--font-weight-medium);letter-spacing:.04em;line-height:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cloudblur-ceramic-refraction{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 19% 14%,rgb(255 255 255 / 18%),transparent 29%),radial-gradient(circle at 83% 84%,rgb(18 24 31 / 8%),transparent 36%),linear-gradient(var(--cloudblur-ceramic-light-angle),rgb(255 255 255 / 7%),transparent 42%);mix-blend-mode:soft-light;-webkit-backdrop-filter:var(--cloudblur-ceramic-glass-backdrop);backdrop-filter:var(--cloudblur-ceramic-glass-backdrop);pointer-events:none}.cloudblur-ceramic-diffusion{position:absolute;z-index:2;top:45%;right:0;bottom:0;left:0;background:transparent;-webkit-backdrop-filter:var(--cloudblur-ceramic-backdrop);backdrop-filter:var(--cloudblur-ceramic-backdrop);pointer-events:none}.cloudblur-ceramic-content{position:relative;z-index:3;display:grid;align-content:start;align-self:start;justify-items:start;inline-size:min(100%,23rem);max-inline-size:23rem;gap:10px;padding-block-start:12px;color:#12181fe0;text-align:start}.cloudblur-ceramic-content>p{inline-size:min(100%,30ch);max-inline-size:30ch;margin:0}.cloudblur-ceramic-cta{display:grid;inline-size:100%;max-inline-size:100%}.cloudblur-ceramic-cta>h2,.cloudblur-ceramic-cta>a{grid-area:1 / 1;margin:0;transition:opacity .32s cubic-bezier(.16,1,.3,1),translate .32s cubic-bezier(.16,1,.3,1)}.cloudblur-ceramic-cta>h2{inline-size:min(100%,10ch);max-inline-size:10ch;font-family:var(--font-display);font-size:52px;font-weight:var(--font-weight-medium);letter-spacing:-.052em;line-height:.9;text-wrap:pretty}.cloudblur-ceramic-cta>a{display:inline-flex;align-items:center;align-self:start;justify-content:center;justify-self:start;inline-size:max-content;max-inline-size:100%;box-sizing:border-box;min-block-size:48px;border-radius:999px;background:#110f0deb;padding-inline:24px;color:#fffaf5f5;font-size:14px;font-weight:var(--font-weight-medium);opacity:0;pointer-events:none;text-align:center;text-decoration:none;translate:0 10px}.cloudblur-ceramic-cta>a:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:var(--focus-ring-offset)}.cloudblur-card-stack[data-hovered-card=front] .cloudblur-ceramic-cta>h2,.cloudblur-ceramic-card:focus-within .cloudblur-ceramic-cta>h2{opacity:0;translate:0 -8px}.cloudblur-card-stack[data-hovered-card=front] .cloudblur-ceramic-cta>a,.cloudblur-ceramic-card:focus-within .cloudblur-ceramic-cta>a{opacity:1;pointer-events:auto;translate:0 0}@media(prefers-reduced-motion:reduce){.cloudblur-ceramic-cta>h2,.cloudblur-ceramic-cta>a{transition:none}}.cloudblur-ceramic-content>p{font-size:15px;line-height:1.3;text-wrap:pretty}.home-signature-shell .cloudblur-ceramic-content{inline-size:100%;max-inline-size:none;gap:9px;padding-block-start:12px}.home-signature-shell .cloudblur-ceramic-cta>h2{inline-size:100%;max-inline-size:none;font-size:clamp(48px,5vw,56px);letter-spacing:-.065em;line-height:.86}.home-signature-shell .cloudblur-ceramic-cta>h2:lang(en){white-space:nowrap}.home-signature-shell .cloudblur-ceramic-cta>h2:lang(ar){font-family:var(--font-arabic-display);font-size:clamp(38px,4.2vw,47px);font-weight:var(--font-weight-arabic-display);letter-spacing:0;line-height:1.08;text-wrap:balance}.home-signature-shell .cloudblur-ceramic-content>p:lang(ar){font-family:var(--font-arabic-body);line-height:1.45}.home-signature-shell .cloudblur-ceramic-cta>a{inline-size:100%;justify-self:stretch}.home-signature-shell .cloudblur-ceramic-content>p{inline-size:100%;max-inline-size:none;font-size:13px}.cloudblur-ceramic-media,.cloudblur-ceramic-card:after{isolation:isolate}.cloudblur-bloom{position:absolute;border-radius:999px;filter:var(--cloudblur-bloom-filter);pointer-events:none}.cloudblur-bloom--cyan{inset-block-end:-3%;inset-inline-start:2%;inline-size:62%;block-size:46%;background:var(--cloudblur-bloom-cyan)}.cloudblur-bloom--lilac{inset-block-start:-1%;inset-inline-end:1%;inline-size:56%;block-size:48%;background:var(--cloudblur-bloom-lilac)}.cloudblur-bloom--rose{inset-block-end:-1%;inset-inline-end:-1%;inline-size:50%;block-size:42%;background:var(--cloudblur-bloom-rose)}.cloudblur-signal-card{position:relative;z-index:2;display:grid;inline-size:min(100%,34rem);min-block-size:360px;min-inline-size:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--cloudblur-feature-border) 58%,transparent);border-radius:calc(var(--radius-surface) + .45rem);background:var(--cloudblur-feature-surface);box-shadow:var(--cloudblur-feature-shadow);filter:var(--cloudblur-feature-edge-filter);padding:clamp(20px,4vw,30px);color:var(--cloudblur-feature-foreground);-webkit-backdrop-filter:var(--cloudblur-feature-backdrop);backdrop-filter:var(--cloudblur-feature-backdrop)}.cloudblur-signal-card:before{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--cloudblur-scrim);content:"";pointer-events:none}.cloudblur-signal-card:after{position:absolute;z-index:0;top:7px;right:7px;bottom:7px;left:7px;border:1px solid var(--cloudblur-feature-inner-rim);border-radius:calc(var(--radius-surface) + .05rem);box-shadow:inset 0 0 26px #ffffff14;content:"";pointer-events:none}.cloudblur-signal-card>*{position:relative;z-index:1}.cloudblur-signal-header,.cloudblur-signal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.cloudblur-signal-label,.cloudblur-signal-status{display:inline-flex;align-items:center;gap:8px;color:var(--inverse-foreground-muted);font-size:11px;font-weight:var(--font-weight-medium);letter-spacing:.04em;text-transform:uppercase}.cloudblur-signal-label{color:var(--cloudblur-feature-foreground);font-size:14px;font-style:italic;font-weight:var(--font-weight-regular);letter-spacing:-.01em;text-transform:none}.cloudblur-signal-open{display:inline-grid;inline-size:46px;block-size:46px;place-items:center;border:1px solid var(--cloudblur-feature-border);border-radius:var(--radius-control);background:color-mix(in srgb,var(--cloudblur-feature-foreground) 4%,transparent);color:var(--inverse-foreground-muted)}.cloudblur-signal-open svg{inline-size:17px;block-size:17px;stroke-width:1.5}.cloudblur-signal-mark{display:inline-flex;gap:2px;align-items:end}.cloudblur-signal-mark i{display:block;inline-size:3px;border-radius:999px;background:var(--cloudblur-feature-foreground)}.cloudblur-signal-mark i:nth-child(1){block-size:5px}.cloudblur-signal-mark i:nth-child(2){block-size:9px}.cloudblur-signal-mark i:nth-child(3){block-size:13px}.cloudblur-signal-status{border:1px solid var(--cloudblur-feature-border);border-radius:var(--radius-control);padding:7px 10px}.cloudblur-signal-status i{inline-size:6px;block-size:6px;border-radius:999px;background:var(--cloudblur-cyan-300);box-shadow:0 0 12px var(--cloudblur-bloom-cyan)}.cloudblur-signal-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;margin-block-start:48px}.cloudblur-signal-heading p{max-inline-size:16ch;margin:0 0 7px;color:var(--inverse-foreground-muted);font-size:13px;line-height:1.35}.cloudblur-signal-heading strong{color:var(--cloudblur-feature-foreground);font-size:clamp(2.4rem,6vw,4.25rem);font-weight:var(--font-weight-regular);letter-spacing:-.055em;line-height:.86}.cloudblur-signal-heading strong small{margin-inline-start:4px;color:var(--inverse-foreground-muted);font-size:.34em;letter-spacing:0}.cloudblur-signal-chart{display:block;inline-size:100%;block-size:auto;margin-block:28px 4px;overflow:visible}.cloudblur-chart-grid{fill:none;stroke:var(--visualization-grid);stroke-width:.75}.cloudblur-chart-area{fill:color-mix(in srgb,var(--cloudblur-cyan-300) 10%,transparent);stroke:none}.cloudblur-chart-line{fill:none;stroke:var(--cloudblur-feature-foreground);stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.cloudblur-chart-focus line{stroke:var(--cloudblur-feature-border);stroke-dasharray:3 5}.cloudblur-chart-focus circle:first-of-type{fill:color-mix(in srgb,var(--cloudblur-cyan-300) 22%,transparent);stroke:var(--cloudblur-feature-border)}.cloudblur-chart-focus circle:last-of-type{fill:var(--cloudblur-cyan-300)}.cloudblur-signal-checkpoints{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;align-items:center;margin-block:0 22px}.cloudblur-signal-checkpoints span{display:inline-grid;inline-size:30px;block-size:30px;place-self:center;place-items:center;border:1px solid color-mix(in srgb,var(--cloudblur-feature-border) 70%,transparent);border-radius:var(--radius-control);color:var(--inverse-foreground-subtle);font-size:9px}.cloudblur-signal-checkpoints .is-current{border-color:var(--cloudblur-feature-foreground);background:var(--cloudblur-feature-foreground);color:var(--cloudblur-ink-900);box-shadow:0 0 22px #ffffff47;font-weight:var(--font-weight-strong)}.cloudblur-signal-range{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--inverse-foreground-muted)}.cloudblur-signal-range svg{inline-size:14px;block-size:14px;stroke-width:1.5}.cloudblur-signal-range strong{color:var(--cloudblur-feature-foreground);font-size:11px;font-weight:var(--font-weight-regular)}.cloudblur-signal-footer{border-block-start:1px solid var(--cloudblur-feature-border);padding-block-start:16px}.cloudblur-signal-footer span{display:grid;gap:5px}.cloudblur-signal-footer small{color:var(--inverse-foreground-subtle);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.cloudblur-signal-footer strong{color:var(--cloudblur-feature-foreground);font-size:11px;font-weight:var(--font-weight-medium);white-space:nowrap}@media(max-width:720px){.cloudblur-signature{grid-template-columns:1fr;padding:24px 18px 18px}.cloudblur-signature-copy h2{max-inline-size:10ch}.cloudblur-signature-stage{min-block-size:330px}.cloudblur-signal-heading{margin-block-start:34px}}@media(max-width:390px){.cloudblur-signal-heading{grid-template-columns:1fr;gap:4px}.cloudblur-signal-heading strong{justify-self:end}.cloudblur-signal-footer{align-items:start}}.eyebrow{color:var(--foreground-subtle);font-size:13px}.principles{display:grid;grid-template-columns:1fr;border:1px solid var(--border)}.principles span{min-height:auto;border-bottom:1px solid var(--border);padding:14px 16px;color:var(--foreground-muted);font-size:14px;line-height:1.5}.principles span:last-child{border-bottom:0}.section{display:grid;gap:20px;padding:0;border-bottom:0}.section-heading{max-width:760px;margin-bottom:0}.section-heading h2{margin:8px 0 0;color:var(--foreground);font-size:28px;font-weight:var(--font-weight-strong);line-height:1.16;letter-spacing:0;text-transform:none}.split-grid{display:grid;grid-template-columns:1fr;gap:20px;align-items:start;padding:0}.content-stack{display:grid;gap:24px}.catalog-section{display:grid;gap:16px;scroll-margin-top:82px}.rail{display:none}.card-grid{display:grid;grid-template-columns:1fr;gap:16px}.card-grid.wide{grid-template-columns:1fr}.card,.theme-card{display:grid;align-content:start;gap:14px;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--background);box-shadow:var(--shadow-surface);padding:20px}.theme-card{gap:var(--space-4)}.theme-card--active{outline:1px solid var(--primary);outline-offset:2px}.theme-activate-button{justify-self:start;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-strong);color:var(--foreground);min-block-size:var(--button-height-sm);padding-inline:var(--space-3);font:inherit;font-size:var(--font-size-small);cursor:pointer}.theme-activate-button:hover,.theme-activate-button:focus-visible{background:var(--surface-hover);outline:1px solid var(--ring);outline-offset:2px}.theme-activate-button:disabled{cursor:default;opacity:.72}[data-theme=dextrum] .app-sidebar-heading .uds-side-nav-heading-icon>img{inline-size:min(100%,7.5rem);block-size:auto;object-fit:contain}.dextrum-type-note{margin-block-start:var(--space-4);color:var(--foreground-muted);font-size:15px;line-height:1.55}.dextrum-specimen-grid{display:grid;gap:var(--space-4)}.dextrum-specimen-card{display:grid;gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface);padding:var(--space-4)}.dextrum-specimen-meta{color:var(--foreground-subtle);font-family:var(--font-mono);font-size:12px}.dextrum-type-specimen{margin:0;color:var(--foreground)}.dextrum-type-specimen--display{font-family:var(--font-marketing-display);letter-spacing:var(--tracking-heading)}.dextrum-type-specimen--sans{font-family:var(--font-sans)}.dextrum-type-specimen--support{font-family:var(--font-ui-support)}.dextrum-type-specimen--hero{font-size:clamp(2.25rem,5vw,4.5rem);font-weight:var(--font-weight-strong);line-height:var(--line-height-tight)}.dextrum-type-specimen--section{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:var(--font-weight-semibold);line-height:1.12}.dextrum-type-specimen--ui-heading{font-size:1.5rem;font-weight:var(--font-weight-semibold);line-height:1.2}.dextrum-type-specimen--body{font-size:var(--font-size-body);font-weight:var(--font-weight-body);line-height:1.6}.dextrum-type-specimen--eyebrow{color:var(--foreground-muted);font-size:var(--font-size-eyebrow);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.dextrum-type-specimen--meta{color:var(--foreground-muted);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);line-height:1.4}.dextrum-type-specimen--label{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);line-height:1.35}.card.accent,.link-card:hover{border-color:var(--border)}.link-card:focus-visible{border-color:var(--border);outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.card h3,.theme-card h3{margin:0;color:var(--foreground);font-size:26px;font-weight:var(--font-weight-strong);line-height:1.16}.card p,.theme-card p{margin:0;color:var(--foreground-muted);line-height:1.6}.card code,.card pre{display:block;overflow:auto;margin:0;border:1px solid var(--border);border-radius:var(--radius-surface);background:color-mix(in srgb,var(--background) 84%,var(--foreground) 16%);padding:14px 16px;color:var(--foreground);font-family:var(--font-mono);font-size:13px;line-height:1.55;white-space:pre-wrap}.component-example{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.component-preview{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;border:1px solid var(--border);padding:24px}.component-preview .uds-card{width:min(100%,420px)}.card-demo-stage{display:grid;inline-size:min(100%,34rem);margin-block:auto;margin-inline:auto}.card-demo-stage .uds-card{inline-size:100%}.attachment-demo-preview{display:grid;gap:var(--space-3);inline-size:min(100%,34rem);margin-block:auto;margin-inline:auto}.attachment-demo-image-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.attachment-demo-row{inline-size:100%}.avatar-demo-preview{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-6);inline-size:min(100%,34rem);margin:auto}.badge-demo-preview{display:grid;gap:var(--space-4);inline-size:min(100%,34rem);margin:auto}.badge-demo-row{flex-wrap:wrap;justify-content:center}.attachment-demo-preview .uds-attachment-media svg{inline-size:1.25rem;block-size:1.25rem}.attachment-demo-preview .uds-attachment[data-state=uploading] .uds-attachment-media svg{animation:attachment-demo-spin .9s linear infinite}@keyframes attachment-demo-spin{to{transform:rotate(360deg)}}@media(max-width:760px){.attachment-demo-image-group{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.attachment-demo-image-group{grid-template-columns:1fr}}.carousel-behavior-preview{display:grid;gap:var(--space-6);inline-size:min(100%,72rem);margin:auto;overflow:hidden;padding-block:var(--space-6)}.carousel-behavior-intro{display:grid;gap:var(--space-3);inline-size:min(100%,38rem);padding-inline:var(--space-5)}.carousel-behavior-intro span{color:var(--primary);font-family:var(--font-mono);font-size:var(--font-size-small);letter-spacing:var(--tracking-normal);text-transform:uppercase}.carousel-behavior-intro p{margin:0;color:var(--foreground-muted);font-size:var(--font-size-body);line-height:var(--line-height-relaxed)}.carousel-behavior-preview[dir=rtl] .carousel-behavior-intro span{font-family:var(--font-arabic-body);text-transform:none}.carousel-behavior-strip{inline-size:100%;scroll-padding-inline:0}.carousel-behavior-strip.uds-carousel-content{grid-auto-columns:clamp(18rem,42vw,34rem)}.carousel-behavior-item.uds-carousel-item{align-content:stretch;gap:0;min-block-size:22rem;border-block:0;border-inline-start:1px solid var(--border);border-inline-end:0;background:transparent;padding:0}.carousel-behavior-item img{display:block;inline-size:100%;aspect-ratio:16 / 9;object-fit:cover;filter:grayscale(1)}.carousel-behavior-copy{display:grid;align-content:start;gap:var(--space-3);min-block-size:9rem;padding-block:var(--space-4);padding-inline:var(--space-4)}.carousel-behavior-copy span{color:var(--foreground-muted);font-family:var(--font-mono);font-size:var(--font-size-small);line-height:var(--line-height-tight);letter-spacing:var(--tracking-normal);text-transform:uppercase}.carousel-behavior-copy strong{color:var(--foreground);font-size:var(--font-size-title);line-height:var(--line-height-tight)}.carousel-behavior-copy p{margin:0;color:var(--foreground-muted);font-size:var(--font-size-body);line-height:var(--line-height-relaxed)}.carousel-behavior-preview[dir=rtl] .carousel-behavior-copy span,.carousel-behavior-preview[dir=rtl] .carousel-behavior-copy strong,.carousel-behavior-preview[dir=rtl] .carousel-behavior-copy p{font-family:var(--font-arabic-body);text-transform:none}@media(max-width:760px){.carousel-behavior-strip.uds-carousel-content{grid-auto-columns:minmax(15rem,82vw)}}.alert-preview-stack{display:grid;gap:var(--space-3);inline-size:min(100%,38rem)}.drawer-demo{display:grid;gap:var(--space-4);inline-size:min(100%,58rem);margin-inline:auto;padding-block:var(--space-6)}.drawer-demo-trigger-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.drawer-demo-note{margin:0;color:var(--foreground-muted);font-size:var(--font-size-body-sm);line-height:var(--line-height-relaxed);text-align:center}.drawer-demo-handle{justify-self:center;inline-size:var(--space-12);block-size:var(--space-1);margin-block-end:var(--space-3);background:var(--border-strong);border-radius:var(--radius-control)}.drawer-demo-options{display:grid;gap:var(--space-3);min-block-size:0;overflow:auto;padding-block:var(--space-1);scrollbar-gutter:stable}.drawer-demo-option{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-4);inline-size:100%;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface);color:var(--foreground);cursor:pointer;font:inherit;padding:var(--space-4);text-align:start;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.drawer-demo-option:hover{background:var(--surface-hover)}.drawer-demo-option[data-selected=true]{border-color:var(--foreground);background:var(--surface-hover)}.drawer-demo-option-copy{display:grid;gap:var(--space-1);min-inline-size:0}.drawer-demo-option-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-3);color:var(--foreground);font-size:var(--font-size-body);font-weight:var(--font-weight-strong);line-height:var(--line-height-tight)}.drawer-demo-option-title span{color:var(--muted-foreground);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium)}.drawer-demo-option-description{color:var(--muted-foreground);font-size:var(--font-size-body-sm);line-height:var(--line-height-relaxed)}.drawer-demo-radio{display:inline-grid;place-items:center;inline-size:1rem;block-size:1rem;border:1px solid var(--border-strong);border-radius:var(--radius-control);margin-block-start:var(--space-1)}.drawer-demo-option[data-selected=true] .drawer-demo-radio:before{content:"";inline-size:.5rem;block-size:.5rem;border-radius:var(--radius-control);background:var(--foreground)}[dir=rtl] .drawer-demo-option-title{justify-content:flex-start}.empty-demo-grid{display:grid;gap:var(--space-5);inline-size:min(100%,64rem);margin-inline:auto;padding-block:var(--space-6)}.empty-demo-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:var(--space-4)}.empty-demo-panel{display:grid;place-items:center;min-block-size:18rem;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface);padding:var(--space-6)}.empty-demo-panel--hero{min-block-size:22rem}.empty-demo-panel--dropzone{border-style:dashed}.empty-demo-panel--background{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,transparent),transparent 48%),var(--surface)}.empty-demo-panel--wide{min-block-size:16rem}.empty-demo-content{display:grid;justify-items:center;gap:var(--space-3);max-inline-size:34rem;color:var(--foreground);text-align:center}.empty-demo-media{display:inline-grid;place-items:center;inline-size:var(--space-12);block-size:var(--space-12);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-hover);color:var(--foreground)}.empty-demo-title{color:var(--foreground);font-size:var(--font-size-title);font-weight:var(--font-weight-strong);line-height:var(--line-height-tight)}.empty-demo-description{color:var(--foreground-muted);font-size:var(--font-size-body);line-height:var(--line-height-relaxed)}.empty-demo-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.empty-demo-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--foreground-muted);font-size:var(--font-size-body-sm);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}.empty-demo-link:hover{color:var(--foreground)}.empty-demo-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-2);inline-size:min(100%,30rem);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--background);color:var(--foreground-muted);padding-block:var(--space-2);padding-inline:var(--space-3)}.empty-demo-search .uds-input{min-block-size:auto;border:0;background:transparent;padding:0}.empty-demo-kbd{display:inline-grid;place-items:center;min-inline-size:var(--space-6);block-size:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--foreground-muted);font-family:var(--font-mono);font-size:var(--font-size-caption)}[dir=rtl] .empty-demo-link svg{transform:scaleX(-1)}.docs-table{display:block;width:100%;max-inline-size:100%;overflow-x:auto;border-collapse:collapse;color:var(--foreground-muted);font-size:14px}.docs-table th,.docs-table td{border-bottom:1px solid var(--border);padding:12px;text-align:start}.docs-table th{color:var(--foreground);font-weight:var(--font-weight-medium)}.component-doc-page{gap:var(--space-5)}.component-doc-hero{display:grid;gap:var(--space-4)}.component-doc-identity{display:grid;gap:var(--space-2)}.component-doc-identity>p,.component-doc-identity>span{margin:0;color:var(--foreground-subtle);font-size:13px}.component-doc-identity>p{color:var(--foreground-muted);font-size:11px;font-weight:var(--font-weight-medium);letter-spacing:.08em;text-transform:uppercase}.component-doc-hero h1{margin:0;color:var(--foreground);font-size:clamp(36px,5vw,48px);font-weight:var(--font-weight-strong);line-height:1}.component-tabs{display:flex;gap:24px;border-bottom:1px solid var(--component-doc-divider);margin-top:4px}.component-tabs a{padding-block:12px 10px;color:var(--foreground-muted);font-size:14px}.component-tabs a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--foreground);color:var(--foreground)}.component-stage{display:grid;gap:18px;box-sizing:border-box;min-height:clamp(240px,38vh,360px);overflow:auto;padding:clamp(var(--space-4),3vw,var(--space-8));place-items:center;border:1px solid var(--component-doc-frame);border-radius:var(--radius-surface);background:var(--background);color:var(--foreground)}.component-detail-shell>.component-doc-page>.docs-article{gap:var(--space-8)}.component-detail-shell>.component-doc-page>.docs-article>section{gap:var(--space-4)}.component-detail-shell>.component-doc-page>.docs-article>section+section{border-block-start:1px solid var(--component-doc-divider);padding-block-start:var(--space-8)}.component-detail-shell>.component-doc-page>.docs-article>#examples{border-block-start:0;padding-block-start:0}.component-detail-shell>.component-doc-page>.docs-article h2{font-size:clamp(1.375rem,2.4vw,1.75rem)}.component-detail-shell[data-component=side-nav] #overview>.component-stage,.component-detail-shell[data-component=side-nav] #props>.component-stage{block-size:clamp(24rem,calc(100svh - 20rem),32rem);min-block-size:24rem;overflow:hidden;padding:var(--space-4);place-items:stretch center}.component-stage:has(.attachment-demo-preview){box-sizing:border-box;min-height:520px;padding-block:var(--space-8);padding-inline:var(--space-6)}.component-stage:has(.carousel-behavior-preview){box-sizing:border-box;min-height:620px;overflow:hidden;place-items:center;padding-block:var(--space-8);padding-inline:var(--space-6)}.component-stage--floating-open{box-sizing:border-box;min-height:620px;place-items:start center;padding-block-start:170px}.overlay-interaction-preview{display:grid;justify-items:start;gap:var(--space-4);max-inline-size:34rem}.overlay-interaction-preview>p{color:var(--foreground-muted);margin:0}.component-stage:has(.uds-top-nav-mega-menu){box-sizing:border-box;min-height:560px;place-items:start center;padding-block-start:160px}.component-stage .top-nav-demo-frame .uds-top-nav-mega-menu{grid-template-columns:minmax(11rem,.95fr) minmax(11rem,1fr);min-inline-size:min(24rem,calc(100vw - var(--space-8)))}.component-stage:has(.uds-accordion),.component-stage:has(.uds-collapsible-trigger){box-sizing:border-box;place-items:start center;padding-block-start:86px}.component-stage:has(.command-detail-preview){box-sizing:border-box;min-height:520px;place-items:start center;padding-block:var(--space-16);padding-inline:var(--space-6)}.component-stage .uds-accordion,.component-stage .uds-collapsible-trigger,.component-stage .uds-collapsible-content{margin-inline:auto;inline-size:min(100%,42rem)}.top-nav-demo-frame{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(18px,4vw,44px);inline-size:min(100%,58rem);min-block-size:9rem}.top-nav-demo-frame .uds-top-nav-root{justify-content:center}.top-nav-demo-actions{display:inline-flex;align-items:center;gap:var(--space-2);justify-self:end}.top-nav-mega-list{display:grid;gap:var(--space-1)}.mobile-nav-static-panel{display:grid;align-content:start;gap:var(--space-4);inline-size:min(100%,22rem);min-block-size:24rem;border:1px solid var(--border);background:var(--modal-surface);padding:var(--space-4)}.mobile-nav-gallery-panel{display:grid;inline-size:min(100%,18rem);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--modal-surface);color:var(--foreground)}.mobile-nav-gallery-bar{display:flex;align-items:center;gap:var(--space-2);border-block-end:1px solid var(--border);padding:var(--space-2);font-size:13px;font-weight:var(--font-weight-medium)}.mobile-nav-gallery-content{display:grid;gap:var(--space-3);min-block-size:11rem;padding:var(--space-3)}.mobile-nav-gallery-content .uds-side-nav-heading[data-variant=brand]{margin-block-end:var(--space-1)}.mobile-nav-gallery-content .uds-side-nav-section{gap:var(--space-1)}.mobile-nav-gallery-content .uds-side-nav-item{min-block-size:var(--button-height-sm);font-size:12px}.component-stage .uds-side-nav{inline-size:min(100%,20rem)}.breadcrumb-demo-stack{display:grid;gap:var(--space-4)}.breadcrumb-inverse-surface{padding:var(--space-4);background:var(--surface-inverse)}.component-stage .form-preview-field{inline-size:min(100%,18rem)}.field-detail-preview{inline-size:min(100%,46rem);margin-inline:auto;padding-block:var(--space-8)}.hover-card-detail-preview{display:grid;gap:var(--space-5);inline-size:min(100%,46rem);margin-inline:auto;padding-block:var(--space-8)}.hover-card-preview-section{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);min-inline-size:0}.hover-card-preview-eyebrow,.hover-card-preview-copy,.hover-card-profile-content p,.uds-hover-card-content p{margin:0}.hover-card-preview-eyebrow{color:var(--foreground);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.hover-card-preview-copy{margin-block-start:var(--space-1);color:var(--muted-foreground);font-size:var(--font-size-small);line-height:var(--line-height-body)}.hover-card-trigger-grid,.hover-card-align-section{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);inline-size:100%}.hover-card-profile-content{display:grid;gap:var(--space-3)}.hover-card-profile-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-3)}.hover-card-profile-row>div{display:grid;min-inline-size:0}.hover-card-profile-row span,.hover-card-profile-content p,.uds-hover-card-content p{color:var(--muted-foreground);font-size:var(--font-size-small);line-height:var(--line-height-body)}.menubar-detail-preview{display:grid;justify-items:center;align-content:center;gap:var(--space-4);inline-size:100%;min-block-size:22rem;padding-block:var(--space-8);padding-inline:var(--space-6)}.native-select-detail-preview{display:grid;align-content:center;gap:var(--space-6);inline-size:min(100%,48rem);min-block-size:30rem;margin-inline:auto;padding-block:var(--space-8);padding-inline:var(--space-6)}.native-select-detail-preview>header{display:grid;gap:var(--space-2)}.native-select-detail-preview>header strong{font-size:var(--font-size-body-lg)}.native-select-detail-preview>header p{margin:0;color:var(--muted-foreground);line-height:var(--line-height-body)}.native-select-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);align-items:start}.native-select-preview-grid .uds-native-select{inline-size:100%}@media(max-width:700px){.native-select-detail-preview{padding-inline:var(--space-4)}.native-select-preview-grid{grid-template-columns:minmax(0,1fr)}}.menubar-detail-preview>p{max-inline-size:34rem;margin:0;color:var(--muted-foreground);font-size:var(--font-size-small);line-height:var(--line-height-body);text-align:center}.menubar-detail-preview .uds-menubar{max-inline-size:100%;overflow-x:auto;scrollbar-width:none}.menubar-detail-preview .uds-menubar::-webkit-scrollbar{display:none}.label-detail-preview{display:grid;gap:var(--space-5);inline-size:min(100%,42rem);margin-inline:auto;padding-block:var(--space-8)}.label-preview-section{display:grid;grid-template-columns:minmax(10rem,.72fr) minmax(16rem,1fr);align-items:start;gap:var(--space-6)}.label-preview-title,.label-preview-description{margin:0}.label-preview-title{color:var(--foreground);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.label-preview-description{margin-block-start:var(--space-1);color:var(--muted-foreground);font-size:var(--font-size-small);line-height:var(--line-height-body)}.label-preview-stack{display:grid;gap:var(--space-3)}.label-control-row{display:flex;align-items:center;gap:var(--space-2);min-block-size:var(--input-height)}.label-field-example{inline-size:100%}.utopia-wordmark-loader-preview{min-block-size:22rem}@media(max-width:720px){.hover-card-detail-preview{padding-block:var(--space-4)}.hover-card-preview-section{align-items:start;flex-direction:column}.label-detail-preview{padding-block:var(--space-4)}.label-preview-section{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}}.field-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.field-preview-choice{grid-template-columns:auto minmax(0,1fr);padding-block:var(--space-1)}.field-preview-choice>:first-child{margin-block-start:.125rem}@media(max-width:720px){.field-detail-preview{padding-block:var(--space-4)}.field-preview-grid{grid-template-columns:minmax(0,1fr)}}.form-control-preview{display:grid;gap:var(--space-3);justify-items:start;min-inline-size:min(100%,18rem)}.form-control-preview[dir=rtl]{justify-items:end}.form-control-preview .form-preview-field{inline-size:100%}.form-control-preview .form-preview-field.is-muted{color:var(--muted-foreground)}.form-control-preview .form-preview-field.is-muted .uds-slider-track{background:color-mix(in srgb,var(--secondary) 62%,transparent)}.form-control-preview .form-preview-field.is-muted .uds-slider-range{background:var(--muted-foreground)}.form-control-preview .form-preview-field.is-muted .uds-slider-thumb{border-color:var(--muted-foreground);background:var(--background)}.component-stage .form-preview-row{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--foreground);font-size:var(--font-size-body);line-height:1.35;white-space:nowrap}.component-stage .form-preview-row label{cursor:pointer}.component-stage .form-preview-row .uds-checkbox,.component-stage .form-preview-row .uds-radio-group-item{flex:0 0 auto}.checkbox-detail-preview{align-items:start;gap:var(--space-3)}.checkbox-detail-preview .form-preview-row{font-size:var(--font-size-small);line-height:1.4}.form-preview-row.is-disabled{color:var(--muted-foreground)}.component-stage .uds-radio-group{align-items:start}.radio-group-detail-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);inline-size:min(100%,68rem);align-items:start}.radio-group-preview-section{display:grid;gap:var(--space-4);min-inline-size:0}.radio-group-preview-section h3{margin:0;font-size:var(--font-size-small);line-height:var(--line-height-small)}.radio-group-preview-section .uds-radio-group[aria-invalid=true] .uds-radio-group-item{border-color:var(--destructive)}.radio-group-preview-error{margin:0;color:var(--destructive);font-size:var(--font-size-small);line-height:var(--line-height-small);text-align:start}@media(max-width:920px){.radio-group-detail-preview{grid-template-columns:minmax(0,1fr)}}.resizable-detail-preview{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(15rem,.65fr);gap:var(--space-6);inline-size:min(100%,68rem);align-items:stretch}.resizable-preview-example{display:grid;grid-template-rows:auto minmax(14rem,1fr);gap:var(--space-3);min-inline-size:0}.resizable-preview-example:first-child{grid-row:span 2}.resizable-preview-example h3{margin:0;font-size:var(--font-size-small);line-height:var(--line-height-small)}.resizable-preview-example .uds-resizable-panel{align-content:center;gap:var(--space-2);text-align:center}.resizable-preview-example .uds-resizable-panel span{color:var(--muted-foreground);font-size:var(--font-size-small)}.resizable-preview-example.is-compact{grid-template-rows:auto minmax(8rem,1fr)}@media(max-width:860px){.resizable-detail-preview{grid-template-columns:minmax(0,1fr)}.resizable-preview-example:first-child{grid-row:auto}}.scroll-area-detail-preview{display:grid;grid-template-columns:minmax(14rem,.7fr) minmax(0,1.3fr);gap:var(--space-6);inline-size:min(100%,68rem)}.scroll-area-preview-example{display:grid;grid-template-rows:auto 16rem;gap:var(--space-3);min-inline-size:0}.scroll-area-preview-example h3{margin:0;font-size:var(--font-size-small);line-height:var(--line-height-small)}.scroll-area-preview-example.is-both{grid-column:1 / -1;grid-template-rows:auto 14rem}.scroll-area-list{display:grid;padding:var(--space-4)}.scroll-area-list-item{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:var(--space-3);padding-block:var(--space-3);border-block-end:1px solid var(--border);text-align:start}.scroll-area-list-item span{color:var(--muted-foreground);font-variant-numeric:tabular-nums}.scroll-area-gallery{display:flex;gap:var(--space-4);inline-size:max-content;padding:var(--space-4)}.scroll-area-gallery figure{display:grid;gap:var(--space-2);inline-size:15rem;margin:0}.scroll-area-gallery img{inline-size:100%;aspect-ratio:4 / 3;object-fit:cover}.scroll-area-gallery figcaption{color:var(--muted-foreground);font-size:var(--font-size-small);text-align:start}.scroll-area-canvas{display:grid;grid-template-columns:repeat(6,9rem);inline-size:max-content;padding:var(--space-4)}.scroll-area-canvas span{display:grid;place-items:center;min-block-size:4rem;border-block-end:1px solid var(--border);border-inline-end:1px solid var(--border);font-size:var(--font-size-small)}@media(max-width:760px){.scroll-area-detail-preview{grid-template-columns:minmax(0,1fr)}.scroll-area-preview-example.is-both{grid-column:auto}}.component-stage:has(.chat-preview){min-block-size:560px}.chat-preview{display:grid;place-items:center;inline-size:100%;max-inline-size:100%;min-block-size:420px;padding-block:var(--space-8);padding-inline:var(--space-4);box-sizing:border-box;overflow:visible}.chat-preview>.uds-chat-message-list,.chat-preview>.uds-chat-layout,.chat-preview>.uds-chat-tool-calls{inline-size:min(100%,42rem);max-inline-size:100%}.chat-preview>.uds-chat-message-list{align-self:center}.chat-preview--composer{min-block-size:360px}.chat-preview--composer .uds-chat-composer{inline-size:min(100%,42rem);max-inline-size:100%}.chat-preview--stack{align-content:center;gap:var(--space-6);color:var(--foreground-muted)}.chat-preview--row{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.chat-preview-note{margin:0;color:var(--foreground-muted);text-align:center}.component-stage .uds-selector,.component-stage .uds-select-trigger{inline-size:min(100%,18rem)}.calendar-detail-preview,.date-picker-detail-preview{display:grid;place-items:center;inline-size:min(100%,36rem)}.overlay-anatomy-preview{position:relative;display:grid;place-items:center;inline-size:min(100%,36rem);min-block-size:18rem;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--background)}.overlay-anatomy-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay)}.overlay-anatomy-dialog,.overlay-anatomy-alert-dialog,.overlay-anatomy-sheet{position:relative;z-index:1;display:grid;gap:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--modal-surface);color:var(--foreground);padding:var(--space-5);box-shadow:var(--shadow-dialog, var(--shadow-popover))}.overlay-anatomy-dialog,.overlay-anatomy-alert-dialog{inline-size:min(100%,26rem);min-block-size:10rem;align-content:center}.overlay-anatomy-preview--sheet{display:block}.overlay-anatomy-sheet{position:absolute;inset-block:0;inset-inline-end:0;align-content:start;inline-size:min(72%,20rem);padding:var(--space-5);border-block:0;border-inline-end:0;border-start-start-radius:var(--radius-surface);border-start-end-radius:0;border-end-start-radius:var(--radius-surface);border-end-end-radius:0}.overlay-anatomy-header{display:grid;gap:var(--space-2)}.overlay-anatomy-header h3{margin:0;color:var(--foreground);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-strong);line-height:var(--line-height-tight)}.overlay-anatomy-header p{margin:0;color:var(--muted-foreground);font-size:var(--font-size-body);line-height:var(--line-height-body)}.overlay-anatomy-body{display:grid;gap:var(--space-2);margin-block-start:var(--space-3)}.overlay-anatomy-body span{display:block;block-size:.625rem;border-radius:var(--radius-control);background:var(--surface-hover)}.overlay-anatomy-body span:nth-child(2){inline-size:78%}.overlay-anatomy-body span:nth-child(3){inline-size:58%}.overlay-anatomy-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);margin-block-start:auto}.menu-anatomy-preview{display:grid;justify-items:start;align-content:center;gap:var(--space-2);inline-size:min(100%,30rem);min-block-size:18rem}.menu-anatomy-preview[dir=rtl]{justify-items:end}.menu-anatomy-context-target{display:grid;place-items:center;inline-size:min(100%,18rem);min-block-size:5rem;border:1px dashed var(--border);border-radius:var(--radius-surface);color:var(--muted-foreground);font-size:var(--font-size-body)}.context-menu-detail-preview{display:grid;place-items:center;inline-size:min(100%,34rem);min-block-size:20rem;padding:var(--space-4)}.context-menu-detail-target{display:grid;place-items:center;gap:var(--space-2);inline-size:min(100%,28rem);min-block-size:12rem;border:1px dashed var(--border);border-radius:var(--radius-surface);background:var(--surface);color:var(--foreground);cursor:context-menu;font:inherit;padding-block:var(--space-6);padding-inline:var(--space-5);text-align:center}.context-menu-detail-target:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media(hover:hover)and (pointer:fine){.context-menu-detail-target:hover{background:var(--surface-hover)}}.context-menu-detail-target small{color:var(--muted-foreground);font-size:var(--font-size-small);line-height:var(--line-height-supporting)}.context-menu-detail-content{min-inline-size:16rem}.menu-anatomy-surface{display:grid;gap:var(--space-1);min-inline-size:min(100%,15rem);border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--popover-surface);color:var(--foreground);padding:var(--space-2);box-shadow:var(--shadow-popover)}.menu-anatomy-label{padding-block:var(--space-1);padding-inline:var(--space-2);color:var(--muted-foreground);font-size:var(--font-size-eyebrow);line-height:var(--line-height-supporting)}.menu-anatomy-row{display:grid;grid-template-columns:1rem minmax(0,1fr) auto;align-items:center;gap:var(--space-2);min-block-size:var(--button-height-sm);border-radius:var(--radius-control);color:var(--foreground);padding-inline:var(--space-2);font-size:var(--font-size-small);line-height:var(--line-height-body)}.menu-anatomy-preview[dir=rtl] .menu-anatomy-row{grid-template-columns:auto minmax(0,1fr) 1rem}.menu-anatomy-row[data-highlighted=true]{background:var(--surface-hover);color:var(--foreground)}.menu-anatomy-row[data-variant=destructive]{color:var(--destructive)}.menu-anatomy-row-icon{display:inline-grid;place-items:center;color:currentColor}.menu-anatomy-row-icon svg{inline-size:.95rem;block-size:.95rem}.menu-anatomy-row kbd{color:var(--muted-foreground);font-family:var(--font-mono);font-size:var(--font-size-eyebrow)}.menu-anatomy-separator{block-size:1px;background:var(--border);margin-block:var(--space-1)}.command-detail-preview{inline-size:min(100%,34rem)}.command-detail-preview [cmdk-list]{padding-block:var(--space-3)}.combobox-detail-preview{inline-size:min(100%,24rem)}.chart-detail-preview{inline-size:min(100%,36rem)}.chart-root-detail-preview{inline-size:min(100%,56rem)}.chart-detail-summary{display:grid;gap:var(--space-1);color:var(--muted-foreground);font-size:var(--font-size-small)}.chart-detail-summary strong{color:var(--foreground);font-size:var(--font-size-heading-3);line-height:var(--line-height-heading)}.data-table-detail-preview{inline-size:min(100%,48rem)}.data-table-columns-trigger{flex:0 0 auto;min-inline-size:max-content}.data-table-sort-button{display:inline-flex;align-items:center;gap:var(--space-1);border:0;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer}.data-table-preview-chevron,.data-table-preview-sort{inline-size:1rem;block-size:1rem}.data-table-preview-chevron{transform:rotate(90deg)}.data-table-empty{padding-block:var(--space-5);color:var(--muted-foreground);text-align:center}.menu-anatomy-menubar,.menu-anatomy-nav-row{display:inline-flex;align-items:center;gap:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface);padding:var(--space-1)}.menu-anatomy-menubar-trigger,.menu-anatomy-nav-trigger{min-block-size:var(--button-height-sm);border:0;border-radius:var(--radius-control);background:transparent;color:var(--muted-foreground);cursor:default;font:inherit;font-size:var(--font-size-small);line-height:var(--line-height-body);padding-inline:var(--space-3)}.menu-anatomy-menubar-trigger[data-state=open],.menu-anatomy-nav-trigger[data-state=open]{background:var(--surface-hover);color:var(--foreground)}.menu-anatomy-mega-surface{display:grid;grid-template-columns:minmax(8rem,.9fr) minmax(8rem,1fr);gap:var(--space-2);inline-size:min(100%,28rem);border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--popover-surface);padding:var(--space-2);box-shadow:var(--shadow-popover)}.menu-anatomy-featured,.menu-anatomy-mega-list a{color:var(--foreground);text-decoration:none}.menu-anatomy-featured{display:grid;align-content:end;gap:var(--space-2);min-block-size:8rem;border-radius:var(--radius-control);background:var(--surface);padding:var(--space-3)}.menu-anatomy-featured-icon{display:inline-grid;place-items:center;inline-size:var(--button-height);block-size:var(--button-height);border:1px solid var(--border);border-radius:var(--radius-control)}.menu-anatomy-featured small{color:var(--muted-foreground);font-size:var(--font-size-small);line-height:var(--line-height-body)}.menu-anatomy-mega-list{display:grid;align-content:start;gap:var(--space-1)}.menu-anatomy-mega-list a{border-radius:var(--radius-control);padding-block:var(--space-2);padding-inline:var(--space-3);font-size:var(--font-size-small)}.menu-anatomy-mega-list a:first-child{background:var(--surface-hover);color:var(--foreground)}.navigation-menu-preview{display:grid;place-items:center;min-block-size:30rem;inline-size:100%;padding-block:var(--space-12);padding-inline:var(--space-6)}.navigation-menu-preview .uds-navigation-menu{align-self:start}.navigation-menu-preview-panel{border:0;min-inline-size:min(42rem,calc(100vw - 6rem))}.navigation-menu-preview-panel--featured{grid-template-columns:minmax(12rem,.8fr) minmax(17rem,1.2fr)}.navigation-menu-preview-feature,.navigation-menu-preview-links a,.navigation-menu-preview-panel--grid a{display:grid;align-content:start;gap:var(--space-1);border-radius:var(--radius-control);color:var(--foreground);padding:var(--space-3);text-align:start;text-decoration:none}.navigation-menu-preview-feature{min-block-size:13rem;background:var(--secondary)}.navigation-menu-preview-feature svg{inline-size:1.25rem;block-size:1.25rem;margin-block-end:auto;color:var(--primary);stroke-width:1.75}.navigation-menu-preview-feature span,.navigation-menu-preview-links span,.navigation-menu-preview-panel--grid span{color:var(--muted-foreground);font-size:var(--font-size-small);line-height:var(--line-height-body)}.navigation-menu-preview-links,.navigation-menu-preview-panel--grid{display:grid;gap:var(--space-1)}.navigation-menu-preview-panel--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.navigation-menu-preview-links a:hover,.navigation-menu-preview-panel--grid a:hover{background:var(--surface-hover)}.navigation-menu-preview-links a:focus-visible,.navigation-menu-preview-panel--grid a:focus-visible{background:var(--surface-hover);outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:calc(var(--focus-ring-width) * -1)}.pagination-preview{display:grid;align-content:center;gap:var(--space-8);inline-size:min(100%,48rem);min-block-size:32rem;margin-inline:auto;padding-block:var(--space-10);padding-inline:var(--space-6)}.pagination-preview>section{display:grid;gap:var(--space-3);justify-items:center}.pagination-preview-label{color:var(--muted-foreground);font-size:var(--font-size-small)}.pagination-preview-compact{grid-template-columns:minmax(0,1fr) auto auto;align-items:end;justify-items:stretch;border-block-start:1px solid var(--border);padding-block-start:var(--space-6)}.pagination-preview-compact label{display:flex;align-items:center;gap:var(--space-2);color:var(--muted-foreground);font-size:var(--font-size-small)}.pagination-preview-compact>span{align-self:center;color:var(--muted-foreground);font-size:var(--font-size-small)}.pagination-preview-compact .uds-pagination-previous span,.pagination-preview-compact .uds-pagination-next span{position:absolute}.popover-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:var(--space-8);inline-size:min(100%,52rem);min-block-size:30rem;margin-inline:auto;padding-block:var(--space-10);padding-inline:var(--space-6)}.popover-preview>section{display:grid;justify-items:center;gap:var(--space-3)}.popover-preview-label{color:var(--muted-foreground);font-size:var(--font-size-small)}.popover-preview-form{inline-size:min(22rem,calc(100vw - var(--space-6)))}.popover-preview-form .uds-field--horizontal{grid-template-columns:minmax(5rem,.55fr) minmax(8rem,1fr);align-items:center}.progress-preview{display:grid;align-content:center;gap:var(--space-10);inline-size:min(100%,48rem);min-block-size:32rem;margin-inline:auto;padding-block:var(--space-10);padding-inline:var(--space-6)}.progress-preview>section{display:grid;gap:var(--space-4)}.progress-preview>section:first-child{grid-template-columns:minmax(0,1fr) minmax(10rem,.6fr);align-items:end}.progress-preview-label{color:var(--muted-foreground);font-size:var(--font-size-small)}.progress-preview .uds-progress-root{max-inline-size:none}@media(max-width:640px){.progress-preview{padding-inline:var(--space-3)}.progress-preview>section:first-child{grid-template-columns:1fr}}@media(max-width:760px){.popover-preview{grid-template-columns:1fr;min-block-size:38rem;padding-inline:var(--space-3)}}@media(max-width:640px){.pagination-preview{padding-inline:var(--space-2)}.pagination-preview .uds-pagination-previous>span,.pagination-preview .uds-pagination-next>span{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%)}.pagination-preview-compact{grid-template-columns:1fr auto}.pagination-preview-compact>span{display:none}}@media(max-width:720px){.navigation-menu-preview{min-block-size:34rem;padding-inline:var(--space-3)}.navigation-menu-preview .uds-navigation-menu-list{flex-wrap:wrap;justify-content:center}.navigation-menu-preview-panel{min-inline-size:min(24rem,calc(100vw - 3rem))}.navigation-menu-preview-panel--featured,.navigation-menu-preview-panel--grid{grid-template-columns:1fr}.navigation-menu-preview-feature{min-block-size:9rem}}.side-nav-heading-preview{display:grid;inline-size:min(100%,42rem);grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:center}.side-nav-heading-preview .uds-side-nav-heading[data-variant=brand]{min-inline-size:0}.side-nav-heading-preview-icon{font-size:1.35rem;line-height:1}.side-nav-type-one-preview{display:grid;inline-size:min(100%,22rem);block-size:100%;max-block-size:100%;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-surface);background:color-mix(in srgb,var(--background) 94%,var(--foreground) 6%);transition:inline-size .24s var(--ease-standard),max-inline-size .24s var(--ease-standard)}.side-nav-type-one-preview[data-collapsed=true]{inline-size:3.75rem;max-inline-size:3.75rem}.side-nav-type-one.uds-side-nav{inline-size:100%;block-size:100%;transition:inline-size .24s var(--ease-standard),max-inline-size .24s var(--ease-standard),padding .24s var(--ease-standard)}.side-nav-type-one.uds-side-nav[data-collapsed=true]{inline-size:3.75rem;max-inline-size:3.75rem}.side-nav-type-one-body{padding-block:var(--space-2)}.side-nav-type-one-body>.uds-side-nav-section+.uds-side-nav-section{margin-block-start:calc(var(--space-4) + var(--space-2))}.component-stage>p{margin:0;color:var(--foreground-subtle);font-size:13px}.properties-stage{min-height:220px}.component-stage-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center}.overview-contract{display:grid;gap:18px}.overview-contract>div{display:grid;gap:10px;border-top:1px solid var(--component-doc-divider);padding-top:18px}.overview-contract h2{font-size:22px}.overview-contract code{color:var(--foreground);font-family:var(--font-mono);font-size:.92em}.example-card{overflow:hidden;border:1px solid var(--component-doc-frame);border-radius:var(--radius-surface);background:var(--background)}.example-card-preview{display:grid;gap:42px;min-height:230px;padding:20px;background:var(--background);color:var(--foreground)}.example-card-preview>span{color:var(--foreground);font-size:14px;font-weight:var(--font-weight-medium)}.example-card-preview>div{justify-self:center;align-self:center}.example-stack{display:grid;gap:10px}.example-stack>span{color:var(--foreground-subtle);font-size:12px}.example-card-footer{display:grid;gap:14px;border-top:1px solid var(--component-doc-divider);padding:14px 16px 18px}.example-card-footer strong{width:fit-content;box-shadow:inset 0 -2px 0 var(--foreground);padding-bottom:8px;color:var(--foreground);font-size:14px}.example-card-footer p{color:var(--foreground);font-size:14px}.practice-table,.props-table{overflow:hidden;border:1px solid var(--component-doc-frame);border-radius:var(--radius-surface)}.practice-row,.prop-row{display:grid;grid-template-columns:110px minmax(0,1fr) 220px;gap:24px;border-bottom:1px solid var(--component-doc-divider);padding:18px 16px}.prop-row--static{grid-template-columns:140px minmax(0,1fr)}.practice-row{grid-template-columns:76px minmax(0,1fr);align-items:start}.practice-row:last-child,.prop-row:last-child{border-bottom:0}.practice-row p,.prop-row p{margin:0;color:color-mix(in srgb,currentColor 68%,transparent);line-height:1.55}.prop-row strong{color:inherit;font-size:14px}.prop-row code{display:block;margin-bottom:8px;color:inherit;font-size:14px;white-space:pre-wrap}.prop-control{display:flex;align-items:center;justify-content:end;min-inline-size:0}.prop-control input,.prop-control select{inline-size:min(100%,160px);min-inline-size:0;block-size:40px;border:1px solid var(--border);border-radius:var(--radius-control);background:transparent;color:var(--foreground);padding-block:0;padding-inline:var(--space-3);text-align:start;font:inherit;font-size:14px;line-height:1}.prop-control .prop-doc-control{inline-size:min(100%,160px);min-inline-size:0;block-size:40px;direction:inherit;text-align:start}.props-table[dir=rtl] .prop-row{direction:rtl}.props-table[dir=rtl] .prop-control{justify-content:end}.props-table[dir=rtl] .prop-row code,.props-table[dir=rtl] .prop-row p{text-align:start}.prop-control .prop-doc-checkbox{inline-size:18px;block-size:18px;border-color:var(--border-strong);border-radius:calc(var(--radius-control) / 2)}.prop-control .prop-doc-checkbox[data-state=checked]{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.prop-control .prop-doc-checkbox .uds-checkbox-motion-mark>svg{inline-size:.75rem;block-size:.75rem;stroke-width:2.25}.prop-control input[type=checkbox]{inline-size:22px;block-size:22px;padding:0;accent-color:var(--primary)}@media(max-width:760px){.component-gallery-grid,.component-gallery-family-grid{grid-template-columns:1fr}.component-gallery-preview{min-block-size:190px}.practice-row,.prop-row{grid-template-columns:1fr}.prop-control{justify-content:start}}@media(min-width:761px)and (max-width:1180px){.component-gallery-grid,.component-gallery-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.card small{color:var(--foreground-subtle);line-height:1.4}.card-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.pill{border:1px solid var(--border);border-radius:var(--radius-control);padding:5px 8px;color:var(--foreground-muted);white-space:nowrap}.text-link{color:var(--foreground);font-size:14px;font-weight:var(--font-weight-medium)}.chip-list,.rule-list{display:flex;flex-wrap:wrap;gap:8px}.chip-list span,.rule-list span{border:1px solid var(--border);border-radius:var(--radius-control);padding:7px 10px;color:var(--foreground-muted);font-size:12px;line-height:1.35}.rule-list{display:grid}.arabic-mockups.compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.arabic-mockups.compact article{display:grid;gap:var(--space-3);border:1px solid var(--border);background:color-mix(in srgb,var(--background) 94%,var(--foreground) 6%);padding:var(--space-4)}.arabic-mockups.compact h3,.arabic-mockups.compact p{margin:0}.arabic-mockups.compact [lang=ar]{font-family:var(--font-arabic-body);line-height:var(--line-height-arabic-body);text-transform:none}.rtl-control-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-block-size:var(--button-height-sm);border:1px solid var(--border);padding-inline:var(--space-3)}.mini-badge{display:inline-flex;align-items:center;justify-content:center;min-inline-size:1.75rem;min-block-size:1.5rem;background:var(--secondary);color:var(--secondary-foreground);padding-inline:var(--space-2);font-size:var(--font-size-small)}.swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--border)}.swatches span{min-height:56px}.template-source-note{border-inline-start:2px solid var(--primary);padding-inline-start:var(--space-3);font-size:var(--font-size-small)!important}.template-catalog,.theme-catalog{display:grid;gap:var(--space-8)}.theme-signature-library{display:grid;gap:var(--space-6);scroll-margin-block-start:7rem}.theme-signature-library__header{display:flex;align-items:end;justify-content:space-between;gap:var(--space-6);border-block-end:var(--border-width-hairline) solid var(--border);padding-block-end:var(--space-5)}.theme-signature-library__header>div{display:grid;gap:var(--space-3);max-inline-size:44rem}.theme-signature-library__header :where(p,h2){margin:0}.theme-signature-library__header h2{color:var(--foreground);font-size:clamp(2rem,4vw,3.5rem);font-weight:var(--font-weight-strong);letter-spacing:-.035em;line-height:.98}.theme-signature-library__header>div>p:last-child{color:var(--foreground-muted);line-height:1.6}.theme-signature-library__header>span{display:inline-flex;flex:0 0 auto;align-items:baseline;gap:var(--space-1);color:var(--foreground)}.theme-signature-library__header>span strong{font-size:2.75rem;font-weight:var(--font-weight-regular);letter-spacing:-.05em;line-height:1}.theme-signature-library__header>span small{color:var(--foreground-subtle);font-family:var(--font-mono);font-size:var(--font-size-small)}.theme-signature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.theme-signature-card{display:grid;min-inline-size:0;overflow:hidden;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--background);box-shadow:var(--shadow-surface)}.theme-signature-card__preview,.theme-signature-card__empty{min-block-size:25rem;border-block-end:var(--border-width-hairline) solid var(--border)}.theme-signature-card__preview{display:grid;overflow:hidden;background:var(--background)}.theme-signature-card__preview .cloudblur-signature-stage[data-compact=true]{min-block-size:25rem;padding:var(--space-4)}.theme-signature-card__preview [data-compact=true] .cloudblur-card-stack{inline-size:100%;block-size:21rem}.theme-signature-card__preview [data-compact=true] .cloudblur-lifestyle-card{--cloudblur-lifestyle-inset: 12px;inline-size:min(100%,15rem);border-radius:50px;transform:translate(38px,-18px) rotate(-7deg)}.theme-signature-card__preview [data-compact=true] .cloudblur-lifestyle-card__image,.theme-signature-card__preview [data-compact=true] .cloudblur-lifestyle-card__glass{border-radius:40px}.theme-signature-card__preview [data-compact=true] .cloudblur-signal-card{inline-size:min(100%,24rem);min-block-size:286px;padding:var(--space-4)}.theme-signature-card__preview [data-compact=true] .cloudblur-ceramic-card{inline-size:min(100%,15.75rem);padding:18px;border-radius:52px;transform:translate(-34px,20px) rotate(6deg)}.theme-signature-card__preview [data-compact=true] .cloudblur-ceramic-card:after{border-radius:52px}.theme-signature-card__preview [data-compact=true] .cloudblur-ceramic-media{border-radius:34px}.theme-signature-card__preview [data-compact=true] .cloudblur-ceramic-content{inline-size:min(100%,13.5rem);max-inline-size:13.5rem;gap:6px;padding-block-start:10px}.theme-signature-card__preview [data-compact=true] .cloudblur-ceramic-cta>h2{font-size:28px}.theme-signature-card__preview [data-compact=true] .cloudblur-ceramic-content>p{font-size:10.5px}.theme-signature-card__preview [data-compact=true] .cloudblur-ceramic-media__tag{inset-inline-start:11px;inset-block-end:10px;min-block-size:22px;padding:5px 8px;font-size:8px}.theme-signature-card__preview [data-compact=true] .cloudblur-signal-heading{margin-block-start:var(--space-6)}.theme-signature-card__preview [data-compact=true] .cloudblur-signal-heading strong{font-size:clamp(2.25rem,5vw,3.25rem)}.theme-signature-card__preview [data-compact=true] .cloudblur-signal-chart{margin-block:var(--space-3) var(--space-2);max-block-size:112px}.theme-signature-card__preview [data-compact=true] .cloudblur-signal-open{inline-size:38px;block-size:38px}.theme-signature-card__preview [data-compact=true] .cloudblur-signal-checkpoints{gap:4px;margin-block-end:var(--space-3)}.theme-signature-card__preview [data-compact=true] .cloudblur-signal-checkpoints span{inline-size:24px;block-size:24px}.theme-signature-card__empty{position:relative;isolation:isolate;display:grid;overflow:hidden;place-items:center;background:linear-gradient(var(--border),var(--border)) center / 1px 64% no-repeat,linear-gradient(90deg,var(--border),var(--border)) center / 64% 1px no-repeat,var(--surface);color:var(--foreground-subtle)}.theme-signature-card__empty:before,.theme-signature-card__empty:after,.theme-signature-card__empty i{position:absolute;border:var(--border-width-hairline) solid var(--border);border-radius:999px;content:""}.theme-signature-card__empty:before{inline-size:13rem;block-size:13rem}.theme-signature-card__empty:after{inline-size:7rem;block-size:7rem}.theme-signature-card__empty i:nth-of-type(1){inset-block-start:20%;inset-inline-start:18%;inline-size:10px;block-size:10px;background:var(--surface-strong)}.theme-signature-card__empty i:nth-of-type(2){inset-block-end:18%;inset-inline-end:20%;inline-size:18px;block-size:18px;background:var(--surface-strong)}.theme-signature-card__empty i:nth-of-type(3){inset-block-start:24%;inset-inline-end:16%;inline-size:6px;block-size:6px;background:var(--foreground-subtle)}.theme-signature-card__empty span{position:relative;z-index:2;max-inline-size:16ch;padding:var(--space-2) var(--space-3);background:var(--surface);font-family:var(--font-mono);font-size:var(--font-size-small);text-align:center}.theme-signature-card__body{display:grid;gap:var(--space-3);align-content:start;padding:var(--space-5)}.theme-signature-card__body :where(h3,p){margin:0}.theme-signature-card__body h3{color:var(--foreground);font-size:var(--font-size-heading-3);line-height:1.12}.theme-signature-card__body p{color:var(--foreground-muted);line-height:1.55}.theme-signature-card__body a{justify-self:start;min-block-size:44px;padding-block:var(--space-3);text-underline-offset:.2em}.theme-signature-card__body a:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.template-grid,.theme-grid,.planned-theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.template-card,.theme-planned-card{display:grid;align-content:start;min-inline-size:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--background);box-shadow:var(--shadow-surface)}.template-card__content,.theme-planned-card{gap:var(--space-4);padding:var(--space-5)}.template-card__content{display:grid}.template-card h3,.template-card p,.theme-planned-card h3,.theme-planned-card p{margin:0}.template-card h3,.theme-planned-card h3{color:var(--foreground);font-size:var(--font-size-heading-3);font-weight:var(--font-weight-strong);line-height:1.2}.template-card p,.theme-planned-card p{color:var(--foreground-muted);line-height:1.55}.template-preview{position:relative;display:grid;grid-template-columns:minmax(2.25rem,.2fr) minmax(0,1fr);min-block-size:14rem;overflow:hidden;border-block-end:1px solid var(--border);background:var(--surface);padding:var(--space-5)}.template-preview__rail{border-inline-end:1px solid var(--border);background:var(--surface-strong)}.template-preview__canvas{display:grid;grid-template-rows:1.5rem minmax(3rem,.8fr) auto minmax(3rem,1fr);gap:var(--space-3);min-inline-size:0;padding-inline-start:var(--space-4)}.template-preview__nav,.template-preview__hero span,.template-preview__metrics span,.template-preview__body span{display:block;border:1px solid var(--border);background:var(--background)}.template-preview__nav{inline-size:100%}.template-preview__hero,.template-preview__metrics,.template-preview__body{display:grid;gap:var(--space-2)}.template-preview__hero{grid-template-columns:minmax(0,1.25fr) minmax(3rem,.75fr)}.template-preview__metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.template-preview__metrics span{min-block-size:2.25rem}.template-preview__body{grid-template-columns:repeat(2,minmax(0,1fr))}.template-preview[data-kind=product-homepage],.template-preview[data-kind=studio-homepage],.template-preview[data-kind=launch-page],.template-preview[data-kind=case-study],.template-preview[data-kind=production-reference]{grid-template-columns:minmax(0,1fr)}.template-preview[data-kind=product-homepage] .template-preview__rail,.template-preview[data-kind=studio-homepage] .template-preview__rail,.template-preview[data-kind=launch-page] .template-preview__rail,.template-preview[data-kind=case-study] .template-preview__rail,.template-preview[data-kind=production-reference] .template-preview__rail{display:none}.template-preview[data-kind=product-homepage] .template-preview__canvas,.template-preview[data-kind=studio-homepage] .template-preview__canvas,.template-preview[data-kind=launch-page] .template-preview__canvas,.template-preview[data-kind=case-study] .template-preview__canvas,.template-preview[data-kind=production-reference] .template-preview__canvas{padding-inline-start:0}.template-preview[data-kind=saas-dashboard] .template-preview__hero,.template-preview[data-kind=data-workspace] .template-preview__hero{grid-template-columns:minmax(0,1.6fr) minmax(3rem,.4fr)}.template-preview[data-kind=ai-chat] .template-preview__body{grid-template-columns:minmax(0,1fr);padding-inline:var(--space-5)}.template-preview[data-kind=ai-chat] .template-preview__body span:nth-child(odd){justify-self:end;inline-size:68%}.template-preview[data-kind=settings] .template-preview__body,.template-preview[data-kind=onboarding] .template-preview__body,.template-preview[data-kind=resource-article] .template-preview__body,.template-preview[data-kind=docs-shell] .template-preview__body{grid-template-columns:minmax(0,1fr)}.template-meta-grid,.theme-meta-grid{display:grid;gap:var(--space-4);border-block-start:1px solid var(--border);padding-block-start:var(--space-4)}.template-meta-grid>div,.theme-meta-grid>div{display:grid;gap:var(--space-2)}.template-meta-grid strong,.theme-meta-grid strong{color:var(--foreground);font-size:var(--font-size-small)}.template-section-list,.theme-check-list{display:grid;gap:var(--space-2);margin:0;padding-inline-start:1.25rem;color:var(--foreground-muted);font-size:var(--font-size-small);line-height:1.45}[dir=rtl] .template-section-list,[dir=rtl] .theme-check-list{padding-inline-start:0;padding-inline-end:1.25rem}.template-command{display:grid;gap:var(--space-2)}.template-command>span{color:var(--foreground-subtle);font-size:var(--font-size-small)}.template-command code{overflow-x:auto;border:1px solid var(--border);background:var(--surface-strong);padding:var(--space-3);color:var(--foreground);font-family:var(--font-mono);font-size:.75rem;white-space:nowrap}.theme-brand-preview{display:grid;place-items:center;min-block-size:10rem;border-block-end:1px solid var(--border);background:var(--surface);padding:var(--space-5)}.theme-scope-status{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-3);margin:0;border-block-start:1px solid var(--border);padding-block-start:var(--space-4);color:var(--foreground-muted);font-size:var(--font-size-small)}.theme-scope-status strong{color:var(--foreground)}.theme-scope-loading{min-block-size:12rem;display:grid;place-items:center;border:1px solid var(--border);background:var(--surface);color:var(--foreground-muted)}.theme-gallery-card--convex .theme-brand-preview{background:var(--surface-strong)}.theme-brand-preview img{display:block;inline-size:min(100%,12rem);max-block-size:5rem;object-fit:contain}.theme-brand-preview[data-theme-preview=utopia-default]{background:var(--modal-surface)}.theme-brand-preview[data-theme-preview=utopia-default] img{filter:brightness(0) invert(1)}.theme-brand-preview--typographic span{color:var(--foreground);font-size:var(--font-size-heading-2);font-weight:var(--font-weight-strong)}.theme-card{overflow:hidden;padding:0}.theme-card>:not(.theme-brand-preview){margin-inline:var(--space-5)}.theme-card>.card-row{margin-block-start:var(--space-5)}.theme-card>:last-child{margin-block-end:var(--space-5)}.theme-card h2{margin-block:0;color:var(--foreground);font-size:var(--font-size-heading-2);line-height:1.15}.theme-ai-handoff-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.theme-ai-handoff{display:grid;gap:var(--space-3);padding:var(--space-4);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface)}.theme-ai-handoff__heading{display:grid;gap:var(--space-1)}.theme-ai-handoff__heading span,.theme-ai-handoff__field>span{color:var(--foreground-muted);font-size:var(--font-size-small)}.theme-ai-handoff__field{display:grid;gap:var(--space-2)}.theme-ai-handoff__field .uds-select-trigger{inline-size:100%}.theme-ai-handoff__targets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.theme-ai-handoff__targets .uds-button{inline-size:100%}.theme-ai-handoff__preview{border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface-subtle, var(--surface))}.theme-ai-handoff__preview summary{cursor:pointer;padding:var(--space-3);color:var(--foreground);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold)}.theme-ai-handoff__preview pre{max-block-size:24rem;overflow:auto;margin:0;padding:var(--space-3);border-block-start:var(--border-width-hairline) solid var(--border);background:var(--popover-surface, var(--surface));color:var(--foreground);font-family:var(--font-mono);font-size:var(--font-size-small);line-height:var(--line-height-body);white-space:pre-wrap;overflow-wrap:anywhere}.theme-contract-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);scroll-margin-block-start:clamp(var(--space-16),10vw,var(--space-24))}.theme-contract-band:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.theme-semantic-contract{padding:0}.theme-semantic-contract>summary{display:flex;align-items:center;gap:var(--space-2);min-block-size:var(--interaction-target-min);padding:var(--space-5) var(--space-6);cursor:pointer;color:var(--foreground);font-weight:var(--font-weight-medium);list-style:none}.theme-semantic-contract>summary::-webkit-details-marker{display:none}.theme-semantic-contract>summary:before{content:"";flex:0 0 auto;inline-size:.55rem;block-size:.55rem;border-block-end:1.5px solid currentColor;border-inline-end:1.5px solid currentColor;color:var(--foreground-muted);transform:rotate(-45deg);transition:transform var(--motion-duration-icon) var(--motion-ease-icon)}.theme-semantic-contract[open]>summary:before{transform:rotate(45deg) translate(-1px,-1px)}.theme-semantic-contract>summary small{display:inline-grid;min-inline-size:2rem;min-block-size:2rem;margin-inline-start:auto;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-control);color:var(--foreground-muted);font-size:var(--font-size-small);font-weight:var(--font-weight-regular);place-items:center}.theme-semantic-contract[open]>summary{border-block-end:var(--border-width-hairline) solid var(--border)}.theme-semantic-contract__body{display:grid;gap:var(--space-3);padding:var(--space-6)}.theme-semantic-contract__body>h3{margin:0;color:var(--foreground);font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.2}.theme-semantic-contract__body>p{max-inline-size:76ch;margin:0 0 var(--space-2);color:var(--foreground-muted);line-height:var(--line-height-body)}.theme-semantic-contract__body>.chip-list{gap:var(--space-2)}.theme-semantic-contract>summary:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:calc(-1 * var(--focus-ring-width))}.theme-create{display:grid;grid-template-columns:minmax(17rem,.7fr) minmax(0,1.3fr);border:var(--border-width-hairline) solid var(--border);background:var(--surface);scroll-margin-block-start:var(--space-16)}.theme-create__intro{display:grid;align-content:start;gap:var(--space-3);padding:var(--space-8);border-inline-end:var(--border-width-hairline) solid var(--border)}.theme-create__intro>span{display:grid;place-items:center;inline-size:var(--button-height-lg);block-size:var(--button-height-lg);margin-block-end:var(--space-3);border:var(--border-width-hairline) solid var(--border)}.theme-create__intro>span svg,.theme-create__steps svg,.theme-create__command svg{inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm)}.theme-create__intro .eyebrow,.theme-create__intro h2,.theme-create__intro p,.theme-create__steps h3,.theme-create__steps p{margin:0}.theme-create__intro h2{font-size:clamp(2rem,3.5vw,3.2rem);font-weight:var(--font-weight-medium);line-height:1.04;letter-spacing:-.035em;overflow-wrap:anywhere}.theme-create__intro>p:last-child,.theme-create__steps p{color:var(--muted-foreground);line-height:var(--line-height-body)}.theme-create__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.theme-create__steps article{display:grid;grid-template-rows:auto auto auto 1fr;align-content:start;gap:var(--space-3);min-inline-size:0;min-block-size:18rem;padding:var(--space-5);border-inline-end:var(--border-width-hairline) solid var(--border)}.theme-create__steps article:last-child{border-inline-end:0}.theme-create__steps small{color:var(--primary);font-family:var(--font-mono)}.theme-create__steps h3{font-size:var(--font-size-heading-3);font-weight:var(--font-weight-medium)}.theme-create__command{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-4);min-inline-size:0;padding:var(--space-4);border-block-start:var(--border-width-hairline) solid var(--border);background:var(--surface-strong)}.theme-create__command>div{display:inline-flex;align-items:center;gap:var(--space-2)}.theme-create__command code{min-inline-size:0;overflow-x:auto;color:var(--foreground-muted);font-family:var(--font-mono);font-size:var(--font-size-small);white-space:nowrap}.theme-planned-card{min-block-size:100%}@media(max-width:1080px){.template-grid,.theme-grid,.planned-theme-grid,.theme-contract-band,.theme-create{grid-template-columns:minmax(0,1fr)}.theme-create__intro{border-inline-end:0;border-block-end:var(--border-width-hairline) solid var(--border)}}@media(max-width:720px){.theme-signature-library__header{align-items:start}.theme-signature-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:420px){.theme-signature-library__header{display:grid}.theme-signature-library__header>span{justify-self:end}.theme-signature-card__preview,.theme-signature-card__empty,.theme-signature-card__preview .cloudblur-signature-stage[data-compact=true]{min-block-size:25rem}}@media(max-width:1500px){.theme-create{grid-template-columns:minmax(0,1fr)}.theme-create__intro{border-inline-end:0;border-block-end:var(--border-width-hairline) solid var(--border)}}@media(max-width:620px){.guide-next-links{grid-template-columns:minmax(0,1fr)}.guide-next-links a:nth-child(odd){border-inline-end:0}.template-preview{min-block-size:11rem;padding:var(--space-3)}.template-card__content,.theme-planned-card{padding:var(--space-4)}.theme-create__intro{padding:var(--space-5)}.theme-create__steps{grid-template-columns:minmax(0,1fr)}.theme-create__steps article{min-block-size:auto;border-inline-end:0;border-block-end:var(--border-width-hairline) solid var(--border)}.theme-create__command{grid-template-columns:minmax(0,1fr);align-items:stretch}.theme-create__command .uds-button{inline-size:100%}}.templates-page{gap:clamp(var(--space-6),3vw,var(--space-8))}.templates-catalog-hero{display:grid;justify-items:start;gap:12px;padding-block:0 26px;border-block-end:1px solid var(--border);text-align:start}.templates-catalog-hero h1,.templates-catalog-hero p{margin:0}.templates-catalog-hero h1{color:var(--foreground);font-size:clamp(38px,5vw,48px);font-weight:var(--font-weight-strong);letter-spacing:0;line-height:1.08}.templates-catalog-hero p{max-inline-size:72ch;color:var(--foreground-muted);font-size:18px;line-height:1.55;text-wrap:pretty}.template-category-filter{display:flex;justify-content:center;gap:var(--space-2);min-inline-size:0;overflow-x:auto;padding-block:var(--space-1);scrollbar-width:none}.template-category-filter::-webkit-scrollbar{display:none}.template-category-filter button{flex:0 0 auto;min-block-size:var(--interaction-target-min);border:var(--border-width-hairline) solid transparent;border-radius:var(--radius-full);background:transparent;padding-inline:var(--space-4);color:var(--foreground-muted);font:inherit;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer}.template-category-filter button:hover{background:var(--surface-hover);color:var(--foreground)}.template-category-filter button[data-selected=true]{border-color:var(--interaction-selection-border);background:var(--interaction-selection-surface);color:var(--foreground)}.template-category-filter button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.template-gallery{min-inline-size:0;scroll-margin-block-start:var(--space-16)}.template-gallery__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(var(--space-5),3vw,var(--space-8))}.template-gallery-card{display:grid;align-content:start;gap:var(--space-4);min-inline-size:0}.template-gallery-card__preview{--template-gallery-preview-scale: .38;position:relative;aspect-ratio:16 / 10;overflow:hidden;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface)}.template-gallery-card[data-selected=true] .template-gallery-card__preview{border-color:var(--interaction-selection-border);box-shadow:0 0 0 var(--border-width-hairline) var(--interaction-selection-border)}.template-gallery-card__preview iframe{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:calc(100% / var(--template-gallery-preview-scale));block-size:calc(100% / var(--template-gallery-preview-scale));border:0;pointer-events:none;transform:scale(var(--template-gallery-preview-scale));transform-origin:top left}[dir=rtl] .template-gallery-card__preview iframe{transform-origin:top right}.template-gallery-card__preview>button{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:transparent;cursor:pointer}.template-gallery-card__preview>button:hover{background:color-mix(in srgb,var(--foreground) 5%,transparent)}.template-gallery-card__preview>button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:calc(-1 * var(--focus-ring-width))}.template-gallery-card__details{display:flex;align-items:start;justify-content:space-between;gap:var(--space-4);min-inline-size:0}.template-gallery-card__details>div:first-child{display:grid;gap:var(--space-1);min-inline-size:0}.template-gallery-card__details strong{overflow:hidden;color:var(--foreground);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap}.template-gallery-card__details span{color:var(--foreground-muted);font-size:var(--font-size-small)}.template-gallery-card__actions{display:flex;flex:0 0 auto;align-items:center;gap:var(--space-2)}.templates-hero{gap:var(--space-5)}.templates-hero h1{max-inline-size:50rem;font-size:clamp(3rem,6vw,5.25rem);letter-spacing:-.04em}.templates-summary{display:flex;flex-wrap:wrap;gap:var(--space-6);padding-block-start:var(--space-4)}.templates-summary span{display:inline-flex;align-items:baseline;gap:var(--space-2);color:var(--muted-foreground);font-size:var(--font-size-small)}.templates-summary strong{color:var(--foreground);font-size:var(--font-size-heading-3);font-weight:var(--font-weight-medium)}.template-feature{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(19rem,.65fr);min-inline-size:0;border:var(--border-width-hairline) solid var(--border);background:var(--surface);scroll-margin-block-start:var(--space-16)}.template-feature__preview{position:relative;block-size:34rem;overflow:hidden;border-inline-end:var(--border-width-hairline) solid var(--border);background:var(--background)}.template-browser-bar{position:absolute;inset-block-start:0;inset-inline:0;z-index:2;display:flex;align-items:center;gap:var(--space-2);min-block-size:2.5rem;padding-inline:var(--space-4);border-block-end:var(--border-width-hairline) solid var(--border);background:var(--surface-strong)}.template-browser-bar>span{inline-size:var(--space-2);block-size:var(--space-2);border-radius:var(--radius-full);background:var(--border)}.template-browser-bar small{margin-inline-start:auto;color:var(--muted-foreground);font-family:var(--font-mono)}.template-feature iframe{position:absolute;inset-block-start:2.5rem;inset-inline-start:0;inline-size:160%;block-size:calc((100% - 2.5rem)*1.6);border:0;pointer-events:none;transform:scale(.625);transform-origin:top left}[dir=rtl] .template-feature iframe{transform-origin:top right}.template-feature__content{display:grid;align-content:start;gap:var(--space-6);padding:var(--space-8)}.template-feature__status,.template-feature__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.template-feature__status>span{color:var(--muted-foreground);font-size:var(--font-size-small)}.template-feature h2{margin:0;font-size:clamp(2rem,4vw,3.35rem);font-weight:var(--font-weight-medium);line-height:1.02;letter-spacing:-.035em}.template-feature__content>p{margin:0;color:var(--muted-foreground);line-height:var(--line-height-body)}.template-route-list,.template-source-list{display:grid;gap:var(--space-3);padding-block-start:var(--space-5);border-block-start:var(--border-width-hairline) solid var(--border)}.template-route-list>strong,.template-source-list dt{font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.template-route-list>div{display:flex;flex-wrap:wrap;gap:var(--space-2)}.template-route-list span{padding-block:var(--space-1);padding-inline:var(--space-2);border:var(--border-width-hairline) solid var(--border);color:var(--muted-foreground);font-size:var(--font-size-small)}.template-source-list{margin:0}.template-source-list>div{display:grid;gap:var(--space-1)}.template-source-list dd{min-inline-size:0;margin:0;overflow:auto;color:var(--muted-foreground);font-size:var(--font-size-small)}.template-usage,.template-library,.template-community{display:grid;gap:var(--space-8);scroll-margin-block-start:var(--space-16)}.template-usage .section-heading,.template-library .section-heading{display:grid;gap:var(--space-3);max-inline-size:52rem}.template-usage .section-heading p,.template-library .section-heading p,.blueprint-group header p{margin:0;color:var(--muted-foreground);font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:.08em}.template-usage .section-heading h2,.template-library .section-heading h2{margin:0;font-size:clamp(2.1rem,4vw,3.75rem);font-weight:var(--font-weight-medium);letter-spacing:-.035em}.template-usage .section-heading>span,.template-library .section-heading>span{color:var(--muted-foreground);line-height:var(--line-height-body)}.template-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block-start:var(--border-width-hairline) solid var(--border);border-inline-start:var(--border-width-hairline) solid var(--border)}.template-steps article{display:grid;align-content:start;gap:var(--space-3);min-block-size:14rem;padding:var(--space-5);border-block-end:var(--border-width-hairline) solid var(--border);border-inline-end:var(--border-width-hairline) solid var(--border)}.template-steps article>span{display:grid;place-items:center;inline-size:var(--button-height);block-size:var(--button-height);border:var(--border-width-hairline) solid var(--border)}.template-steps svg,.template-code-block svg{inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm)}.template-steps small{color:var(--primary);font-family:var(--font-mono)}.template-steps h3,.template-steps p{margin:0}.template-steps h3{font-size:var(--font-size-heading-3);font-weight:var(--font-weight-medium)}.template-steps p{color:var(--muted-foreground);line-height:var(--line-height-body)}.template-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.template-theme-picker{display:grid;grid-template-columns:minmax(0,1fr) minmax(13rem,.55fr) minmax(12rem,.45fr);align-items:end;gap:var(--space-5);min-inline-size:0;padding:var(--space-5);border:var(--border-width-hairline) solid var(--border);background:var(--surface)}.template-theme-picker>div,.template-theme-picker>span{display:grid;gap:var(--space-1);min-inline-size:0}.template-theme-picker label,.template-theme-picker strong{color:var(--foreground);font-weight:var(--font-weight-medium)}.template-theme-picker p{margin:0;color:var(--muted-foreground);font-size:var(--font-size-small);line-height:1.5}.template-theme-picker>span{padding-inline-start:var(--space-5);border-inline-start:var(--border-width-hairline) solid var(--border)}.template-theme-picker small{color:var(--muted-foreground)}.template-theme-picker code{overflow:hidden;color:var(--primary);font-family:var(--font-mono);font-size:.72rem;text-overflow:ellipsis}.template-code-block{min-inline-size:0;border:var(--border-width-hairline) solid var(--border);background:var(--surface)}.template-code-block>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-2);min-block-size:var(--button-height-lg);padding-inline:var(--space-4);border-block-end:var(--border-width-hairline) solid var(--border)}.template-code-block pre{min-block-size:8rem;overflow:auto;margin:0;padding:var(--space-4);color:var(--foreground);font-family:var(--font-mono);font-size:var(--font-size-small);line-height:1.6;white-space:pre-wrap}.template-community{grid-template-columns:minmax(0,1fr) minmax(20rem,.72fr);align-items:start;padding-block-start:var(--space-12);border-block-start:var(--border-width-hairline) solid var(--border)}.template-community__intro,.template-community__form{display:grid;gap:var(--space-5);min-inline-size:0}.template-community__intro>p,.template-community__intro h2,.template-community__intro>span{margin:0}.template-community__intro>p{color:var(--primary);font-size:var(--font-size-small);letter-spacing:.08em;text-transform:uppercase}.template-community__intro h2{max-inline-size:15ch;font-size:clamp(2.1rem,4vw,3.75rem);font-weight:var(--font-weight-medium);line-height:1;letter-spacing:-.035em}.template-community__intro>span{max-inline-size:58ch;color:var(--muted-foreground);line-height:var(--line-height-body)}.template-community__intro ol{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.template-community__intro li,.template-contribution-link{display:flex;align-items:center;gap:var(--space-2)}.template-community__intro li{color:var(--foreground);font-size:var(--font-size-small)}.template-community__intro li svg,.template-contribution-link svg{flex:0 0 auto;inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm)}.template-contribution-link{justify-self:start;color:var(--foreground);font-size:var(--font-size-small);text-underline-offset:.25em}.template-community__form{padding:var(--space-6);border:var(--border-width-hairline) solid var(--border);background:var(--surface)}.template-community__form>label:not(.template-community__declaration){display:grid;gap:var(--space-2)}.template-community__form label>span{color:var(--foreground);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.template-community__form .uds-input{inline-size:100%}.template-community__declaration{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--space-3);padding-block:var(--space-2)}.template-community__declaration .uds-checkbox{inline-size:1rem;block-size:1rem;margin:.15rem 0 0}.template-community__error{margin:0;color:var(--destructive-text, var(--destructive));font-size:var(--font-size-small)}.template-community__form>.uds-button{justify-self:start}.template-ai-instruction{display:grid;gap:var(--space-4);min-inline-size:0;padding:var(--space-5);border:var(--border-width-hairline) solid var(--border);background:var(--surface)}.template-ai-instruction__meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-1) var(--space-4)}.template-ai-instruction__meta>span{grid-column:1;color:var(--primary);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.template-ai-instruction__meta>strong{grid-column:1;min-inline-size:0;overflow:hidden;color:var(--foreground);font-size:var(--font-size-heading-3);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap}.template-ai-instruction__meta>.uds-button{grid-column:2;grid-row:1 / span 2}.template-ai-instruction .uds-code-block{margin:0}.template-list-view{display:grid;min-inline-size:0;border-block-start:var(--border-width-hairline) solid var(--border)}.template-list-view>header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding-block:var(--space-4)}.template-list-view>header strong{color:var(--foreground);font-size:var(--font-size-heading-3);font-weight:var(--font-weight-medium)}.template-list-view>header span{color:var(--muted-foreground);font-size:var(--font-size-small)}.template-list-view ul{display:grid;margin:0;padding:0;border-block-start:var(--border-width-hairline) solid var(--border);list-style:none}.template-list-view li{min-inline-size:0;border-block-end:var(--border-width-hairline) solid var(--border)}.template-list-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(9rem,auto) auto;align-items:center;gap:var(--space-5);inline-size:100%;min-block-size:5.75rem;border:0;background:transparent;padding:var(--space-4) var(--space-3);color:var(--foreground);font:inherit;text-align:start;cursor:pointer}.template-list-row:before{position:absolute;inset-block:var(--space-4);inset-inline-start:0;inline-size:2px;background:transparent;content:""}.template-list-row:hover,.template-list-row[data-selected=true]{background:var(--surface)}.template-list-row[data-selected=true]:before{background:var(--primary)}.template-list-row:focus-visible{z-index:1;outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:calc(var(--focus-ring-width) * -1)}.template-list-row__copy,.template-list-row__meta{display:grid;min-inline-size:0}.template-list-row__copy{gap:var(--space-1)}.template-list-row__copy strong{overflow:hidden;font-size:var(--font-size-body-lg);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap}.template-list-row__copy small,.template-list-row__meta,.template-list-row>svg{color:var(--muted-foreground)}.template-list-row__copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-list-row__meta{gap:var(--space-1);text-align:end}.template-list-row>svg{inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm)}[dir=rtl] .template-list-row>svg{rotate:180deg}.blueprint-group{display:grid;gap:var(--space-4)}.blueprint-group>header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--space-2);padding-block-end:var(--space-3);border-block-end:var(--border-width-hairline) solid var(--border)}.blueprint-group header p{grid-column:1 / -1}.blueprint-group header h3{margin:0;font-size:var(--font-size-heading-2);font-weight:var(--font-weight-medium)}.blueprint-group header>span{color:var(--muted-foreground);font-family:var(--font-mono)}.blueprint-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.blueprint-card{align-self:start;border:var(--border-width-hairline) solid var(--border);background:var(--background)}.blueprint-card summary{display:grid;gap:var(--space-3);padding:var(--space-5);cursor:pointer;list-style:none}.blueprint-card summary::-webkit-details-marker{display:none}.blueprint-card summary>span{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.blueprint-card summary small,.blueprint-card summary em{color:var(--muted-foreground);font-size:var(--font-size-small);font-style:normal}.blueprint-card summary em{justify-self:start;border-block-end:var(--border-width-hairline) solid currentColor}.blueprint-card h4,.blueprint-card p{margin:0}.blueprint-card h4{font-size:var(--font-size-heading-3);font-weight:var(--font-weight-medium)}.blueprint-card summary p,.blueprint-card__details p,.blueprint-card__details ol{color:var(--muted-foreground);line-height:var(--line-height-body)}.blueprint-card__details{display:grid;gap:var(--space-4);padding:0 var(--space-5) var(--space-5);border-block-start:var(--border-width-hairline) solid var(--border)}.blueprint-card__details>div:not(.blueprint-command){display:grid;gap:var(--space-2);padding-block-start:var(--space-4)}.blueprint-card__details>.blueprint-card__preview{--template-preview-scale: .4;display:block;position:relative;aspect-ratio:16 / 10;overflow:hidden;padding-block-start:0;border:var(--border-width-hairline) solid var(--border);background:var(--brand-panel-dark)}.blueprint-card__preview .template-browser-bar{position:absolute;inset:0 0 auto;z-index:1}.blueprint-card__preview iframe{width:calc(100% / var(--template-preview-scale));height:calc(100% / var(--template-preview-scale));border:0;pointer-events:none;transform:scale(var(--template-preview-scale));transform-origin:top left}.template-library__actions{grid-template-columns:repeat(2,minmax(0,max-content))}.blueprint-card__details p,.blueprint-card__details ol{margin:0;font-size:var(--font-size-small)}.blueprint-card__details ol{padding-inline-start:var(--space-5)}.blueprint-command{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:var(--border-width-hairline) solid var(--border);background:var(--surface);padding-inline-start:var(--space-3)}.blueprint-command code{min-inline-size:0;overflow:auto;color:var(--muted-foreground);font-size:.72rem;white-space:nowrap}@media(max-width:900px){.template-gallery__grid,.template-feature{grid-template-columns:minmax(0,1fr)}.template-feature__preview{block-size:28rem;border-inline-end:0;border-block-end:var(--border-width-hairline) solid var(--border)}.template-steps,.template-code-grid,.blueprint-grid,.template-community{grid-template-columns:minmax(0,1fr)}.template-theme-picker{grid-template-columns:minmax(0,1fr);align-items:stretch}.template-theme-picker>span{padding-block-start:var(--space-4);padding-inline-start:0;border-block-start:var(--border-width-hairline) solid var(--border);border-inline-start:0}.template-library__actions{grid-template-columns:minmax(0,1fr)}.template-library__actions .uds-button{inline-size:100%}}@media(max-width:620px){.templates-page{gap:var(--space-12)}.templates-catalog-hero{justify-items:start;padding-block:var(--space-5) var(--space-2);text-align:start}.templates-catalog-hero p{font-size:var(--font-size-body);text-wrap:pretty}.template-category-filter{justify-content:flex-start;margin-inline:calc(-1 * var(--space-4));padding-inline:var(--space-4)}.template-gallery-card__details{display:grid}.template-gallery-card__actions{justify-content:space-between}.template-gallery-card__actions .uds-button:last-child{flex:1}.template-ai-instruction{padding:var(--space-4)}.template-ai-instruction__meta{grid-template-columns:minmax(0,1fr)}.template-ai-instruction__meta>.uds-button{grid-column:1;grid-row:auto;inline-size:100%;margin-block-start:var(--space-2)}.template-list-view>header{align-items:start}.template-list-row{grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2) var(--space-4)}.template-list-row__meta{grid-column:1;grid-row:2;display:flex;gap:var(--space-3);text-align:start}.template-list-row>svg{grid-column:2;grid-row:1 / span 2}.template-list-row__copy small{white-space:normal}.template-feature__preview{block-size:18rem}.template-feature iframe{inline-size:220%;block-size:220%;transform:scale(.455)}.template-feature__content{padding:var(--space-5)}.template-feature__actions .uds-button{inline-size:100%}.template-steps article{min-block-size:auto}.template-community__form{padding:var(--space-5)}}@media(max-width:620px){.token-architecture-flow,.token-mapping-row{grid-template-columns:minmax(0,1fr)}.token-architecture-flow li:not(:last-child):after{inset-block-start:auto;inset-block-end:calc(var(--space-3) * -1);inset-inline-end:50%;content:"↓";transform:translate(50%,50%)}[dir=rtl] .token-architecture-flow li:not(:last-child):after{content:"↓"}.token-mapping-row>*+*{border-block-start:var(--border-width-hairline) solid var(--border);border-inline-start:0}.token-mapping-head{display:none}.token-mapping-row:not(.token-mapping-head)>*:before{display:block;margin-block-end:var(--space-1);color:var(--muted-foreground);content:attr(data-label);font-family:var(--font-sans);font-size:var(--font-size-supporting)}.foundation-swatches,.shadcn-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foundation-card-grid,.template-selector-grid,.template-contract-grid,.foundation-type-comparison,.mixed-script-grid,.logical-layout-grid,.theme-variance-grid,.motion-scale,.icon-mirroring-grid,.illustration-preview-grid,.arabic-mockup-grid{grid-template-columns:minmax(0,1fr)}.arabic-mockup.hero{grid-column:auto}.spacing-scale div{grid-template-columns:minmax(0,1fr) minmax(28px,.6fr) auto;gap:var(--space-2)}.spacing-scale code{overflow-wrap:anywhere}.spacing-scale span{max-inline-size:100%}}html[data-theme=utopia-default] body,html[data-theme=utopia-default] .app-shell{background:var(--brand-panel-dark)}html[data-theme=utopia-default] .app-shell:not(.home-shell) .topbar{min-block-size:76px;border-block-end-color:var(--brand-rule-light);background:var(--brand-panel-dark)}@media(min-width:821px){html[data-theme=utopia-default] .app-shell:not(.home-shell) .topbar[data-has-brand=false]{grid-template-columns:minmax(0,1fr) auto}html[data-theme=utopia-default] .app-shell:not(.home-shell) .topbar[data-has-brand=false] .topbar-spacer{display:none}html[data-theme=utopia-default] .app-shell:not(.home-shell) .topbar[data-has-brand=false] .topbar-nav{justify-self:start}}html[data-theme=utopia-default] .app-shell:not(.home-shell) .topbar-nav .uds-top-nav{gap:0}html[data-theme=utopia-default] .app-shell:not(.home-shell) .topbar-nav .uds-top-nav-item{position:relative;min-block-size:76px;display:inline-grid;place-items:center;padding-inline:clamp(.75rem,1.5vw,1.25rem);font-size:.75rem;font-weight:var(--font-weight-medium);letter-spacing:.08em;text-transform:uppercase}html[data-theme=utopia-default] .app-shell:not(.home-shell)[data-locale=ko] .topbar-nav .uds-top-nav-item,html[data-theme=utopia-default] .app-shell:not(.home-shell)[data-locale=ar] .topbar-nav .uds-top-nav-item{letter-spacing:0;text-transform:none}html[data-theme=utopia-default] .app-shell:not(.home-shell) .topbar-nav .uds-top-nav-item[aria-current=page]:after{position:absolute;inset-inline:.75rem;inset-block-end:-1px;block-size:3px;background:var(--brand-panel-accent);content:""}html[data-theme=utopia-default] .app-shell:not(.home-shell) .topbar-search{border-color:var(--input)}html[data-theme=utopia-default] .app-shell:not(.home-shell) .topbar-cta{background:var(--primary);color:var(--primary-foreground);font-size:.75rem;font-weight:var(--font-weight-strong);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}html[data-theme=utopia-default] .app-shell:not(.home-shell)[data-locale=ko] .topbar-cta,html[data-theme=utopia-default] .app-shell:not(.home-shell)[data-locale=ar] .topbar-cta{letter-spacing:0;text-transform:none}html[data-theme=utopia-default] .app-sidebar,html[data-theme=utopia-default] .app-sidebar.uds-side-nav{border-inline-end-color:var(--brand-rule-light);background:var(--brand-panel-dark);padding-block-start:20px}html[data-theme=utopia-default] .app-sidebar-heading.uds-side-nav-heading[data-variant=brand]{position:relative;padding-block:0 28px}html[data-theme=utopia-default] .app-sidebar-heading.uds-side-nav-heading[data-variant=brand]:after{position:absolute;inset-inline:var(--space-3);inset-block-end:12px;block-size:1px;background:var(--brand-rule-light);content:""}html[data-theme=utopia-default] .side-nav .uds-side-nav-item:hover,html[data-theme=utopia-default] .side-nav .uds-side-nav-item:focus-visible{background:#ffffff0d}html[data-theme=utopia-default] .side-nav .uds-side-nav-item[aria-current=page]{border-inline-start:3px solid var(--brand-panel-accent);background:transparent;color:var(--brand-ink-light);font-weight:var(--font-weight-strong)}html[data-theme=utopia-default] .app-shell[dir=rtl] .side-nav .uds-side-nav-item[aria-current=page]{border-inline:0 3px solid var(--brand-panel-accent)}html[data-theme=utopia-default] .app-main{background:var(--brand-panel-dark)}html[data-theme=utopia-default] .toc{border-inline-start-color:var(--brand-rule-light);background:var(--brand-panel-dark)}html[data-theme=utopia-default] .toc strong{border-inline-start-color:var(--brand-panel-accent)}html[data-theme=utopia-default] body:has(.app-shell:is([data-area=docs],[data-area=components],[data-area=templates],[data-area=themes])){color-scheme:light;--background: #f7f7f3;--foreground: #232522;--foreground-muted: #5f635d;--foreground-subtle: #6b7069;--card: #ffffff;--card-foreground: var(--foreground);--primary: #b8472c;--primary-foreground: #ffffff;--primary-hover: #9f3c25;--primary-active: #87311f;--secondary: #ecece6;--secondary-foreground: var(--foreground);--secondary-hover: #e2e2db;--secondary-active: #d8d9d1;--muted: #e7e8e1;--muted-foreground: #5f635d;--border: #d4d6cf;--input: #aeb2aa;--ring: #b8472c;--interaction-selection-surface: #f3ded6;--interaction-selection-border: #b8472c;--surface: #ffffff;--surface-strong: #ecece6;--surface-elevated: #ffffff;--surface-hover: #e7e8e1;--surface-inverse: #232522;--inverse-foreground: #ffffff;--inverse-foreground-muted: #d4d6cf;--inverse-foreground-subtle: #aeb2aa;--inverse-hover: #363a35;--inverse-focus-ring: #f0c6af;--overlay: rgb(35 37 34 / 56%);--modal-surface: #ffffff;--popover-surface: #ffffff;--ghost-hover: rgb(35 37 34 / 6%);--ghost-active: rgb(35 37 34 / 10%);--outline-hover: #ecece6;--outline-active: #e2e2db;--brand-panel-dark: var(--background);--brand-ink-light: var(--foreground);--brand-rule-light: var(--border);--loading-background: var(--background);--loading-foreground: var(--foreground);--loading-accent: var(--primary);--side-nav-heading-media-filter: none;background:var(--background);color:var(--foreground)}html[data-theme=utopia-default] .app-shell:is([data-area=docs],[data-area=components],[data-area=templates],[data-area=themes]) :where(.topbar,.app-sidebar,.app-sidebar.uds-side-nav,.app-main,.toc){background:var(--background)}html[data-theme=utopia-default] .app-shell:is([data-area=docs],[data-area=components],[data-area=templates],[data-area=themes]) .app-sidebar-heading.uds-side-nav-heading[data-variant=brand]{--side-nav-heading-media-filter: none}html[data-theme=utopia-default] .app-shell:is([data-area=docs],[data-area=components],[data-area=templates],[data-area=themes]) .side-nav .uds-side-nav-item:hover,html[data-theme=utopia-default] .app-shell:is([data-area=docs],[data-area=components],[data-area=templates],[data-area=themes]) .side-nav .uds-side-nav-item:focus-visible{background:var(--ghost-hover)}@media(max-width:820px){.component-detail-shell .docs-article section>*{min-inline-size:0;max-inline-size:100%}.component-detail-shell .docs-article p{overflow-wrap:anywhere}}@media(max-width:520px){.page-hero>*,.components-library-hero>*{min-inline-size:0;max-inline-size:100%}.page-hero h1,.page-hero.compact h1,.components-library-hero h1{font-size:clamp(1.875rem,10vw,3.25rem);overflow-wrap:normal}}[dir=rtl]{text-align:start}@media(max-width:1320px){.app-shell,.app-shell[dir=rtl]{grid-template-columns:240px minmax(0,1fr)}.app-shell[data-sidebar-collapsed=true],.app-shell[dir=rtl][data-sidebar-collapsed=true]{grid-template-columns:64px minmax(0,1fr)}.app-shell[dir=rtl] .topbar,.components-overview-shell .app-main{grid-column:2 / -1}.topbar{grid-template-columns:minmax(160px,.8fr) auto minmax(160px,.8fr);grid-column:2 / -1}.topbar[data-has-brand=false] .topbar-spacer{display:none}.topbar[data-has-brand=false] .topbar-nav{justify-self:start;min-inline-size:0}.toc{display:none}}@media(min-width:821px)and (max-width:1200px){.topbar-search span,.topbar-search kbd,.locale-switch>span{display:none}.topbar-search{block-size:44px;inline-size:44px;justify-content:center;padding:0}.app-shell:not(.home-shell) .topbar{grid-template-columns:auto minmax(0,1fr) auto auto}.app-shell:not(.home-shell) .topbar-brand,.app-shell:not(.home-shell) .topbar-spacer{grid-column:1;grid-row:1}.app-shell:not(.home-shell) .topbar-nav.uds-top-nav-root{display:none}.app-shell:not(.home-shell) .topbar-actions{grid-column:3;grid-row:1;justify-self:end}.app-shell:not(.home-shell) .home-mobile-menu-trigger{display:inline-grid;grid-column:4;grid-row:1;place-items:center;inline-size:44px;block-size:44px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--foreground);cursor:pointer}.app-shell:not(.home-shell) .home-mobile-menu-trigger:hover,.app-shell:not(.home-shell) .home-mobile-menu-trigger:focus-visible{background:var(--surface-hover)}.app-shell:not(.home-shell) .home-mobile-menu-trigger:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:var(--focus-ring-offset)}}@media(max-width:820px){html{scroll-padding-top:5rem}.template-feature,.template-library,.template-usage,.template-community{scroll-margin-block-start:7rem}.topbar-search span,.topbar-search kbd{display:none}.topbar-search{block-size:44px;inline-size:44px;justify-content:center;padding:0}.app-shell:not(.home-shell) .topbar-search{display:none}.global-command-backdrop{padding:var(--space-3)}.global-command-dialog{inline-size:100%;margin-block-start:8vh}.component-workbench{grid-template-columns:minmax(0,1fr) auto}.component-workbench__details{align-items:flex-start;grid-template-columns:1fr}.component-workbench__intro{display:flex;grid-column:1;grid-row:1}.component-workbench__actions{grid-column:1 / -1;grid-row:2;justify-content:flex-start}.component-workbench details,.component-workbench details:not([open]){grid-column:2;grid-row:1}.component-workbench details[open]{grid-column:1 / -1;grid-row:3}.component-workbench__actions .uds-button,.component-workbench summary{min-block-size:2.75rem}.component-workbench summary{display:flex;align-items:center}.mcp-prerequisite,.mcp-client-grid{grid-template-columns:1fr}.mcp-prerequisite,.mcp-clients,.mcp-tool-contract{margin-inline:var(--space-4)}.mcp-prerequisite{padding:var(--space-4)}.app-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.app-shell[dir=rtl],.components-overview-shell[dir=rtl],.app-shell[dir=rtl][data-sidebar-collapsed=true]{grid-template-columns:minmax(0,1fr)}.app-shell:not(.home-shell) .topbar{display:none}.topbar-spacer,.topbar-nav.uds-top-nav-root{display:none}.topbar-nav.uds-top-nav-root::-webkit-scrollbar{display:none}.topbar-nav .uds-top-nav{justify-content:flex-start;inline-size:max-content}.topbar-actions{position:static;grid-column:1;grid-row:1;justify-self:end;min-inline-size:0}.app-shell:not(.home-shell) .home-mobile-menu-trigger{display:inline-grid;grid-column:2;grid-row:1;place-items:center;inline-size:44px;block-size:44px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--foreground);cursor:pointer}.app-shell:not(.home-shell) .home-mobile-menu-trigger:hover,.app-shell:not(.home-shell) .home-mobile-menu-trigger:focus-visible{background:var(--surface-hover)}.app-shell:not(.home-shell) .home-mobile-menu-trigger:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:var(--focus-ring-offset)}.app-shell:not(.home-shell) .home-mobile-menu-trigger svg{inline-size:20px;block-size:20px}.app-shell:not(.home-shell) .home-mobile-menu{--surface: var(--popover-surface);border-color:var(--border);background:var(--popover-surface)}.topbar-cta{display:none}.locale-switch>span{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.app-shell[dir=rtl] .topbar,.components-overview-shell[dir=rtl] .topbar,.app-shell[dir=rtl] .app-sidebar,.app-shell[dir=rtl] .app-main{grid-column:1 / -1}.brand-mark{width:112px;height:64px;padding-inline:12px}.brand-mark img{height:30px;max-width:88px}.top-nav{justify-content:start;gap:18px;overflow:auto}.app-sidebar,.app-sidebar.uds-side-nav{position:static;grid-column:1 / -1;grid-row:1;height:auto;min-block-size:0;max-block-size:72px;overflow:hidden;padding-block:var(--space-3);border-inline-end:0;border-bottom:1px solid var(--border)}.mobile-shell-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:none;border:0;background:#00000085;padding:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}.app-sidebar-heading.uds-side-nav-heading[data-variant=brand]{padding-block:0;direction:ltr}.app-sidebar-heading.uds-side-nav-heading[data-variant=brand] .uds-side-nav-heading-copy{display:none}.app-shell[dir=rtl] .app-sidebar-heading.uds-side-nav-heading[data-variant=brand] .uds-side-nav-heading-copy{direction:rtl;text-align:right}.app-main{grid-column:1 / -1;grid-row:2;min-inline-size:0}.components-overview-shell .app-main{grid-column:1 / -1}.app-sidebar-body,.side-nav-header,.side-nav-content,.side-nav-group{display:none}.app-shell[data-mobile-nav-open=true] .app-sidebar,.app-shell[data-mobile-nav-open=true] .app-sidebar.uds-side-nav{position:fixed;inset-block:0;inset-inline-start:auto;inset-inline-end:0;z-index:60;display:flex;inline-size:min(calc(100vw - 72px),320px);block-size:100dvh;max-block-size:none;overflow:hidden;border:0;border-inline-start:1px solid var(--border);box-shadow:var(--shadow-overlay);padding:0 var(--space-3) var(--space-6)}.app-shell[data-mobile-nav-open=true] .mobile-shell-scrim{display:block}.app-shell[data-mobile-nav-open=true] .app-sidebar-heading.uds-side-nav-heading[data-variant=brand]{grid-template-columns:auto minmax(0,1fr) auto;inline-size:calc(100% + var(--space-2));min-block-size:72px;border-block-end:0;border-radius:0;margin-inline-end:calc(-1 * var(--space-2));padding-inline:var(--space-2) 0}.app-shell[data-mobile-nav-open=true] .mobile-sidebar-close{translate:none}.app-shell[data-mobile-nav-open=true] .app-sidebar-body{display:block;overflow-block:auto;overflow-inline:hidden;overscroll-behavior:contain}.app-shell[data-mobile-nav-open=true] .mobile-shell-tools{display:grid;gap:0;margin-block-end:var(--space-3);padding-block:var(--space-3);border-block-end:1px solid var(--border)}.mobile-shell-search,.mobile-shell-locale .uds-select-trigger{min-block-size:44px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--foreground);font:inherit}.mobile-shell-search{display:flex;align-items:center;gap:var(--space-3);padding-inline:var(--space-4);margin-block-end:var(--space-5);cursor:pointer}.mobile-shell-search svg{inline-size:18px;block-size:18px}.mobile-shell-top-level{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.mobile-shell-top-level a{display:flex;align-items:center;min-block-size:44px;padding-inline:var(--space-2);color:var(--foreground-muted);text-decoration:none}.mobile-shell-top-level a[aria-current=page]{background:transparent;color:var(--foreground);font-weight:var(--font-weight-medium)}.mobile-shell-top-level a[aria-current=page]:before{content:none}.mobile-shell-theme-menu{display:flex;min-block-size:52px;align-items:center;justify-content:space-between;gap:var(--space-3);margin-block-start:var(--space-3);border-block-start:1px solid var(--border);padding:var(--space-3) var(--space-2) 0;color:var(--foreground-muted);font-size:var(--font-size-supporting)}.mobile-shell-theme-menu .uds-select-trigger{min-block-size:44px;min-inline-size:0;max-inline-size:58%;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--foreground);padding-inline:var(--space-3);font:inherit}.mobile-shell-theme-menu__content{z-index:80;inline-size:max(var(--radix-select-trigger-width),13.5rem);min-inline-size:max(var(--radix-select-trigger-width),13.5rem)}.mobile-shell-section-label{padding:0 var(--space-3) var(--space-2);color:var(--foreground-subtle);font-size:12px;font-weight:var(--font-weight-medium);letter-spacing:.04em;text-transform:uppercase}.app-shell[data-locale=ko] .mobile-shell-section-label,.app-shell[data-locale=ar] .mobile-shell-section-label{letter-spacing:0;text-transform:none}.mobile-shell-locale{display:grid;grid-template-columns:minmax(0,1fr) minmax(9rem,auto);align-items:center;gap:var(--space-4);margin-block-start:var(--space-5);padding-block-start:var(--space-4);border-block-start:1px solid var(--border);color:var(--foreground-muted);font-size:13px}.mobile-shell-locale .uds-select-trigger{inline-size:100%;padding-inline:var(--space-4)}.app-shell:not(.home-shell) .app-sidebar .uds-side-nav-collapse-button{border-radius:var(--radius);background:transparent}.app-shell:not(.home-shell) .app-sidebar .uds-side-nav-collapse-button>svg{inline-size:24px;block-size:24px;stroke-width:2}.app-shell[data-mobile-nav-open=true] .side-nav .uds-side-nav-item{border-radius:var(--radius)}.app-shell[data-mobile-nav-open=true] .side-nav-header,.app-shell[data-mobile-nav-open=true] .side-nav-content,.app-shell[data-mobile-nav-open=true] .side-nav-group{display:grid}.app-shell[data-mobile-nav-open=true] .side-nav-content{overflow:visible}.app-shell[data-mobile-nav-open=true] .mobile-shell-locale-footer{display:block;margin-inline:var(--space-2);padding-block-end:11rem}.app-shell[data-mobile-nav-open=true] .mobile-shell-account-footer{display:flex;min-block-size:60px;align-items:center;justify-content:space-between;gap:var(--space-3);margin:var(--space-4) var(--space-2) 0;border-block-start:1px solid var(--border);padding-block-start:var(--space-4);color:var(--foreground-muted);font-size:var(--font-size-supporting)}.topbar-nav .uds-top-nav-item,.locale-switch{min-block-size:44px}.content-frame{padding:var(--space-8) var(--space-4) var(--space-12)}.page-hero h1,.components-library-hero h1,.component-detail-header h1{font-size:clamp(2.25rem,12vw,3.25rem);line-height:1.02}}@media(prefers-reduced-motion:reduce){.content-frame>.page>:where(header,section,.split-grid){animation:none}.content-frame :where(a.card,a.foundation-card,.link-card):hover{transform:none}.skip-link{transition:none}}.chart-root-type-workbench{display:grid;gap:var(--space-4)}.chart-root-type-picker{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--muted-foreground);font-size:var(--font-size-small)}.chart-root-type-picker select{min-block-size:var(--control-height-sm);padding-inline:var(--space-3);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--foreground);font:inherit}.chart-root-type-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chart-root-type-list button{min-block-size:var(--control-height-sm);padding-inline:var(--space-3);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-pill);background:transparent;color:var(--muted-foreground);font:inherit;font-size:var(--font-size-small);cursor:pointer}.chart-root-type-list button[aria-pressed=true]{border-color:var(--interaction-selection-border);background:var(--interaction-selection-surface);color:var(--foreground)}.chart-root-type-list button:focus-visible,.chart-root-type-picker select:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.app-shell.home-shell,.app-shell.home-shell[dir=rtl],.app-shell.home-shell[data-sidebar-collapsed=true],.app-shell.home-shell[dir=rtl][data-sidebar-collapsed=true]{display:block;min-block-size:100vh}.app-shell.home-shell .app-sidebar,.app-shell.home-shell .app-sidebar.uds-side-nav,.app-shell.home-shell .toc{display:none}.app-shell.home-shell .app-main,.app-shell.home-shell[dir=rtl] .app-main{display:block;inline-size:100%;min-inline-size:0}.app-shell.home-shell .content-frame.home-content-frame{inline-size:100%;max-inline-size:none;margin:0;padding:0}.home-signature-shell .cloudblur-signature-stage[data-compact=true]{min-block-size:430px;padding:0 24px}.home-signature-shell [data-compact=true] .cloudblur-card-stack{inline-size:min(100%,37.5rem);block-size:27rem}.home-signature-shell [data-compact=true] .cloudblur-lifestyle-card{--cloudblur-lifestyle-inset: 18px;inline-size:min(100%,22.5rem);border-radius:72px;transform:translate(66px,-24px) rotate(-7deg)}@media(min-width:821px){.catalog-shell .content-frame-wide{inline-size:min(100%,1440px);padding-inline:clamp(var(--space-6),4vw,var(--space-16))}}.catalog-shell .templates-page,.catalog-shell .themes-catalog-page,.themes-catalog-page{gap:clamp(var(--space-6),3vw,var(--space-8))}.catalog-shell[data-area=templates] .content-frame-wide{inline-size:100%;max-inline-size:none;padding-inline:clamp(var(--space-5),2vw,var(--space-8))}.catalog-shell[data-area=templates] .templates-page{gap:clamp(var(--space-8),5vw,80px)}.catalog-shell[data-area=templates] .templates-catalog-hero{gap:clamp(var(--space-4),2vw,var(--space-6));padding-block:0 clamp(var(--space-8),4vw,var(--space-12))}.catalog-shell[data-area=templates] .templates-catalog-hero h1{font-size:clamp(3.75rem,5.2vw,6rem);font-weight:var(--font-weight-strong);letter-spacing:-.045em;line-height:.95}.catalog-shell[data-area=templates] .templates-catalog-hero p{max-inline-size:46ch;font-size:clamp(1.25rem,1.85vw,2rem);line-height:1.5}.catalog-shell[data-area=templates] .template-category-filter{gap:clamp(var(--space-2),1.25vw,var(--space-5));padding-block:0}.catalog-shell[data-area=templates] .template-category-filter button{min-block-size:clamp(58px,4.5vw,80px);border-radius:0;padding-inline:clamp(var(--space-5),2vw,var(--space-8));font-size:clamp(.95rem,1.2vw,1.25rem)}.catalog-shell[data-area=templates] .template-category-filter button[data-selected=true]{background:var(--surface)}.catalog-shell[data-area=templates] .template-gallery__grid{gap:clamp(var(--space-8),4vw,var(--space-16)) clamp(var(--space-6),3vw,var(--space-12))}.catalog-shell[data-area=templates] .template-gallery-card{gap:clamp(var(--space-4),2vw,var(--space-6))}.catalog-shell[data-area=templates] .template-gallery-card__preview{border-radius:0}.catalog-shell[data-area=templates] .template-gallery-card__details strong{font-size:clamp(1.35rem,1.8vw,2rem);letter-spacing:-.025em}.catalog-shell[data-area=templates] .template-gallery-card__details span{font-size:clamp(.9rem,1.1vw,1.15rem)}.catalog-shell[data-area=templates] .template-gallery-card__actions .uds-button{min-block-size:clamp(44px,3.5vw,58px);border-radius:0}@media(max-width:900px){.catalog-shell[data-area=templates] .templates-page,.catalog-shell[data-area=templates] .template-gallery__grid{gap:var(--space-8)}}@media(max-width:620px){.catalog-shell[data-area=templates] .content-frame-wide{padding-inline:var(--space-4)}.catalog-shell[data-area=templates] .templates-catalog-hero{padding-block:var(--space-4) var(--space-6)}.catalog-shell[data-area=templates] .templates-catalog-hero h1{font-size:clamp(3.25rem,18vw,4.5rem)}.catalog-shell[data-area=templates] .templates-catalog-hero p{font-size:var(--font-size-body-lg)}.catalog-shell[data-area=templates] .template-category-filter{margin-inline:calc(-1 * var(--space-4));padding-inline:var(--space-4)}.catalog-shell[data-area=templates] .template-category-filter button{min-block-size:52px;padding-inline:var(--space-4)}.catalog-shell[data-area=templates] .template-gallery-card__details strong{font-size:var(--font-size-body-lg)}.catalog-shell[data-area=templates] .template-gallery-card__details span{font-size:var(--font-size-small)}}.brand-workspace{display:grid;gap:clamp(var(--space-8),5vw,var(--space-16));inline-size:100%;min-inline-size:0;padding-block:clamp(var(--space-8),6vw,96px)}.brand-design-system{display:grid;gap:clamp(var(--space-8),7vw,112px);inline-size:100%;min-inline-size:0;padding-block:clamp(var(--space-6),5vw,80px)}.brand-design-system__back{display:inline-flex;gap:var(--space-2);align-items:center;inline-size:fit-content;color:var(--foreground-muted);font-size:13px;text-decoration:none}.brand-design-system__back:hover{color:var(--foreground)}.brand-design-system__back svg{inline-size:16px;block-size:16px}[dir=rtl] .brand-design-system__back svg{transform:scaleX(-1)}.brand-design-system__hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);gap:clamp(var(--space-8),8vw,144px);align-items:end}.brand-design-system__hero h1{max-inline-size:14ch;margin:var(--space-3) 0;color:var(--foreground);font-family:var(--font-family-heading);font-size:clamp(3rem,7vw,7.5rem);font-weight:var(--font-weight-regular);letter-spacing:-.06em;line-height:.92;overflow-wrap:anywhere}.brand-design-system__hero h1 span{color:var(--foreground-subtle)}.brand-design-system__hero>div>p:last-child{max-inline-size:64ch;color:var(--foreground-muted);font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.55}.brand-design-system__hero dl{display:grid;margin:0;border-block-start:1px solid var(--border)}.brand-design-system__hero dl div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-4);border-block-end:1px solid var(--border);padding-block:var(--space-3)}.brand-design-system__hero dt{color:var(--foreground-muted);font-size:12px}.brand-design-system__hero dd{max-inline-size:22ch;margin:0;color:var(--foreground);font-size:12px;text-align:end;overflow-wrap:anywhere}.brand-system-section{display:grid;gap:clamp(var(--space-6),4vw,var(--space-12));border-block-start:1px solid var(--border);padding-block-start:clamp(var(--space-6),4vw,var(--space-8))}.brand-system-section__heading{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);align-items:start}.brand-system-section__heading>svg{inline-size:30px;block-size:30px;stroke-width:1.4}.brand-system-section__heading h2{margin:var(--space-1) 0;color:var(--foreground);font-size:clamp(1.75rem,3vw,3rem);letter-spacing:-.04em;line-height:1}.brand-system-section__heading p:last-child{max-inline-size:60ch;margin:0;color:var(--foreground-muted);line-height:1.5}.brand-principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border);border-radius:var(--radius-surface);overflow:hidden}.brand-principle-grid article{display:grid;align-content:start;gap:var(--space-3);min-block-size:240px;border-inline-end:1px solid var(--border);padding:clamp(var(--space-5),3vw,var(--space-8))}.brand-principle-grid article:last-child{border-inline-end:0}.brand-principle-grid span,.brand-reference-grid span,.brand-asset-list span,.brand-asset-list small,.brand-milestone-list small{color:var(--foreground-subtle);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.brand-principle-grid h3,.brand-reference-grid h3{margin:auto 0 0;color:var(--foreground);font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.1}.brand-principle-grid p,.brand-reference-grid p{margin:0;color:var(--foreground-muted);line-height:1.5}.brand-system-narrative blockquote{max-inline-size:1050px;margin:0;color:var(--foreground);font-family:var(--font-family-heading);font-size:clamp(1.75rem,4vw,4rem);letter-spacing:-.035em;line-height:1.08}.brand-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.brand-reference-grid article{display:grid;grid-template-rows:minmax(180px,28vw) auto;min-inline-size:0;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface);overflow:hidden}.brand-reference-grid img{inline-size:100%;block-size:100%;object-fit:cover}.brand-reference-grid__placeholder{display:grid;place-items:center;background:var(--surface-hover);color:var(--foreground-subtle)}.brand-reference-grid__placeholder svg{inline-size:40px;block-size:40px;stroke-width:1.2}.brand-reference-grid article>div:last-child{display:grid;gap:var(--space-2);padding:var(--space-4)}.brand-asset-list,.brand-milestone-list{display:grid;margin:0;border-block-start:1px solid var(--border);padding:0;list-style:none}.brand-asset-list li,.brand-milestone-list li{display:flex;gap:var(--space-4);align-items:center;min-inline-size:0;border-block-end:1px solid var(--border);padding-block:var(--space-4)}.brand-asset-list li>div{display:grid;gap:var(--space-1);min-inline-size:0;margin-inline-end:auto}.brand-asset-list strong{color:var(--foreground);overflow-wrap:anywhere}.brand-asset-list a{display:inline-flex;gap:var(--space-2);align-items:center;color:var(--foreground);font-size:13px;text-decoration:none}.brand-asset-list a svg{inline-size:15px;block-size:15px}.brand-milestone-list svg{inline-size:20px;block-size:20px;color:var(--foreground-muted)}.brand-milestone-list span{margin-inline-end:auto;color:var(--foreground)}.brand-system-empty{margin:0;border:1px dashed var(--border);border-radius:var(--radius-surface);color:var(--foreground-muted);padding:var(--space-6)}.brand-design-system__intro{margin-block-start:var(--space-5);padding-inline-start:var(--space-4);border-inline-start:1px solid var(--primary)}.brand-design-system__summary{display:grid;gap:var(--space-5)}.brand-design-system__actions{display:grid;gap:var(--space-2)}.brand-design-system__download,.brand-design-system__copy,.brand-design-system__view{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-block-size:48px;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--primary);color:var(--primary-foreground);font:inherit;font-size:13px;font-weight:var(--font-weight-semibold);text-decoration:none;cursor:pointer}.brand-design-system__copy{border:1px solid var(--primary);background:var(--primary);color:var(--primary-foreground);font:inherit;font-size:13px;font-weight:var(--font-weight-semibold)}.brand-design-system__view{background:var(--surface);color:var(--foreground)}.brand-design-system__download:hover,.brand-design-system__copy:hover{background:var(--primary-hover, var(--primary))}.brand-design-system__view:hover{background:var(--surface-hover)}.brand-design-system__download:focus-visible,.brand-design-system__copy:focus-visible,.brand-design-system__view:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.brand-design-system__download svg,.brand-design-system__copy svg,.brand-design-system__view svg{inline-size:17px;block-size:17px}.brand-system-section--full{scroll-margin-block-start:120px;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface);padding:clamp(var(--space-5),4vw,var(--space-8))}.semantic-mode-switch{display:inline-flex;inline-size:fit-content;border:1px solid var(--border);border-radius:var(--radius-control);padding:3px;background:var(--surface)}.semantic-mode-switch button{display:inline-flex;align-items:center;gap:var(--space-2);min-block-size:42px;padding-inline:var(--space-4);border:0;border-radius:calc(var(--radius-control) - 2px);background:transparent;color:var(--foreground-muted);font:inherit;cursor:pointer}.semantic-mode-switch button[aria-pressed=true]{background:var(--foreground);color:var(--background)}.semantic-mode-switch button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.semantic-mode-switch svg{inline-size:14px;block-size:14px}.semantic-mode-switch small{opacity:.7;font-size:10px;text-transform:uppercase}.semantic-token-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);align-items:start}.semantic-token-group{min-inline-size:0;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface);overflow:hidden}.semantic-token-group>header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-block-end:1px solid var(--border)}.semantic-token-group h3{margin:0;color:var(--foreground);font-size:14px}.semantic-token-group header span{display:grid;place-items:center;min-inline-size:24px;block-size:24px;border-radius:999px;background:var(--surface-strong);color:var(--foreground-muted);font-size:11px}.semantic-token-group ul{margin:0;padding:0;list-style:none}.semantic-token-group li{display:grid;grid-template-columns:28px minmax(150px,.8fr) minmax(0,1fr);gap:var(--space-3);align-items:center;min-block-size:54px;padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--border)}.semantic-token-group li:last-child{border-block-end:0}.semantic-token-group li>code{color:var(--foreground);font-family:var(--font-mono);font-size:11px;overflow-wrap:anywhere}.semantic-token-group li>span:last-child{color:var(--foreground-muted);font-family:var(--font-mono);font-size:11px;text-align:end;overflow-wrap:anywhere}.semantic-token-swatch,.semantic-token-symbol{display:grid;place-items:center;inline-size:28px;block-size:28px;border:1px solid var(--border);border-radius:calc(var(--radius-control) / 2)}.semantic-token-swatch{background:var(--token-preview)}.semantic-token-symbol{background:var(--surface-strong);color:var(--foreground-muted);font-family:var(--font-mono);font-size:9px}.semantic-token-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr) auto) minmax(0,1fr);gap:var(--space-3);align-items:center}.semantic-token-flow>div{display:grid;gap:var(--space-3);min-block-size:116px;align-content:space-between;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface)}.semantic-token-flow small{color:var(--foreground-subtle);font-size:11px;text-transform:uppercase}.semantic-token-flow strong{color:var(--foreground);font-family:var(--font-mono);font-size:12px;overflow-wrap:anywhere}.semantic-token-flow>span{color:var(--foreground-subtle)}[dir=rtl] .semantic-token-flow>span{transform:scaleX(-1)}.semantic-token-sources{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);align-items:start;padding:var(--space-4);border-block:1px solid var(--border)}.semantic-token-sources svg{inline-size:20px;block-size:20px;color:var(--foreground-muted)}.semantic-token-sources div{display:grid;gap:var(--space-2)}.semantic-token-sources code{color:var(--foreground-muted);font-family:var(--font-mono);font-size:11px;overflow-wrap:anywhere}.brand-spec-frame{inline-size:100%;min-inline-size:0;background:var(--background);color:var(--foreground);box-shadow:0 0 0 100vmax var(--background);clip-path:inset(0 -100vmax)}.brand-spec-frame[data-theme=utopia-default][data-color-mode=default]{--background: var(--brand-room-background);--brand-panel-dark: var(--brand-room-background);--modal-surface: var(--brand-room-background);--popover-surface: var(--brand-room-background)}.brand-spec{display:grid;inline-size:100%;min-inline-size:0;color:var(--foreground);background:var(--background);font-family:var(--font-sans)}.brand-spec__hero{display:grid;gap:var(--space-4);min-block-size:0;align-content:start;padding:0 0 clamp(var(--space-8),5vw,var(--space-12));border-block-end:1px solid var(--border)}.brand-spec__back{display:inline-flex;gap:var(--space-2);align-items:center;inline-size:fit-content;margin-block-end:var(--space-6);color:var(--foreground-muted);font-size:.8125rem;text-decoration:none}.brand-spec__back svg{inline-size:16px;block-size:16px}[dir=rtl] .brand-spec__back svg{transform:scaleX(-1)}.brand-spec__eyebrow,.brand-spec__section>header p{color:var(--primary);font-family:var(--font-mono);font-size:.75rem;font-weight:var(--font-weight-semibold);letter-spacing:.1em;text-transform:uppercase}.brand-spec__hero h1{max-inline-size:12ch;margin:0;font-family:var(--font-display);font-size:clamp(4rem,9vw,8rem);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-heading, -.04em);line-height:.86}.brand-spec__hero>p:not(.brand-spec__eyebrow){max-inline-size:65ch;margin:0;color:var(--foreground-muted);font-size:clamp(1rem,1.7vw,1.35rem);line-height:1.55}.brand-spec__toolbar{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-block-start:var(--space-5)}.brand-spec__toolbar>.uds-button{min-inline-size:176px}.brand-spec__modes{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-control);padding:3px}.brand-spec__modes button{min-block-size:38px;border:0;border-radius:calc(var(--radius-control) - 2px);padding-inline:var(--space-4);background:transparent;color:var(--foreground-muted);font:inherit;cursor:pointer}.brand-spec__modes button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground)}.brand-spec__modes button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.brand-spec__section{display:grid;gap:clamp(var(--space-6),4vw,var(--space-12));padding:clamp(var(--space-8),5vw,80px) 0;border-block-end:1px solid var(--border)}.brand-spec__section>header{padding-block-end:var(--space-4);border-block-end:1px solid var(--border)}.brand-spec__section>header p{margin:0}.brand-spec__source{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:clamp(var(--space-8),8vw,160px)}.brand-spec__source>p{max-inline-size:60ch;margin:0;color:var(--foreground-muted);font-size:clamp(1.25rem,2.2vw,2rem);line-height:1.45}.brand-spec__source ul{margin:0;padding:0;list-style:none}.brand-spec__source li{padding-block:var(--space-3);border-block-end:1px solid var(--border)}.brand-spec code{color:var(--foreground-muted);font-family:var(--font-mono);font-size:.75rem;overflow-wrap:anywhere}.brand-spec__swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.brand-spec__swatches article{display:grid;grid-template-rows:160px auto auto 1fr;min-inline-size:0;border-inline-end:1px solid var(--border);border-block-end:1px solid var(--border)}.brand-spec__swatches article>span{background:var(--spec-swatch)}.brand-spec__swatches strong,.brand-spec__swatches code,.brand-spec__swatches small{padding-inline:var(--space-3)}.brand-spec__swatches strong{margin-block-start:var(--space-3);font-size:.8125rem}.brand-spec__swatches small{margin-block:var(--space-2) var(--space-4);color:var(--foreground-subtle);line-height:1.35}.brand-spec__token-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block-start:1px solid var(--border);border-inline-start:1px solid var(--border)}.brand-spec__token-table{min-inline-size:0;border-inline-end:1px solid var(--border);border-block-end:1px solid var(--border);padding:clamp(var(--space-4),3vw,var(--space-8))}.brand-spec__token-table h3{margin:0 0 var(--space-5);font-size:1rem;font-weight:var(--font-weight-medium);text-transform:uppercase}.brand-spec__token-table>div{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,1fr) 22px;gap:var(--space-3);align-items:center;padding-block:var(--space-3);border-block-end:1px solid var(--border)}.brand-spec__token-table>div>span{color:var(--foreground-subtle);font-family:var(--font-mono);font-size:.7rem;text-align:end;overflow-wrap:anywhere}.brand-spec__token-table i{inline-size:22px;block-size:22px;border:1px solid var(--border);background:var(--spec-swatch)}.brand-spec__type-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block-start:1px solid var(--border);border-inline-start:1px solid var(--border)}.brand-spec__type-meta div{display:grid;gap:var(--space-2);padding:var(--space-5);border-inline-end:1px solid var(--border);border-block-end:1px solid var(--border)}.brand-spec__type-meta span{overflow-wrap:anywhere}.brand-spec__type-scale{display:grid}.brand-spec__type-scale>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--space-5);align-items:baseline;padding-block:clamp(var(--space-6),5vw,72px);border-block-end:1px solid var(--border)}.brand-spec__type-scale strong{max-inline-size:16ch;font-family:var(--font-display);font-size:clamp(2.5rem,7vw,8rem);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-heading, -.04em);line-height:.94}.brand-spec__type-scale>div:nth-child(2) strong{font-size:clamp(2rem,5vw,5rem)}.brand-spec__type-scale span{max-inline-size:56ch;color:var(--foreground-muted);font-size:clamp(1rem,2vw,1.5rem);line-height:1.5}.brand-spec__spacing{display:grid;gap:var(--space-3);max-inline-size:700px}.brand-spec__spacing>div{display:grid;grid-template-columns:130px minmax(0,1fr) 52px;gap:var(--space-4);align-items:center}.brand-spec__spacing>div>span{inline-size:min(var(--spec-space),100%);min-inline-size:4px;block-size:14px;background:var(--primary)}.brand-spec__spacing small{color:var(--foreground-subtle)}.brand-spec__motion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));border-block-start:1px solid var(--border);border-inline-start:1px solid var(--border)}.brand-spec__motion-grid article{display:grid;gap:var(--space-4);min-block-size:150px;align-content:center;padding:var(--space-6);border-inline-end:1px solid var(--border);border-block-end:1px solid var(--border)}.brand-spec__motion-grid strong{font-size:clamp(2rem,4vw,4rem);font-weight:var(--font-weight-regular)}.brand-spec__motion-preview{display:grid;gap:var(--space-3);animation:brand-spec-reveal var(--motion-duration-reveal) var(--motion-ease-emphasized) both}.brand-spec__motion-preview span{color:var(--foreground-subtle);font-family:var(--font-mono);font-size:.72rem}.brand-spec__motion-preview strong{font-family:var(--font-display);font-size:clamp(2rem,5vw,5rem);font-weight:var(--font-weight-regular)}@keyframes brand-spec-reveal{0%{opacity:0;translate:0 var(--motion-distance-reveal)}}.brand-spec__component-grid,.brand-spec__contexts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block-start:1px solid var(--border);border-inline-start:1px solid var(--border)}.brand-spec__component,.brand-spec__contexts article{display:grid;gap:var(--space-4);align-content:start;min-block-size:300px;padding:clamp(var(--space-5),4vw,var(--space-10));border-inline-end:1px solid var(--border);border-block-end:1px solid var(--border)}.brand-spec__component>span,.brand-spec__contexts article>span{color:var(--primary);font-size:.75rem;font-weight:var(--font-weight-semibold);letter-spacing:.08em}.brand-spec__component h3,.brand-spec__contexts h3{margin:0;font-family:var(--font-display);font-size:clamp(2rem,4vw,4rem);font-weight:var(--font-weight-regular);line-height:1}.brand-spec__component p,.brand-spec__contexts p{max-inline-size:50ch;color:var(--foreground-muted);line-height:1.5}.brand-spec__component .uds-button{inline-size:fit-content;margin-block-start:auto}.brand-spec__mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-block:auto}.brand-spec__mini-grid i{min-block-size:90px;border:1px solid var(--border);background:var(--surface)}.brand-spec__logo-row{display:grid;grid-template-columns:minmax(180px,.35fr) minmax(0,1fr);align-items:center;border:1px solid var(--border)}.brand-spec__logo-row img{max-inline-size:220px;max-block-size:90px;margin:var(--space-6);object-fit:contain}.brand-spec__logo-row span{min-block-size:150px;padding:var(--space-6);border-inline-start:1px solid var(--border);color:var(--foreground-muted)}.brand-spec__states{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block-start:1px solid var(--border);border-inline-start:1px solid var(--border)}.brand-spec__states article{display:grid;gap:var(--space-4);padding:var(--space-6);border-inline-end:1px solid var(--border);border-block-end:1px solid var(--border)}.brand-spec__states article>span{color:var(--foreground-muted);font-size:.75rem;text-transform:uppercase}.brand-spec__states .is-hover{filter:brightness(1.12)}.brand-spec__states .is-active{transform:scale(var(--motion-press-scale))}.brand-spec__states .is-focus{outline:2px solid var(--ring);outline-offset:3px}.brand-spec__context-accent{background:var(--primary);color:var(--primary-foreground)}.brand-spec__context-accent>span,.brand-spec__context-accent p{color:currentColor;opacity:.8}.brand-spec__radii{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));border-block-start:1px solid var(--border);border-inline-start:1px solid var(--border)}.brand-spec__radii article{display:grid;gap:var(--space-3);place-items:center;min-block-size:220px;padding:var(--space-5);border-inline-end:1px solid var(--border);border-block-end:1px solid var(--border);text-align:center}.brand-spec__radii i{inline-size:90px;block-size:52px;border:1px solid var(--foreground-muted);border-radius:var(--spec-radius)}.brand-spec__border-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block-start:1px solid var(--border);border-inline-start:1px solid var(--border)}.brand-spec__border-list div{display:grid;gap:var(--space-3);padding:var(--space-5);border-inline-end:1px solid var(--border);border-block-end:1px solid var(--border)}.brand-spec__border-list span{color:var(--foreground-muted);font-family:var(--font-mono);font-size:.75rem;overflow-wrap:anywhere}@media(prefers-reduced-motion:reduce){.brand-spec__motion-preview{animation:none}}.brand-workspace--gate{align-content:center;min-block-size:66vh;max-inline-size:900px}.brand-workspace--gate h1,.brand-workspace__hero h1{max-inline-size:12ch;margin:var(--space-3) 0;color:var(--foreground);font-family:var(--font-family-heading);font-size:clamp(3.5rem,8vw,8.5rem);font-weight:var(--font-weight-regular);letter-spacing:-.065em;line-height:.88;overflow-wrap:anywhere}.brand-workspace--gate>p:last-child,.brand-workspace__hero>p{max-inline-size:68ch;color:var(--foreground-muted);font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.55}.brand-workspace__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block-start:var(--space-6)}.brand-workspace__meta span{border:1px solid var(--border);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);color:var(--foreground-muted);font-size:12px}.brand-workspace__brand-values{display:grid;gap:var(--space-2);max-inline-size:860px;margin:var(--space-6) 0 0;border-inline-start:2px solid var(--foreground);padding-inline-start:var(--space-4)}.brand-workspace__brand-values span{color:var(--foreground-subtle);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.brand-workspace__brand-values p{margin:0;color:var(--foreground);font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.45}.brand-system-link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(var(--space-4),3vw,var(--space-8));align-items:center;border-block:1px solid var(--border);padding-block:clamp(var(--space-6),5vw,var(--space-12))}.brand-system-link>svg{inline-size:clamp(42px,5vw,72px);block-size:clamp(42px,5vw,72px);stroke-width:1.2}.brand-system-link h2,.brand-maker h2{margin:var(--space-1) 0;font-size:clamp(1.75rem,3vw,3.25rem);letter-spacing:-.04em;line-height:1}.brand-system-link p,.brand-maker__heading p{max-inline-size:62ch;margin:0;color:var(--foreground-muted);line-height:1.55}.brand-system-link>a,.brand-maker__request>button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-block-size:48px;border:1px solid var(--foreground);border-radius:var(--radius-control);background:var(--foreground);color:var(--background);padding-inline:var(--space-4);font:inherit;font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer}.brand-system-link>a svg,.brand-maker__request>button svg{inline-size:17px;block-size:17px}.brand-maker{display:grid;gap:var(--space-6)}.brand-maker__heading{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);align-items:start}.brand-maker__heading>svg{inline-size:32px;block-size:32px;margin-block-start:4px}.brand-maker__outputs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);border-radius:var(--radius-surface);overflow:hidden}.brand-maker__outputs button{display:grid;grid-template-rows:auto auto 1fr;gap:var(--space-3);min-block-size:220px;border:0;border-inline-end:1px solid var(--border);background:var(--background);color:var(--foreground);padding:var(--space-5);text-align:start;cursor:pointer}.brand-maker__outputs button:last-child{border-inline-end:0}.brand-maker__outputs button:hover{background:var(--surface-hover)}.brand-maker__outputs button[aria-pressed=true]{background:var(--foreground);color:var(--background)}.brand-maker__outputs button:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:-4px}.brand-maker__outputs button svg{inline-size:24px;block-size:24px;stroke-width:1.5}.brand-maker__outputs button strong{align-self:end;font-size:18px}.brand-maker__outputs button span{align-self:start;color:var(--foreground-muted);font-size:13px;line-height:1.5}.brand-maker__outputs button[aria-pressed=true] span{color:color-mix(in srgb,var(--background) 70%,transparent)}.brand-maker__request{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3)}.brand-maker__request label{grid-column:1 / -1;display:flex;align-items:center;gap:var(--space-2);font-size:13px;font-weight:var(--font-weight-medium)}.brand-maker__request label svg{inline-size:16px;block-size:16px}.brand-maker__request textarea{min-block-size:96px;resize:vertical;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--foreground);padding:var(--space-4);font:inherit;line-height:1.5}.brand-maker__request textarea:focus-visible{border-color:var(--ring);outline:var(--focus-ring-width) solid var(--ring);outline-offset:2px}.brand-room-gate{display:grid;align-content:center;justify-items:start;gap:var(--space-4);min-block-size:min(720px,calc(100svh - 160px));max-inline-size:880px;padding-block:var(--space-12)}.brand-room-gate>span{color:var(--primary);font-family:var(--font-mono);font-size:10px}.brand-room-gate h1{max-inline-size:13ch;margin:0;color:var(--foreground);font-size:clamp(3rem,7vw,7.5rem);font-weight:var(--font-weight-regular);letter-spacing:-.065em;line-height:.92}.brand-room-gate>p:last-of-type{max-inline-size:54ch;margin:0;color:var(--foreground-muted);font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.6}.brand-room-gate>div{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-block-start:var(--space-4)}.brand-room-gate a{display:inline-flex;align-items:center;min-block-size:44px;border:1px solid var(--border);border-radius:var(--radius-control);padding-inline:var(--space-4);color:var(--foreground);font-size:12px;text-decoration:none}.brand-room-gate a:hover{background:var(--surface-hover)}.brand-room-gate a.button-link{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.brand-room-gate a:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:2px}.brand-room{gap:clamp(var(--space-8),6vw,var(--space-16));padding-block-start:var(--space-6)}.brand-room__hero{display:grid;gap:clamp(var(--space-5),4vw,var(--space-8))}.brand-room__kicker{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-block-size:40px;border-block-end:1px solid var(--border);padding-block-end:var(--space-3);color:var(--foreground-subtle);font-family:var(--font-mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase}.brand-room__live{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--success-text)}.brand-room__live svg{inline-size:12px;block-size:12px;fill:currentColor;stroke-width:1}.brand-room__hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:clamp(var(--space-8),9vw,144px);align-items:end}.brand-room__identity h1{max-inline-size:12ch;margin:var(--space-2) 0 var(--space-4);color:var(--foreground);font-family:var(--font-family-heading);font-size:clamp(4rem,9vw,9rem);font-weight:var(--font-weight-regular);letter-spacing:-.075em;line-height:.82;overflow-wrap:anywhere}.brand-room__identity>p:last-child{max-inline-size:46ch;margin:0;color:var(--foreground-muted);font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.5}.brand-room__pulse{display:grid;gap:var(--space-4);border-block-start:1px solid var(--border);padding-block-start:var(--space-4)}.brand-room__pulse>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.brand-room__pulse>div:first-child span{color:var(--foreground-muted);font-size:12px}.brand-room__pulse>div:first-child strong{color:var(--foreground);font-family:var(--font-mono);font-size:13px;font-weight:var(--font-weight-medium)}.brand-room__progress{block-size:3px;background:var(--surface-strong);overflow:hidden}.brand-room__progress span{display:block;block-size:100%;background:var(--primary);transition:inline-size var(--motion-duration-expand) var(--motion-ease-standard)}.brand-room__pulse dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.brand-room__pulse dl div{display:grid;gap:var(--space-1);border-inline-start:1px solid var(--border);padding-inline-start:var(--space-3)}.brand-room__pulse dt{color:var(--foreground-subtle);font-size:10px;text-transform:uppercase}.brand-room__pulse dd{margin:0;color:var(--foreground);font-family:var(--font-mono);font-size:13px}.brand-room__direction,.brand-room__board,.brand-room__library,.brand-room__maker{display:grid;gap:var(--space-6);min-inline-size:0}.brand-room__section-heading{display:block;border-block-start:1px solid var(--border);padding-block-start:var(--space-4)}.brand-room__section-heading>span{color:var(--primary);font-family:var(--font-mono);font-size:10px;line-height:1.8}.brand-room__section-heading h2{margin:0 0 var(--space-2);color:var(--foreground);font-size:clamp(1.5rem,2.7vw,2.75rem);font-weight:var(--font-weight-medium);letter-spacing:-.045em;line-height:1}.brand-room__section-heading p{max-inline-size:55ch;margin:0;color:var(--foreground-muted);font-size:13px;line-height:1.55}.brand-room__direction-grid{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);min-block-size:500px;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface);overflow:hidden}.brand-room__concept-card{display:flex;flex-direction:column;min-inline-size:0;border-inline-end:1px solid var(--border);padding:clamp(var(--space-6),4vw,var(--space-10));background:var(--card)}.brand-room__concept-card>span,.brand-room__reference span,.brand-room__system-link span,.brand-room__assets li span{color:var(--foreground-subtle);font-family:var(--font-mono);font-size:9px;letter-spacing:.07em;text-transform:uppercase}.brand-room__concept-card blockquote{margin:auto 0 var(--space-5);color:var(--foreground);font-family:var(--font-family-heading);font-size:clamp(2rem,4vw,4.5rem);letter-spacing:-.055em;line-height:.98}.brand-room__concept-card>p{max-inline-size:54ch;margin:0;color:var(--foreground-muted);font-size:13px;line-height:1.6}.brand-room__concept-card ul{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-6) 0 0;padding:0;list-style:none}.brand-room__concept-card li{border:1px solid var(--border);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);color:var(--foreground-muted);font-size:10px}.brand-room__references{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-inline-size:0;background:var(--background)}.brand-room__reference{position:relative;display:grid;min-block-size:250px;border-inline-end:1px solid var(--border);border-block-end:1px solid var(--border);background:var(--surface);overflow:hidden}.brand-room__reference:first-child:last-child{grid-column:1 / -1}.brand-room__reference:nth-child(3){grid-column:1 / -1;border-block-end:0}.brand-room__reference img,.brand-room__reference-placeholder{grid-area:1 / 1;inline-size:100%;block-size:100%;min-block-size:250px;object-fit:cover}.brand-room__reference-placeholder{display:grid;place-items:center;background:var(--surface-strong);color:var(--foreground-subtle)}.brand-room__reference-placeholder svg{inline-size:32px;block-size:32px;stroke-width:1.2}.brand-room__reference>div:last-child{z-index:1;align-self:end;display:grid;gap:var(--space-1);padding:var(--space-4);background:linear-gradient(to top,var(--background),color-mix(in srgb,var(--background) 82%,transparent),transparent)}.brand-room__reference strong{color:var(--foreground);font-size:13px}.brand-room__reference p{margin:0;color:var(--foreground-muted);font-size:11px;line-height:1.4}.brand-room__working-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(var(--space-8),6vw,96px);align-items:start}.brand-room__milestones{display:grid;margin:0;border-block-start:1px solid var(--border);padding:0;list-style:none}.brand-room__milestones li{display:grid;grid-template-columns:28px 32px minmax(0,1fr) auto;gap:var(--space-3);align-items:center;min-block-size:72px;border-block-end:1px solid var(--border)}.brand-room__milestone-index{color:var(--foreground-subtle);font-family:var(--font-mono);font-size:9px}.brand-room__milestone-icon{display:grid;place-items:center;inline-size:28px;block-size:28px;border:1px solid var(--border);border-radius:50%;color:var(--foreground-subtle)}.brand-room__milestone-icon svg{inline-size:13px;block-size:13px}.brand-room__milestones li[data-state=complete] .brand-room__milestone-icon{border-color:var(--success-border);background:var(--success-surface);color:var(--success-text)}.brand-room__milestones li[data-state=in_progress] .brand-room__milestone-icon{border-color:color-mix(in srgb,var(--primary) 45%,transparent);background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.brand-room__milestones li>div{display:grid;gap:2px;min-inline-size:0}.brand-room__milestones strong{color:var(--foreground);font-size:13px;overflow-wrap:anywhere}.brand-room__milestones li>div span{color:var(--foreground-subtle);font-size:10px}.brand-room__milestones a,.brand-room__assets a{display:grid;place-items:center;inline-size:36px;block-size:36px;border-radius:var(--radius-control);color:var(--foreground-muted)}.brand-room__milestones a:hover,.brand-room__assets a:hover{background:var(--surface-hover);color:var(--foreground)}.brand-room__milestones a:focus-visible,.brand-room__assets a:focus-visible,.brand-room__system-link:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:2px}.brand-room__milestones a svg,.brand-room__assets a svg{inline-size:15px;block-size:15px}.brand-room__system-link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-4);align-items:center;min-block-size:112px;border:1px solid color-mix(in srgb,var(--primary) 45%,var(--border));border-radius:var(--radius-surface);background:color-mix(in srgb,var(--primary) 9%,var(--surface));padding:var(--space-5);color:var(--foreground);text-decoration:none}.brand-room__system-link:hover{background:color-mix(in srgb,var(--primary) 14%,var(--surface))}.brand-room__system-link>svg:first-child{inline-size:26px;block-size:26px;color:var(--primary);stroke-width:1.4}.brand-room__system-link>svg:last-child{inline-size:17px;block-size:17px}.brand-room__system-link div{display:grid;gap:3px;min-inline-size:0}.brand-room__system-link strong{font-size:16px}.brand-room__system-link small{color:var(--foreground-muted);font-size:11px;line-height:1.4}.brand-room__assets{display:grid;margin:0;border-block-start:1px solid var(--border);padding:0;list-style:none}.brand-room__assets li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:var(--space-3);align-items:center;min-block-size:68px;border-block-end:1px solid var(--border)}.brand-room__assets li>svg{inline-size:18px;block-size:18px;color:var(--foreground-subtle);stroke-width:1.4}.brand-room__assets li>div{display:grid;gap:2px;min-inline-size:0}.brand-room__assets strong{color:var(--foreground);font-size:13px;overflow-wrap:anywhere}.brand-room__empty{display:flex;align-items:center;gap:var(--space-3);min-block-size:92px;border:1px dashed var(--border);border-radius:var(--radius-surface);padding:var(--space-5);color:var(--foreground-muted);font-size:12px;line-height:1.5}.brand-room__empty svg{flex:0 0 auto;inline-size:20px;block-size:20px;stroke-width:1.3}.brand-room__empty--visual{grid-column:1 / -1;flex-direction:column;justify-content:center;min-block-size:100%;border:0;border-radius:0;text-align:center}.brand-room__empty--visual svg{inline-size:36px;block-size:36px}.brand-room__empty--visual strong{color:var(--foreground);font-size:14px}.brand-room__maker{border-radius:var(--radius-surface);background:var(--surface);padding:clamp(var(--space-5),4vw,var(--space-8))}.brand-room__maker .brand-room__section-heading{border-block-start:0;padding-block-start:0}.brand-room__maker .brand-maker__outputs{border-radius:var(--radius-control)}.brand-room__maker .brand-maker__outputs button{min-block-size:150px;background:var(--background)}.brand-room__maker .brand-maker__outputs button[aria-pressed=true]{background:var(--primary);color:var(--primary-foreground)}.brand-room__maker .brand-maker__outputs button[aria-pressed=true] span{color:color-mix(in srgb,var(--primary-foreground) 72%,transparent)}.brand-room__maker .brand-maker__request>button{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.brand-room__maker .brand-maker__request>button:hover{background:var(--primary-hover)}.brand-room--repository{gap:clamp(var(--space-8),4vw,var(--space-12));padding-block:0}.brand-room__opening{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);min-block-size:min(680px,76vh)}.brand-room__opening[data-media=none]{grid-template-columns:minmax(0,1fr);min-block-size:0}.brand-room__opening[data-media=none] .brand-room__document-header{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;align-items:end;border-inline-end:0;padding:0 0 clamp(var(--space-8),5vw,var(--space-12))}.brand-room__opening[data-media=none] .brand-room__document-identity{gap:var(--space-6)}.brand-room__document-header{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:var(--space-6);align-items:end;border-inline-end:1px solid var(--border);padding:clamp(var(--space-6),4vw,var(--space-10))}.brand-room__document-identity{display:grid;gap:clamp(var(--space-6),5vh,var(--space-10));align-content:space-between;min-inline-size:0}.brand-room__document-identity .brand-room__brand-mark{inline-size:clamp(88px,12vw,170px);max-inline-size:none;max-block-size:70px;margin:0}.brand-room__document-identity>div{min-inline-size:0}.brand-room__document-identity h1{max-inline-size:12ch;margin:0;color:var(--foreground);font-size:clamp(2.75rem,5vw,4.75rem);letter-spacing:-.055em;line-height:.92;overflow-wrap:anywhere}.brand-room__document-identity>div>p:last-child{max-inline-size:62ch;margin:0;color:var(--foreground-muted);font-size:clamp(.95rem,1.3vw,1.15rem);line-height:1.55}.brand-room__hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-self:start}.brand-room__hero-actions .uds-button-slot>svg{inline-size:1.125rem;block-size:1.125rem;flex:0 0 1.125rem}.brand-room__feature-media{display:grid;grid-template-rows:minmax(0,1fr) auto;min-inline-size:0;margin:0;background:var(--surface-strong);overflow:hidden}.brand-room__feature-media--loading{min-block-size:100%}.brand-room__feature-media>img{inline-size:100%;block-size:100%;min-block-size:480px;object-fit:cover}.brand-room__feature-media figcaption{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:var(--space-2) var(--space-6);border-block-start:1px solid var(--border);background:var(--surface);padding:var(--space-4) clamp(var(--space-4),3vw,var(--space-6))}.brand-room__feature-media figcaption span{grid-column:1 / -1;color:var(--primary);font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.brand-room__feature-media figcaption strong{color:var(--foreground);font-size:12px}.brand-room__feature-media figcaption p{margin:0;color:var(--foreground-muted);font-size:10px;line-height:1.5}.brand-room__opening{order:1}.brand-room__tools{order:2}.brand-room__viewer-section{order:3;display:grid;gap:var(--space-5);min-inline-size:0}.brand-room__assets-library{order:4}.brand-room--repository .brand-room__section-heading{border-block-start:0;padding-block-start:0}.brand-room__system-viewer.uds-card{gap:0;overflow:hidden;padding:0}.brand-room__system-viewer>.uds-card-header{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);align-items:end;border-block-end:1px solid var(--border);padding:clamp(var(--space-5),3vw,var(--space-7))}.brand-room__system-viewer>.uds-card-header>div{display:grid;gap:var(--space-2)}.brand-room__system-viewer>.uds-card-header p,.brand-room__system-viewer h4{margin:0;color:var(--foreground-subtle);font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.brand-room__system-viewer .uds-card-title{margin:0;color:var(--foreground);font-size:clamp(1.6rem,3vw,2.5rem);letter-spacing:-.045em;line-height:1}.brand-room__system-viewer .uds-card-description{max-inline-size:58ch;margin:0;color:var(--foreground-muted);font-size:13px;line-height:1.55}.brand-room__system-grid.uds-card-content{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);padding:0}.brand-room__system-grid>section{display:grid;gap:var(--space-5);padding:clamp(var(--space-5),3vw,var(--space-7))}.brand-room__viewer-preview{border-inline-end:1px solid var(--border)}.brand-room__viewer-preview-swatch{display:grid;align-items:end;min-block-size:clamp(180px,24vw,320px);border-radius:var(--radius-surface);padding:clamp(var(--space-5),4vw,var(--space-8));color:var(--primary-foreground)}.brand-room__viewer-preview-swatch span{max-inline-size:10ch;font-size:clamp(2.4rem,6vw,5.5rem);font-weight:var(--font-weight-bold);letter-spacing:-.07em;line-height:.9;overflow-wrap:anywhere}.brand-room__viewer-tokens{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-5)}.brand-room__viewer-tokens article{display:grid;grid-template-columns:32px minmax(0,1fr);gap:2px var(--space-3);align-items:center;min-block-size:74px;border-block-start:1px solid var(--border);padding-block:var(--space-3)}.brand-room__viewer-tokens article>span{grid-row:1 / 3;inline-size:32px;block-size:32px;border:1px solid var(--border);border-radius:var(--radius-control)}.brand-room__viewer-tokens code,.brand-room__viewer-tokens small{overflow-wrap:anywhere;font-family:var(--font-mono);font-size:9px}.brand-room__viewer-tokens code{color:var(--foreground)}.brand-room__viewer-tokens small{color:var(--foreground-subtle)}.brand-room__viewer-specs dl,.brand-room__source-table{display:grid;margin:0;border-block-start:1px solid var(--border)}.brand-room__viewer-specs dl div,.brand-room__source-table div{display:grid;grid-template-columns:minmax(140px,.4fr) minmax(0,1fr);gap:var(--space-4);align-items:center;min-block-size:56px;border-block-end:1px solid var(--border)}.brand-room__viewer-specs dt,.brand-room__source-table dt{color:var(--foreground-subtle);font-family:var(--font-mono);font-size:9px;text-transform:uppercase}.brand-room__viewer-specs dd,.brand-room__source-table dd{margin:0;color:var(--foreground);font-size:11px;text-align:end;overflow-wrap:anywhere}.brand-room__source-table a{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--space-2);color:var(--foreground);text-decoration:none}.brand-room__source-table a:hover{text-decoration:underline;text-underline-offset:3px}.brand-room__source-table svg{flex:0 0 auto;inline-size:13px;block-size:13px}.brand-room__viewer-components>div{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:end}.brand-room__viewer-components label{display:grid;gap:var(--space-2);min-inline-size:min(100%,240px);color:var(--foreground-muted);font-size:10px}.brand-room__technical-details{border-block-start:1px solid var(--border)}.brand-room__technical-details .uds-accordion-item{border-block-end:0}.brand-room__technical-details .uds-accordion-trigger{min-block-size:64px;padding-inline:clamp(var(--space-5),3vw,var(--space-7));color:var(--foreground);font-size:12px}.brand-room__technical-details .uds-accordion-content>div{padding:0 clamp(var(--space-5),3vw,var(--space-7)) var(--space-6)}.brand-room__install-panel{min-inline-size:0}.brand-room__install-panel .uds-code-block{margin:0}.brand-room__download-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.brand-room__workflow-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.brand-room__workflow-card.uds-card{display:grid;grid-template-rows:auto 1fr auto;gap:0;min-block-size:420px;padding:0;overflow:hidden}.brand-room__workflow-media{aspect-ratio:16 / 10;min-inline-size:0;border-block-end:1px solid var(--border);background:var(--muted);overflow:hidden}.brand-room__workflow-media img{display:block;inline-size:100%;block-size:100%;object-fit:cover}.brand-room__workflow-copy{min-inline-size:0;padding:var(--space-5) var(--space-5) var(--space-4)}.brand-room__workflow-card .uds-card-title{margin:0 0 var(--space-2);color:var(--foreground);font-size:clamp(1.2rem,2vw,1.75rem);letter-spacing:-.03em}.brand-room__workflow-card .uds-card-description{max-inline-size:60ch;margin:0;color:var(--foreground-muted);font-size:12px;line-height:1.55}.brand-room__workflow-actions{display:grid;grid-template-columns:1fr;gap:var(--space-2);align-self:end;padding:0 var(--space-5) var(--space-5)}.brand-room__workflow-actions .uds-button{inline-size:100%;justify-content:center}.brand-room__source-table a:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:2px}.brand-room__switcher{display:flex;gap:var(--space-2);max-inline-size:100%;padding-block-end:var(--space-2);overflow-x:auto;scrollbar-width:thin}.brand-room__switcher a{display:inline-flex;flex:0 0 auto;align-items:center;gap:var(--space-2);min-block-size:38px;border:1px solid var(--border);border-radius:var(--radius-control);padding-inline:var(--space-3);color:var(--foreground-muted);font-size:11px;text-decoration:none}.brand-room__switcher a:hover{border-color:var(--input);background:var(--surface-hover);color:var(--foreground)}.brand-room__switcher a[aria-current=page]{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--foreground)}.brand-room__switcher a:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:2px}.brand-room__switcher a>span{inline-size:8px;block-size:8px;border-radius:50%}.brand-room__kicker a{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--foreground-muted);text-decoration:none}.brand-room__kicker a:hover{color:var(--foreground)}.brand-room__kicker a svg{inline-size:13px;block-size:13px}.brand-room__repository-hero .brand-room__hero-grid{align-items:end}.brand-room__repository-hero .brand-room__identity{display:grid;justify-items:start}.brand-room__brand-mark{max-inline-size:min(260px,68%);max-block-size:76px;margin-block:var(--space-5) var(--space-2);object-fit:contain;object-position:left center}[dir=rtl] .brand-room__brand-mark{object-position:right center}.brand-room__repository-hero .brand-room__identity h1{margin-block-start:var(--space-3)}.brand-room__theme-facts{display:grid;margin:0;border-block-start:1px solid var(--border)}.brand-room__theme-facts div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-4);border-block-end:1px solid var(--border);padding-block:var(--space-3)}.brand-room__theme-facts dt{color:var(--foreground-subtle);font-family:var(--font-mono);font-size:9px;text-transform:uppercase}.brand-room__theme-facts dd{margin:0;color:var(--foreground);font-size:11px;text-align:end}.brand-room__tools,.brand-room__assets-library{display:grid;gap:var(--space-6);min-inline-size:0}.brand-room__theme-system{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:var(--space-4)}.brand-room__token-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface);overflow:hidden}.brand-room__token-board article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:var(--space-2) var(--space-3);align-items:center;min-block-size:96px;border-inline-end:1px solid var(--border);border-block-end:1px solid var(--border);padding:var(--space-4)}.brand-room__token-board article:nth-child(3n){border-inline-end:0}.brand-room__token-board article:nth-last-child(-n+3){border-block-end:0}.brand-room__token-board article>span{grid-row:1 / 3;inline-size:34px;block-size:34px;border:1px solid var(--border);border-radius:var(--radius-control)}.brand-room__token-board code{color:var(--foreground);font-family:var(--font-mono);font-size:10px;overflow-wrap:anywhere}.brand-room__token-board small{color:var(--foreground-subtle);font-family:var(--font-mono);font-size:9px;overflow-wrap:anywhere}.brand-room__source-links{display:grid;gap:var(--space-3)}.brand-room__source-links a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-2) var(--space-3);align-items:center;min-block-size:106px;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface);padding:var(--space-4);color:var(--foreground);text-decoration:none}.brand-room__source-links a:hover{border-color:color-mix(in srgb,var(--primary) 55%,var(--border));background:var(--surface-hover)}.brand-room__source-links a:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:2px}.brand-room__source-links a>svg:first-child{grid-row:1 / 3;inline-size:23px;block-size:23px;color:var(--primary);stroke-width:1.4}.brand-room__source-links a>svg:last-child{grid-column:3;grid-row:1 / 3;inline-size:15px;block-size:15px}.brand-room__source-links a>span{font-size:12px;font-weight:var(--font-weight-medium)}.brand-room__source-links code{color:var(--foreground-subtle);font-family:var(--font-mono);font-size:9px;overflow-wrap:anywhere}.brand-room__tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border);border-radius:var(--radius-surface);overflow:hidden}.brand-room__tool-grid>article{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);min-block-size:310px;border-inline-end:1px solid var(--border);padding:clamp(var(--space-5),3vw,var(--space-7))}.brand-room__tool-grid>article:last-child{border-inline-end:0}.brand-room__tool-grid>article>svg{inline-size:24px;block-size:24px;color:var(--primary);stroke-width:1.4}.brand-room__tool-grid>article>span{justify-self:end;color:var(--foreground-subtle);font-family:var(--font-mono);font-size:9px}.brand-room__tool-grid h3{grid-column:1 / -1;align-self:end;margin:auto 0 0;color:var(--foreground);font-size:clamp(1.35rem,2vw,2rem);letter-spacing:-.035em}.brand-room__tool-grid p{grid-column:1 / -1;margin:0;color:var(--foreground-muted);font-size:12px;line-height:1.55}.brand-room__tool-grid article>div{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.brand-room__tool-grid a,.brand-room__tool-grid button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-block-size:42px;border:1px solid var(--border);border-radius:var(--radius-control);background:transparent;color:var(--foreground);padding-inline:var(--space-3);font:inherit;font-size:10px;text-decoration:none;cursor:pointer}.brand-room__tool-grid button{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.brand-room__tool-grid a:hover{background:var(--surface-hover)}.brand-room__tool-grid button:hover{background:var(--primary-hover)}.brand-room__tool-grid a:focus-visible,.brand-room__tool-grid button:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:2px}.brand-room__tool-grid a svg,.brand-room__tool-grid button svg{inline-size:14px;block-size:14px}.brand-room__asset-source.uds-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-4);align-items:center;padding:var(--space-4)}.brand-room__asset-source>svg{inline-size:24px;block-size:24px;color:var(--foreground-muted)}.brand-room__asset-source>div{display:grid;gap:3px;min-inline-size:0}.brand-room__asset-source strong{color:var(--foreground);font-size:12px;overflow-wrap:anywhere}.brand-room__asset-source code{color:var(--foreground-subtle);font-family:var(--font-mono);font-size:9px;overflow-wrap:anywhere}.brand-room__asset-source>.uds-button{justify-self:end}.brand-room__section-description{max-inline-size:62ch;margin:calc(-1 * var(--space-4)) 0 0;color:var(--foreground-muted);font-size:13px;line-height:1.6}.brand-room__asset-browser{display:grid;grid-template-columns:minmax(190px,230px) minmax(0,1fr);gap:var(--space-6);align-items:start;min-inline-size:0}.brand-room__asset-folders{display:grid;gap:2px;position:sticky;inset-block-start:calc(var(--header-height, 72px) + var(--space-4));border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);padding:var(--space-2)}.brand-room__asset-folders button{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:var(--space-2);align-items:center;inline-size:100%;min-block-size:40px;border:0;border-radius:var(--radius-control);background:transparent;color:var(--foreground-muted);padding:var(--space-2) var(--space-3);font:inherit;text-align:start;cursor:pointer}.brand-room__asset-folders button:hover{background:var(--surface-hover);color:var(--foreground)}.brand-room__asset-folders button[aria-current=page]{background:var(--surface-strong);color:var(--foreground);font-weight:650}.brand-room__asset-folders button:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:1px}.brand-room__asset-folders button svg{inline-size:16px;block-size:16px;stroke-width:1.6}.brand-room__asset-folders button span{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-room__asset-folders button small{color:var(--foreground-subtle);font-size:10px;font-variant-numeric:tabular-nums}.brand-room__asset-folder[data-depth="1"]>button{padding-inline-start:calc(var(--space-3) + 16px)}.brand-room__asset-folder[data-depth="2"]>button{padding-inline-start:calc(var(--space-3) + 32px)}.brand-room__asset-results{display:grid;gap:var(--space-4);min-inline-size:0}.brand-room__asset-results>header{display:flex;justify-content:space-between;gap:var(--space-4);align-items:baseline;min-block-size:32px;border-block-end:1px solid var(--border);padding-block-end:var(--space-3)}.brand-room__asset-results>header strong{color:var(--foreground);font-size:15px}.brand-room__asset-results>header span{color:var(--foreground-subtle);font-size:11px}.brand-room__asset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),360px));justify-content:start;gap:var(--space-4)}.brand-room__asset-card.uds-card{display:grid;grid-template-rows:180px auto;min-inline-size:0;overflow:hidden;padding:0}.brand-room__asset-preview{display:grid;place-items:center;min-inline-size:0;background:var(--surface-strong);overflow:hidden}.brand-room__asset-preview img,.brand-room__asset-preview video{inline-size:100%;block-size:100%;object-fit:cover}.brand-room__asset-card[data-asset-kind=logo] .brand-room__asset-preview img{inline-size:58%;block-size:auto;max-block-size:100px;object-fit:contain}.brand-room__asset-card[data-asset-id=logos--brand--the-utopia-studio-official-white] .brand-room__asset-preview{background:var(--foreground)}.brand-room__asset-copy{display:grid;gap:var(--space-3);padding:var(--space-4)}.brand-room__asset-copy h3{margin:0;color:var(--foreground);font-size:15px;letter-spacing:-.01em}.brand-room__asset-copy>code{color:var(--foreground-subtle);font-family:var(--font-mono);font-size:9px;overflow-wrap:anywhere}.brand-room__asset-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media(prefers-reduced-motion:reduce){.brand-room__progress span{transition:none}}@media(max-width:980px){.brand-spec__source,.brand-spec__component-grid,.brand-spec__contexts,.brand-spec__token-grid{grid-template-columns:1fr}.brand-spec__states,.brand-spec__type-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-design-system__hero{grid-template-columns:1fr;gap:var(--space-8)}.semantic-token-groups,.brand-principle-grid,.brand-reference-grid{grid-template-columns:1fr}.brand-principle-grid article{min-block-size:180px;border-inline-end:0;border-block-end:1px solid var(--border)}.brand-principle-grid article:last-child{border-block-end:0}.brand-maker__outputs{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-maker__outputs button:nth-child(2){border-inline-end:0}.brand-maker__outputs button:nth-child(-n+2){border-block-end:1px solid var(--border)}.brand-room__hero-grid{grid-template-columns:1fr;gap:var(--space-8)}.brand-room__pulse{max-inline-size:520px}.brand-room__direction-grid{grid-template-columns:1fr}.brand-room__concept-card{min-block-size:420px;border-inline-end:0;border-block-end:1px solid var(--border)}.brand-room__working-grid,.brand-room__theme-system,.brand-room__tool-grid{grid-template-columns:1fr}.brand-room__tool-grid>article{min-block-size:240px;border-inline-end:0;border-block-end:1px solid var(--border)}.brand-room__tool-grid>article:last-child{border-block-end:0}.brand-room__opening{grid-template-columns:1fr;min-block-size:0}.brand-room__opening[data-media=none] .brand-room__document-header{grid-template-columns:1fr}.brand-room__document-header{grid-template-rows:auto auto;align-items:start;border-inline-end:0;border-block-end:1px solid var(--border)}.brand-room__document-header>a{inline-size:fit-content}.brand-room__feature-media>img{block-size:min(72vw,620px);min-block-size:420px}.brand-room__system-viewer>.uds-card-header,.brand-room__system-grid.uds-card-content{grid-template-columns:1fr}.brand-room__viewer-semantic{border-inline-end:0;border-block-end:1px solid var(--border)}.brand-room__viewer-tokens{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-room__workflow-list{grid-template-columns:1fr}.brand-room__workflow-card.uds-card{min-block-size:0}.brand-room__workflow-media{aspect-ratio:16 / 9}}@media(max-width:640px){.brand-spec__hero{min-block-size:0;padding:0 0 var(--space-8)}.brand-spec__section{padding:var(--space-8) 0}.brand-spec__toolbar{display:grid;grid-template-columns:1fr}.brand-spec__toolbar>*,.brand-spec__toolbar>.uds-button,.brand-spec__modes{inline-size:100%}.brand-spec__modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.brand-spec__swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-spec__swatches article{grid-template-rows:112px auto auto 1fr}.brand-spec__type-meta,.brand-spec__states,.brand-spec__border-list{grid-template-columns:1fr}.brand-spec__type-scale>div{grid-template-columns:1fr}.brand-spec__token-table>div{grid-template-columns:minmax(0,1fr) 20px}.brand-spec__token-table>div>span{grid-column:1;text-align:start}.brand-spec__token-table i{grid-column:2;grid-row:1 / span 2}.brand-spec__logo-row{grid-template-columns:1fr}.brand-spec__logo-row span{border-block-start:1px solid var(--border);border-inline-start:0}.brand-spec__spacing>div{grid-template-columns:100px minmax(0,1fr) 44px}.brand-design-system{gap:var(--space-12);padding-block:var(--space-6)}.brand-design-system__hero h1{font-size:clamp(2.75rem,15vw,4.5rem)}.semantic-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));inline-size:100%}.semantic-mode-switch button{justify-content:center;padding-inline:var(--space-3)}.semantic-token-group li{grid-template-columns:28px minmax(0,1fr)}.semantic-token-group li>span:last-child{grid-column:2;text-align:start}.semantic-token-flow{grid-template-columns:1fr}.semantic-token-flow>span,[dir=rtl] .semantic-token-flow>span{transform:rotate(90deg);justify-self:center}.brand-reference-grid article{grid-template-rows:240px auto}.brand-asset-list li{align-items:flex-start;flex-wrap:wrap}.brand-workspace{padding-block:var(--space-8)}.brand-system-link{grid-template-columns:auto minmax(0,1fr)}.brand-system-link>a{grid-column:1 / -1}.brand-maker__outputs{grid-template-columns:1fr}.brand-maker__outputs button{min-block-size:168px;border-inline-end:0;border-block-end:1px solid var(--border)}.brand-maker__outputs button:last-child{border-block-end:0}.brand-maker__request{grid-template-columns:1fr}.brand-maker__request>button{inline-size:100%}.brand-room{gap:var(--space-12)}.brand-room__kicker{align-items:flex-start;flex-direction:column}.brand-room__identity h1{font-size:clamp(3.5rem,19vw,6rem)}.brand-room__pulse dl{gap:var(--space-2)}.brand-room__pulse dl div{padding-inline-start:var(--space-2)}.brand-room__direction-grid{min-block-size:0}.brand-room__concept-card{min-block-size:400px}.brand-room__references{grid-template-columns:1fr}.brand-room__reference,.brand-room__reference:nth-child(3){grid-column:auto;border-inline-end:0}.brand-room__reference:last-child{border-block-end:0}.brand-room__milestones li{grid-template-columns:24px 30px minmax(0,1fr) auto}.brand-room__maker{margin-inline:calc(-1 * var(--space-4));border-radius:0}.brand-room__switcher{margin-inline:calc(-1 * var(--space-4));padding-inline:var(--space-4)}.brand-room__brand-mark{max-inline-size:72%;max-block-size:54px}.brand-room__token-board{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-room__token-board article:nth-child(3n){border-inline-end:1px solid var(--border)}.brand-room__token-board article:nth-child(2n){border-inline-end:0}.brand-room__token-board article:nth-last-child(-n+3){border-block-end:1px solid var(--border)}.brand-room__token-board article:nth-last-child(-n+2){border-block-end:0}.brand-room__tool-grid article>div{grid-template-columns:1fr}.brand-room__asset-source{grid-template-columns:auto minmax(0,1fr)}.brand-room__asset-source>a{grid-column:1 / -1}.brand-room__asset-browser{grid-template-columns:1fr}.brand-room__asset-folders{position:static}.brand-room__asset-grid{grid-template-columns:1fr}.brand-room__asset-card.uds-card{grid-template-rows:180px auto}.brand-room__opening{margin-inline:calc(-1 * var(--space-4))}.brand-room__opening[data-media=none]{margin-inline:0}.brand-room__opening[data-media=none] .brand-room__document-header{padding:0 0 var(--space-8)}.brand-room__document-header{gap:var(--space-6);padding:var(--space-6) var(--space-4)}.brand-room__document-identity{display:grid;gap:var(--space-4)}.brand-room__document-identity .brand-room__brand-mark{inline-size:min(180px,56%);max-block-size:58px}.brand-room__document-identity h1{font-size:clamp(2.5rem,13vw,4rem)}.brand-room__document-header>a{inline-size:100%;justify-content:center}.brand-room__feature-media>img{block-size:112vw;min-block-size:360px;max-block-size:620px}.brand-room__feature-media figcaption{grid-template-columns:1fr}.brand-room__system-viewer>.uds-card-header,.brand-room__system-grid section{padding:var(--space-5)}.brand-room__viewer-tokens{grid-template-columns:1fr}.brand-room__viewer-specs dl div,.brand-room__source-table div{grid-template-columns:1fr;gap:var(--space-2);padding-block:var(--space-3)}.brand-room__viewer-specs dd,.brand-room__source-table dd{text-align:start}.brand-room__source-table a{justify-content:flex-start}.brand-room__download-actions{display:grid;grid-template-columns:1fr}.brand-room__download-actions .uds-button{inline-size:100%}.brand-room__workflow-actions{display:grid;grid-template-columns:1fr}.utopia-account-control.is-mobile{inline-size:auto}.utopia-account-control.is-mobile .utopia-sign-in{inline-size:44px;justify-content:center}}@media(max-width:360px){.app-sidebar-heading.uds-side-nav-heading[data-variant=brand] .uds-side-nav-heading-copy{display:none}}.themes-catalog-page .themes-catalog-hero{order:1}.themes-catalog-page .themes-catalog-hero>.eyebrow{color:var(--foreground-subtle);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.themes-catalog-page .theme-picker{order:2}.theme-picker{display:grid;grid-template-columns:minmax(12rem,.35fr) minmax(0,1fr);align-items:center;gap:var(--space-5);border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--card);padding:var(--space-4);box-shadow:none}.theme-picker__intro{display:grid;gap:var(--space-1);padding-inline:var(--space-2)}.theme-picker__intro :where(p,strong){margin:0}.theme-picker__intro strong{color:var(--foreground);font-size:var(--font-size-body-lg);line-height:1.25}.theme-picker__intro>.uds-button{justify-self:start;margin-block-start:var(--space-2)}.themes-catalog-page .theme-category-filter{justify-content:flex-start;flex-wrap:wrap;gap:var(--space-1);overflow-x:visible;padding:0}.themes-catalog-page .theme-category-filter button{display:inline-flex;align-items:center;gap:var(--space-2);border-color:transparent;border-radius:var(--radius-control);background:var(--surface);color:var(--foreground-muted)}.themes-catalog-page .theme-category-filter button[data-selected=true]{border-color:var(--interaction-selection-border);background:var(--interaction-selection-surface);color:var(--foreground)}.theme-selector-swatch{flex:0 0 auto;inline-size:1.25rem;block-size:1.25rem;border:var(--border-width-hairline) solid var(--border);border-radius:50%;background:var(--muted)}.themes-catalog-page .theme-scope-status{order:3}.themes-catalog-page .themes-catalog-grid{order:4}.themes-catalog-page .theme-create{order:6}.themes-catalog-page .theme-signature-library{order:5}.themes-catalog-page .theme-catalog,.themes-catalog-page .themes-catalog-grid{display:grid;gap:clamp(var(--space-6),4vw,var(--space-12))}.themes-catalog-page .theme-grid{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}html[data-theme=utopia-default] .themes-catalog-page .theme-gallery-card,.themes-catalog-page .theme-gallery-card{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(var(--space-5),3vw,var(--space-8));min-block-size:0;min-inline-size:0;overflow:visible;border:0;border-radius:0;background:transparent;color:var(--foreground);box-shadow:none;padding:0}.themes-catalog-page .theme-gallery-card--active,.themes-catalog-page .theme-card--active{border-color:transparent;outline:0;box-shadow:none}.themes-catalog-page .theme-gallery-card__preview{display:grid;grid-template-rows:minmax(13rem,1fr);min-inline-size:0;overflow:hidden;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--background);box-shadow:var(--shadow-surface)}.themes-catalog-page .theme-gallery-card .theme-brand-preview{min-block-size:clamp(24rem,44vw,36rem);overflow:hidden;border:0;padding:clamp(var(--space-6),4vw,var(--space-10))}.themes-catalog-page .theme-gallery-card .theme-brand-preview img{inline-size:min(100%,12rem);max-block-size:5.5rem}.theme-component-composition{display:grid;grid-template-rows:auto minmax(0,1fr);block-size:clamp(17rem,24vw,20rem);min-block-size:0;overflow:hidden;background:var(--background);color:var(--foreground)}.theme-component-composition__topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-block-size:3.5rem;border-block-end:var(--border-width-hairline) solid var(--border);padding-inline:var(--space-5)}.theme-component-composition__topbar>div{display:flex;align-items:center;gap:var(--space-2);min-inline-size:0}.theme-component-composition__topbar strong{overflow:hidden;color:var(--foreground);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap}.theme-component-composition__grid{display:grid;grid-template-columns:minmax(13rem,.72fr) minmax(0,1.28fr);gap:var(--space-4);min-block-size:0;padding:var(--space-4)}.theme-component-composition .uds-card{min-block-size:0;overflow:hidden}.theme-component-composition .uds-card-header{align-items:center}.theme-component-composition .uds-card-title{font-size:var(--font-size-body)}.theme-component-composition .uds-card-content{min-block-size:0}.theme-component-composition__controls .uds-card-content{display:grid;align-content:start;gap:var(--space-3)}.theme-component-composition__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.theme-component-composition__table .uds-card-content{overflow:hidden;padding:0}.theme-component-composition__table .uds-data-table-shell{border:0;border-radius:0}.theme-component-composition__table :where(.uds-data-table-head,.uds-data-table-cell){padding-block:var(--space-2);padding-inline:var(--space-3);font-size:var(--font-size-small)}.theme-gallery-card__content{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(16rem,.85fr);align-content:start;gap:var(--space-5);min-inline-size:0;border-block-end:var(--border-width-hairline) solid var(--border);background:transparent;color:var(--foreground);padding:0 0 var(--space-5)}.theme-gallery-card__content>.card-row,.theme-gallery-card__content>.theme-gallery-card__actions,.theme-gallery-card__content>.theme-ai-handoff{grid-column:1 / -1}.theme-gallery-card__identity{display:grid;gap:var(--space-2)}.theme-gallery-card__identity :where(h2,p){margin:0}.themes-catalog-page .theme-gallery-card h2{color:var(--foreground);font-size:clamp(1.65rem,3vw,2.5rem);font-weight:var(--font-weight-medium);letter-spacing:-.035em;line-height:1.05;text-transform:none}.theme-gallery-card__identity p{max-inline-size:62ch;color:var(--foreground-muted);line-height:1.55}.themes-catalog-page .theme-gallery-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.theme-gallery-card__detail-link{display:inline-flex;align-items:center;min-block-size:var(--interaction-target-min);padding-inline:var(--space-2);color:var(--foreground);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);text-underline-offset:.2em}.theme-gallery-card__detail-link:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.themes-catalog-page .theme-ai-handoff{margin-block-start:var(--space-2)}.themes-catalog-page .theme-signature-library__header h2{font-size:clamp(1.85rem,3vw,2.75rem)}.themes-catalog-page .theme-signature-card__preview,.themes-catalog-page .theme-signature-card__empty,.themes-catalog-page .theme-signature-card__preview .cloudblur-signature-stage[data-compact=true]{min-block-size:17rem}.themes-catalog-page .theme-signature-card__preview [data-compact=true] .cloudblur-card-stack{block-size:15rem;transform:scale(.72)}.themes-catalog-page .theme-create__intro{grid-template-columns:auto minmax(0,1fr);padding:var(--space-6);background:var(--card)}.themes-catalog-page .theme-create__intro h2{max-inline-size:30ch;font-size:clamp(1.65rem,3vw,2.35rem)}.themes-catalog-page .theme-create__steps article{min-block-size:11.5rem;background:var(--surface)}.themes-catalog-page .theme-create{grid-template-columns:minmax(0,1fr);overflow:hidden;border-radius:var(--radius-surface);background:var(--card);box-shadow:var(--shadow-surface)}.themes-catalog-page .theme-create__intro{border-inline-end:0;border-block-end:var(--border-width-hairline) solid var(--border)}.themes-catalog-page .theme-create__intro>span{grid-column:1;grid-row:1 / span 3;margin-block-end:0;border-color:var(--input);border-radius:var(--radius-control);background:var(--surface-strong)}.themes-catalog-page .theme-create__intro>:not(span){grid-column:2}.themes-catalog-page .theme-create__command code{overflow-x:visible;white-space:normal;overflow-wrap:anywhere}@media(max-width:900px){html[data-theme=utopia-default] .themes-catalog-page .theme-gallery-card,.themes-catalog-page .theme-gallery-card{grid-template-columns:minmax(0,1fr);min-block-size:0}.themes-catalog-page .theme-gallery-card__preview{border-inline-end:0}.themes-catalog-page .theme-gallery-card .theme-brand-preview{min-block-size:20rem}}@media(max-width:620px){.themes-catalog-page{gap:var(--space-8)}.theme-picker{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.theme-picker__intro{padding-inline:0}.theme-component-composition{block-size:20rem;overflow-y:auto}.theme-component-composition__topbar{min-block-size:3rem;padding-inline:var(--space-3)}.theme-component-composition__grid{grid-template-columns:minmax(0,1fr);padding:var(--space-3)}.themes-catalog-page .theme-category-filter{flex-wrap:nowrap;margin-inline:calc(-1 * var(--space-4));overflow-x:auto;padding-inline:var(--space-4)}.theme-gallery-card__content{grid-template-columns:minmax(0,1fr);padding:var(--space-5)}.theme-gallery-card__content>*{grid-column:1}.themes-catalog-page .theme-gallery-card__actions,.themes-catalog-page .theme-ai-handoff__targets{display:grid;grid-template-columns:minmax(0,1fr)}.themes-catalog-page .theme-gallery-card__actions .uds-button,.themes-catalog-page .theme-gallery-card__detail-link,.themes-catalog-page .theme-ai-handoff__targets .uds-button{inline-size:100%;justify-content:center}.themes-catalog-page .theme-create__intro{grid-template-columns:minmax(0,1fr)}.themes-catalog-page .theme-create__intro>span,.themes-catalog-page .theme-create__intro>:not(span){grid-column:1;grid-row:auto}.themes-catalog-page .theme-create__command{grid-template-columns:minmax(0,1fr)}}@media(hover:hover)and (pointer:fine){.home-signature-shell [data-compact=true] .cloudblur-card-stack[data-hovered-card=rear] .cloudblur-lifestyle-card{block-size:29rem}}.home-signature-shell [data-compact=true] .cloudblur-ceramic-card{inline-size:min(100%,24rem);border-radius:72px;padding:25.6px;transform:translate(-62px,22px) rotate(6deg)}.home-signature-shell [data-compact=true] .cloudblur-ceramic-card:after{border-radius:72px}.home-signature-shell [data-compact=true] .cloudblur-ceramic-media{border-radius:44px}.home-signature-shell [data-compact=true] .cloudblur-signal-card{inline-size:min(100%,29.5rem);min-block-size:380px;padding:24px 28px}.home-signature-shell [data-compact=true] .cloudblur-signal-heading{margin-block-start:24px}.home-signature-shell [data-compact=true] .cloudblur-signal-heading strong{font-size:clamp(2.7rem,5vw,3.7rem)}.home-signature-shell [data-compact=true] .cloudblur-signal-chart{margin-block:24px 4px;max-block-size:150px}@media(max-width:820px){.app-shell.home-shell .topbar-nav.uds-top-nav-root{display:none}.app-shell.home-shell .topbar-nav .uds-top-nav{justify-content:flex-start;inline-size:max-content;min-inline-size:max-content}.app-shell.home-shell .topbar-nav .uds-top-nav-item{flex:none;white-space:nowrap}}@media(max-width:640px){@media(prefers-reduced-motion:no-preference){.home-shell[data-home-ready=true] .home-signature-shell [data-compact=true] .cloudblur-ceramic-card{animation-name:home-front-card-enter-mobile}}.home-signature-shell [data-compact=true] .cloudblur-card-stack{block-size:25rem}.home-gallery-transition .home-signature-shell [data-compact=true] .cloudblur-lifestyle-card{display:none}.home-signature-shell [data-compact=true] .cloudblur-ceramic-card{inline-size:min(90vw,23rem);border-radius:68px;padding:23px;rotate:-6deg;translate:59.5px -22px}.home-signature-shell [data-compact=true] .cloudblur-ceramic-card:after{border-radius:68px}.home-signature-shell [data-compact=true] .cloudblur-ceramic-media{border-radius:44px}}@keyframes home-front-card-enter-mobile{0%{opacity:0;transform:translate(-24px,30px) rotate(7deg) scale(.955)}to{opacity:1;transform:translate(-14px,18px) rotate(6deg) scale(1)}}.app-shell.blog-shell,html[data-theme=utopia-default] .app-shell.blog-shell{display:block;background:var(--background)}.app-shell.blog-shell .app-sidebar,.app-shell.blog-shell .app-sidebar.uds-side-nav,.app-shell.blog-shell .toc{display:none}.app-shell.blog-shell .app-main,.app-shell.blog-shell[dir=rtl] .app-main{inline-size:100%}.app-shell.blog-shell .content-frame,.app-shell.blog-shell .content-frame-wide{inline-size:100%;max-inline-size:none;padding:0}.topbar,html[data-theme=utopia-default] .app-shell:not(.home-shell) .topbar{min-block-size:60px}html[data-theme=utopia-default] .app-shell:not(.home-shell) .topbar-nav .uds-top-nav-item{min-block-size:60px}.app-shell.templates-shell,.app-shell.templates-shell[dir=rtl],.app-shell.templates-shell[data-sidebar-collapsed=true],.app-shell.templates-shell[dir=rtl][data-sidebar-collapsed=true]{display:block;min-block-size:100vh;background:var(--background)}.templates-shell .toc{display:none}@media(min-width:821px){.templates-shell .app-sidebar,.templates-shell .app-sidebar.uds-side-nav{display:none}}.templates-shell .app-main,.templates-shell[dir=rtl] .app-main{inline-size:100%;min-inline-size:0}.templates-shell .content-frame-wide{box-sizing:border-box;inline-size:min(100%,1240px);max-inline-size:none;margin-inline:auto;padding:clamp(var(--space-12),8vw,var(--space-16)) clamp(var(--space-4),5vw,var(--space-12)) var(--space-16)}.app-shell.themes-showcase-shell,.app-shell.themes-showcase-shell[dir=rtl],.app-shell.themes-showcase-shell[data-sidebar-collapsed=true],.app-shell.themes-showcase-shell[dir=rtl][data-sidebar-collapsed=true]{display:block;min-block-size:100vh;background:var(--background)}.themes-showcase-shell .app-sidebar,.themes-showcase-shell .app-sidebar.uds-side-nav,.themes-showcase-shell .toc{display:none}.themes-showcase-shell .app-main,.themes-showcase-shell[dir=rtl] .app-main{inline-size:100%;min-inline-size:0}.themes-showcase-shell .content-frame-wide,.brand-room-shell .content-frame-wide{box-sizing:border-box;inline-size:min(100%,1240px);max-inline-size:none;margin-inline:auto;padding:clamp(7.5rem,10vw,9rem) clamp(var(--space-4),5vw,var(--space-12)) var(--space-16)}.templates-shell .site-legal-footer{margin-block-start:var(--space-16)}.templates-shell .topbar-brand-mark{display:grid;inline-size:68px;block-size:30px;overflow:hidden;place-items:center}.templates-shell .topbar-brand-mark img{inline-size:100%;block-size:100%;object-fit:contain}.templates-astryx-page{gap:clamp(var(--space-8),7vw,var(--space-16));padding-block-end:10rem}.templates-astryx-hero{display:grid;justify-items:center;gap:var(--space-4);text-align:center}.templates-astryx-hero h1,.templates-astryx-hero p{margin:0}.templates-astryx-hero h1{color:var(--foreground);font-size:clamp(2.75rem,4vw,3rem);font-weight:var(--font-weight-strong);letter-spacing:-.045em;line-height:.95}.templates-astryx-hero p{max-inline-size:44rem;color:var(--foreground-muted);font-size:var(--font-size-body);line-height:var(--line-height-body);text-wrap:balance}.template-astryx-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1);margin-block-start:var(--space-3);overflow:visible;border:0;background:transparent}.template-astryx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);min-inline-size:0}.template-astryx-card{position:relative;min-inline-size:0;overflow:hidden;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-medium) var(--ease-standard),transform var(--duration-medium) var(--ease-standard)}.template-astryx-card:hover,.template-astryx-card:focus-within{border-color:var(--foreground-subtle);box-shadow:var(--shadow-surface);transform:translateY(-2px)}.template-astryx-card[data-selected=true]{border-color:var(--interaction-selection-border);box-shadow:0 0 0 var(--border-width-hairline) var(--interaction-selection-border)}.template-astryx-card__canvas{aspect-ratio:16 / 10;min-block-size:0;overflow:hidden;background:var(--background);direction:ltr;pointer-events:none}.template-astryx-card__canvas iframe{display:block;inline-size:300%;block-size:300%;border:0;background:var(--background);transform:scale(.333333);transform-origin:top left}.template-localized-preview{box-sizing:border-box;display:grid;align-content:center;gap:var(--space-3);block-size:100%;padding:clamp(var(--space-4),4vw,var(--space-8));background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,transparent),transparent 62%),var(--background);color:var(--foreground);text-align:start}.template-localized-preview>span{color:var(--primary);font-size:var(--font-size-supporting);font-weight:var(--font-weight-semibold)}.template-localized-preview>strong{font-size:clamp(1.2rem,3vw,2rem);line-height:1.1}.template-localized-preview>p{display:-webkit-box;overflow:hidden;margin:0;color:var(--foreground-muted);font-size:var(--font-size-small);line-height:var(--line-height-body);-webkit-box-orient:vertical;-webkit-line-clamp:3}.template-localized-preview>div{display:flex;flex-wrap:wrap;gap:var(--space-2)}.template-localized-preview small{border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-full);background:var(--surface);padding:var(--space-1) var(--space-2);color:var(--foreground-subtle)}.template-astryx-card__select{position:absolute;top:0;right:0;bottom:3.75rem;left:0;z-index:2;border:0;background:transparent;cursor:pointer}.template-astryx-card__select:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:calc(-1 * var(--focus-ring-width))}.template-astryx-card__label{display:grid;gap:var(--space-1);min-block-size:3.75rem;padding:var(--space-3) var(--space-4);border-block-start:var(--border-width-hairline) solid var(--border)}.template-astryx-card__label span{color:var(--foreground-subtle);font-size:var(--font-size-supporting)}.template-astryx-card__label strong{overflow:hidden;color:var(--foreground);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap}.template-astryx-presentation-preview{aspect-ratio:16 / 10;overflow:hidden;background:var(--surface)}.template-astryx-presentation-preview>img{display:block;inline-size:100%;block-size:100%;object-fit:cover;object-position:center}.template-live{box-sizing:border-box;display:grid;gap:var(--space-3);block-size:100%;min-inline-size:0;overflow:hidden;padding:var(--space-4);background:var(--background);color:var(--foreground);font-size:.68rem}.template-live :where(h2,p){margin:0}.template-live h2{font-size:clamp(1.05rem,2vw,1.6rem);line-height:1.02}.template-live p{color:var(--foreground-muted);line-height:1.5}.template-live small{color:var(--foreground-subtle)}.template-live>header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-inline-size:0}.template-live>header>div{min-inline-size:0}.template-live>header nav{display:flex;gap:var(--space-3);color:var(--foreground-muted)}.template-live .uds-button{min-block-size:1.75rem;padding-inline:var(--space-2);font-size:.62rem}.template-live .uds-card{min-inline-size:0}.template-live .uds-card-content{display:grid;gap:var(--space-1);padding:var(--space-3)}.template-live .uds-card-title{font-size:.75rem}.template-live .uds-badge{inline-size:fit-content}.template-live--website{grid-template-rows:auto 1fr auto}.template-live--website main{display:grid;align-content:center;justify-items:center;gap:var(--space-3);max-inline-size:28rem;margin-inline:auto;text-align:center}.template-live--website main h2{font-size:clamp(1.5rem,3vw,2.4rem);letter-spacing:-.04em}.template-live--website main>div{display:flex;gap:var(--space-2)}.template-live--website footer{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-3)}.template-live--lab{grid-template-rows:auto 1fr auto}.template-live__review{display:grid;grid-template-columns:1.1fr repeat(2,minmax(0,1fr));gap:var(--space-2)}.template-live__review .uds-card:first-child{grid-row:span 2}.template-live__review .uds-card-content span{color:var(--foreground-subtle)}.template-live__toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2)}.template-live__toolbar .uds-input{min-block-size:1.75rem;block-size:1.75rem;font-size:.65rem}.template-live__registry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.template-live__registry-grid strong{font-size:1.35rem}.template-live__registry-grid span{color:var(--foreground-subtle)}.template-live__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.template-live__metrics .uds-card-content{grid-template-columns:minmax(0,1fr) auto;align-items:end}.template-live__metrics small{grid-column:1 / -1}.template-live__metrics strong{font-size:1.25rem}.template-live__chart{display:flex;align-items:end;gap:var(--space-2);min-block-size:7rem;padding:var(--space-3);border:var(--border-width-hairline) solid var(--border)}.template-live__chart span{flex:1;min-block-size:18%;border-radius:var(--radius-control) var(--radius-control) 0 0;background:var(--primary);opacity:.78}.template-live__chart span:nth-child(2){min-block-size:42%}.template-live__chart span:nth-child(3){min-block-size:31%}.template-live__chart span:nth-child(4){min-block-size:68%}.template-live__chart span:nth-child(5){min-block-size:54%}.template-live__chart span:nth-child(6){min-block-size:84%}.template-live__chart span:nth-child(7){min-block-size:72%}.template-live--database .uds-table-container{min-block-size:0;overflow:hidden}.template-live--database :where(.uds-table-head,.uds-table-cell){padding:var(--space-2);font-size:.62rem}.template-live__week,.template-live__calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.template-live__week span{padding-block:var(--space-2);color:var(--foreground-subtle);text-align:center}.template-live__calendar-grid{flex:1;border-block-start:var(--border-width-hairline) solid var(--border);border-inline-start:var(--border-width-hairline) solid var(--border)}.template-live__calendar-grid span{position:relative;display:grid;place-items:center;min-block-size:2.1rem;border-block-end:var(--border-width-hairline) solid var(--border);border-inline-end:var(--border-width-hairline) solid var(--border)}.template-live__calendar-grid span[data-event=true]:after{position:absolute;inset-block-end:4px;inline-size:4px;block-size:4px;border-radius:var(--radius-full);background:var(--primary);content:""}.template-live__composer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.template-live__composer-grid .uds-card-content{grid-template-columns:auto minmax(0,1fr);align-items:center}.template-live__composer-grid svg{grid-row:span 2;inline-size:var(--icon-size-md);color:var(--primary)}.template-live__composer-grid strong{font-size:1.4rem}.template-live--story{grid-template-rows:auto 1fr}.template-live--story main{display:grid;grid-template-columns:minmax(7rem,.42fr) minmax(0,1fr);gap:var(--space-4);padding-block-start:var(--space-3);border-block-start:var(--border-width-hairline) solid var(--border)}.template-live--story aside{display:grid;align-content:start;gap:var(--space-2);color:var(--foreground-muted)}.template-live--story article{display:grid;align-content:start;gap:var(--space-3)}.template-live--story article .uds-card-content{grid-template-columns:auto minmax(0,1fr)}.template-live--story article .uds-card-content svg{grid-row:span 2;color:var(--primary)}.template-astryx-detail{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(var(--space-8),6vw,var(--space-16));align-items:start;padding-block-start:clamp(var(--space-8),7vw,var(--space-16));border-block-start:var(--border-width-hairline) solid var(--border);scroll-margin-block-start:var(--space-16)}.template-astryx-detail__intro{display:grid;gap:var(--space-4);max-inline-size:48rem}.template-astryx-detail__intro :where(p,h2){margin:0}.template-astryx-detail__intro>p{color:var(--foreground-subtle);font-size:var(--font-size-small);letter-spacing:.08em;text-transform:uppercase}.template-astryx-detail__intro h2{font-size:clamp(2.25rem,5vw,4.5rem);letter-spacing:-.05em;line-height:.95}.template-astryx-detail__intro>span{color:var(--foreground-muted);line-height:var(--line-height-body)}.template-astryx-detail__meta{display:flex;align-items:center;gap:var(--space-3);color:var(--foreground-subtle);font-size:var(--font-size-small)}.template-astryx-detail__action-anchor{inline-size:min(90rem,100%);min-block-size:10rem;margin-inline:auto}.presentation-builder{display:grid;gap:var(--space-6);min-inline-size:0;padding:clamp(var(--space-4),4vw,var(--space-8));border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--surface);box-shadow:var(--shadow-control)}.presentation-builder>header{display:flex;align-items:start;justify-content:space-between;gap:var(--space-4)}.presentation-builder>header>div{display:grid;gap:var(--space-1)}.presentation-builder>header :where(p,h3){margin:0}.presentation-builder>header p{color:var(--foreground-subtle);font-size:var(--font-size-supporting);letter-spacing:.08em;text-transform:uppercase}.presentation-builder>header h3{color:var(--foreground);font-size:clamp(1.5rem,3vw,2.5rem);letter-spacing:-.04em}.presentation-builder>header>svg{inline-size:clamp(2.25rem,4vw,3.5rem);block-size:auto;color:var(--primary);stroke-width:1.25}.presentation-builder__execution-note,.guide-execution-note{display:grid;gap:var(--space-2);min-inline-size:0;border:var(--border-width-hairline) solid var(--primary);border-radius:var(--radius-surface);background:color-mix(in srgb,var(--primary) 7%,var(--surface));padding:var(--space-4);color:var(--foreground-muted)}.presentation-builder__execution-note strong,.guide-execution-note strong{color:var(--foreground)}.presentation-builder__execution-note p,.guide-execution-note p{margin:0;line-height:var(--line-height-body)}.guide-execution-note{max-inline-size:60rem;margin-block-start:var(--space-4)}.presentation-builder__sources,.presentation-builder__brief{display:grid;gap:var(--space-3);min-inline-size:0}.presentation-builder__sources>strong,.presentation-builder__brief>span{color:var(--foreground);font-size:var(--font-size-small);font-weight:var(--font-weight-strong)}.presentation-builder__sources>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.presentation-builder__sources a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-1) var(--space-3);align-items:center;min-inline-size:0;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-control);padding:var(--space-3);color:var(--foreground);text-decoration:none}.presentation-builder__sources a:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,var(--surface))}.presentation-builder__sources a span{color:var(--foreground-subtle);font-size:var(--font-size-supporting)}.presentation-builder__sources a b{grid-column:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.presentation-builder__sources a svg{grid-column:2;grid-row:1 / span 2;inline-size:1rem}.presentation-builder__brief textarea{box-sizing:border-box;inline-size:100%;min-block-size:8.5rem;resize:vertical;border:var(--border-width-hairline) solid var(--input);border-radius:var(--radius-surface);background:var(--background);padding:var(--space-3);color:var(--foreground);font:inherit;line-height:var(--line-height-body)}.presentation-builder__brief textarea:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.presentation-builder__controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.presentation-builder__controls>label{display:grid;gap:var(--space-2);min-inline-size:0;color:var(--foreground-muted);font-size:var(--font-size-small)}.presentation-builder__controls .uds-select-trigger,.presentation-builder__controls input{inline-size:100%;min-block-size:var(--control-height-lg, 48px)}.presentation-builder__controls input{box-sizing:border-box;border:var(--border-width-hairline) solid var(--input);border-radius:var(--radius-control);background:var(--background);padding-inline:var(--space-3);color:var(--foreground);font:inherit}.presentation-builder__controls input::placeholder{color:var(--foreground-subtle)}.presentation-builder__controls input:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.presentation-builder__prompt{display:grid;gap:var(--space-3);min-inline-size:0;padding-block-start:var(--space-6);border-block-start:var(--border-width-hairline) solid var(--border);scroll-margin-block-start:calc(var(--space-16) + var(--space-8))}.presentation-builder__prompt details{display:grid;gap:var(--space-3)}.presentation-builder__prompt summary{display:flex;justify-content:space-between;gap:var(--space-3);cursor:pointer;color:var(--foreground);font-weight:var(--font-weight-strong)}.presentation-builder__prompt summary small{color:var(--foreground-subtle);font-family:var(--font-mono);font-weight:400;text-align:end}.presentation-builder__prompt details[open] summary{margin-block-end:var(--space-3)}.presentation-builder__prompt textarea{box-sizing:border-box;inline-size:100%;min-block-size:30rem;resize:vertical;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-surface);background:var(--background);padding:var(--space-4);color:var(--foreground-muted);font-family:var(--font-mono);font-size:var(--font-size-supporting);line-height:1.65;direction:ltr;unicode-bidi:plaintext;text-align:start;white-space:pre-wrap}.presentation-builder__prompt textarea:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.presentation-builder__prompt textarea[dir=rtl]{direction:rtl;font-family:var(--font-arabic-body);letter-spacing:normal}.presentation-builder__prompt footer{display:flex;flex-wrap:wrap;gap:var(--space-2)}.template-astryx-detail__action{position:fixed;z-index:44;inset-block-end:clamp(var(--space-3),3vw,var(--space-6));left:50%;isolation:isolate;inline-size:min(48rem,calc(100vw - (var(--space-4) * 2)));min-inline-size:0;overflow:hidden;border:var(--border-width-hairline) solid color-mix(in srgb,var(--surface-strong) 28%,transparent);border-radius:calc(var(--radius-surface) + var(--space-2));background:transparent;box-shadow:0 24px 68px color-mix(in srgb,var(--shadow-color, var(--foreground)) 12%,transparent),inset 5px 5px 16px color-mix(in srgb,var(--surface-strong) 12%,transparent);filter:blur(8px);padding:var(--space-4);opacity:0;pointer-events:none;scale:.985;translate:-50% var(--space-16);visibility:hidden;container-name:template-action;container-type:inline-size;transition:background-color var(--motion-duration-reveal) var(--motion-ease-emphasized),border-color var(--motion-duration-reveal) var(--motion-ease-emphasized),border-radius var(--motion-duration-reveal) var(--motion-ease-emphasized),backdrop-filter var(--motion-duration-reveal) var(--motion-ease-emphasized),box-shadow var(--motion-duration-reveal) var(--motion-ease-emphasized),filter var(--motion-duration-reveal) var(--motion-ease-emphasized),inline-size var(--motion-duration-reveal) var(--motion-ease-emphasized),opacity var(--motion-duration-reveal) var(--motion-ease-emphasized),padding var(--motion-duration-reveal) var(--motion-ease-emphasized),scale var(--motion-duration-icon) var(--motion-ease-emphasized),translate var(--motion-duration-icon) var(--motion-ease-emphasized),visibility 0s linear var(--motion-duration-icon);-webkit-backdrop-filter:blur(20px) saturate(1.04) brightness(1.04);backdrop-filter:blur(20px) saturate(1.04) brightness(1.04)}.template-astryx-detail__action[data-settled=true]{top:var(--template-action-anchor-top);inset-block-end:auto;inline-size:min(var(--template-action-anchor-width, 90rem),calc(100vw - (var(--space-8) * 2)));border-color:var(--border);border-radius:var(--radius-surface);background:color-mix(in srgb,var(--surface) 98%,transparent);box-shadow:none;padding:clamp(var(--space-4),2.5vw,var(--space-6));-webkit-backdrop-filter:none;backdrop-filter:none}.template-astryx-detail__action[data-visible=true]{filter:blur(0);opacity:1;pointer-events:auto;scale:1;translate:-50% 0;visibility:visible;transition-delay:0s}.template-astryx-detail__action[data-visible=true]:hover,.template-astryx-detail__action[data-visible=true]:focus-within{box-shadow:0 30px 82px color-mix(in srgb,var(--shadow-color, var(--foreground)) 20%,transparent),0 10px 26px color-mix(in srgb,var(--foreground) 9%,transparent),inset 5px 5px 16px color-mix(in srgb,var(--surface-strong) 12%,transparent);translate:-50% -3px}.template-astryx-detail__action[data-visible=true][data-settled=true]:hover,.template-astryx-detail__action[data-visible=true][data-settled=true]:focus-within{box-shadow:0 12px 28px color-mix(in srgb,var(--shadow-color, var(--foreground)) 10%,transparent);translate:-50% 0}.template-astryx-detail__action:after,.template-astryx-detail__glass{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.template-astryx-detail__action:after{z-index:-1;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-strong) 6%,transparent),transparent 34%,transparent 76%,color-mix(in srgb,var(--foreground) 4%,transparent));box-shadow:inset 3px 3px 10px color-mix(in srgb,var(--surface-strong) 10%,transparent);content:"";transition:opacity var(--motion-duration-reveal) var(--motion-ease-emphasized)}.template-astryx-detail__glass{z-index:-2;overflow:hidden;background:radial-gradient(circle at 18% 0%,color-mix(in srgb,var(--surface-strong) 16%,transparent),transparent 44%),color-mix(in srgb,var(--surface) 16%,transparent);transition:opacity var(--motion-duration-reveal) var(--motion-ease-emphasized)}.template-astryx-detail__action[data-settled=true]:after,.template-astryx-detail__action[data-settled=true] .template-astryx-detail__glass{opacity:0}.template-astryx-detail__action-header{position:relative;z-index:1;display:flex;align-items:start;justify-content:space-between;gap:var(--space-4);margin-block-end:var(--space-3)}.template-astryx-detail__action-header>div{display:grid;gap:2px;min-inline-size:0}.template-astryx-detail__action-header :where(p,h3){margin:0}.template-astryx-detail__action-header p{color:var(--foreground-subtle);font-size:var(--font-size-supporting)}.template-astryx-detail__action-header h3{color:var(--foreground);font-size:var(--font-size-body);line-height:1.25}.template-astryx-detail__action-header>.uds-badge{overflow:hidden;max-inline-size:15rem;text-overflow:ellipsis;white-space:nowrap}.template-astryx-detail__action-content{position:relative;z-index:1;display:grid;grid-template-columns:minmax(9.5rem,.42fr) minmax(0,1fr) auto;gap:var(--space-3);align-items:end}.template-astryx-detail__action-content--presentation .template-astryx-command svg{inline-size:var(--icon-size-sm);block-size:auto;color:var(--primary)}.template-astryx-detail__theme{display:grid;gap:var(--space-1);min-inline-size:0}.template-astryx-detail__theme label{color:var(--foreground-muted);font-size:var(--font-size-supporting)}.template-astryx-detail__theme .uds-select-trigger{inline-size:100%;min-inline-size:0;min-block-size:44px}.template-astryx-command{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-2);min-inline-size:0;min-block-size:42px;overflow:hidden;border:var(--border-width-hairline) solid var(--border);border-radius:var(--radius-control);background:color-mix(in srgb,var(--surface) 54%,transparent);padding-inline:var(--space-3);color:var(--foreground-muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.template-astryx-command>span{color:var(--foreground-subtle);font-family:var(--font-mono)}.template-astryx-command code{overflow:hidden;color:var(--foreground);font-family:var(--font-mono);font-size:var(--font-size-supporting);text-overflow:ellipsis;white-space:nowrap}.template-astryx-detail__actions{display:flex;flex-wrap:nowrap;gap:var(--space-2)}.template-astryx-detail__actions .uds-button{min-block-size:44px;border-radius:var(--radius-control);padding-inline:var(--space-4)}.template-astryx-detail__actions .uds-button:first-child{min-inline-size:10.75rem}.template-astryx-detail__actions .uds-button:last-child{min-inline-size:13.75rem}.template-astryx-detail__actions .uds-button-slot[data-slot=end]{display:inline-flex;inline-size:var(--icon-size-md);block-size:var(--icon-size-md);flex:0 0 var(--icon-size-md);align-items:center;justify-content:center}.template-astryx-detail__actions .uds-button-slot[data-slot=end]>svg{inline-size:100%;block-size:100%;stroke-width:1.75}@container template-action (max-width: 52rem){.template-astryx-detail__action-content{grid-template-columns:minmax(12rem,1fr) auto}.template-astryx-command{display:none}.template-astryx-detail__actions{display:grid;grid-template-columns:max-content max-content}}@media(max-width:820px){.templates-shell .content-frame-wide{padding-block-start:var(--space-16)}.template-astryx-grid,.template-astryx-detail{grid-template-columns:minmax(0,1fr)}.template-astryx-detail__action-content{grid-template-columns:minmax(9.5rem,.42fr) minmax(0,1fr)}.template-astryx-detail__actions{grid-column:1 / -1}.presentation-builder__controls{grid-template-columns:minmax(0,1fr)}}@media(max-width:520px){.templates-shell .content-frame-wide{padding-inline:var(--space-4)}.templates-astryx-page{gap:var(--space-8)}.templates-astryx-hero h1{font-size:clamp(2.75rem,13vw,3rem)}.templates-astryx-hero p{font-size:var(--font-size-body)}.template-astryx-filter{gap:0}.template-astryx-filter .uds-button{padding-inline:var(--space-3)}.template-live{padding:var(--space-3)}.template-live>header nav{display:none}.template-live__review{grid-template-columns:repeat(2,minmax(0,1fr))}.template-live__review .uds-card:first-child{grid-column:1 / -1;grid-row:auto}.template-live__registry-grid,.template-live__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.template-live__metrics .uds-card:last-child{display:none}.template-live--story main{grid-template-columns:minmax(0,1fr)}.template-live--story aside{display:none}.template-astryx-detail__action{padding:var(--space-3)}.template-astryx-detail__action[data-settled=true]{inline-size:calc(100vw - (var(--space-4) * 2));padding:var(--space-3)}.template-astryx-detail__action-anchor{min-block-size:20rem}.template-astryx-detail__action-header{align-items:center;gap:var(--space-2)}.template-astryx-detail__action-header>.uds-badge{max-inline-size:100%}.template-astryx-detail__action-content{grid-template-columns:minmax(0,1fr)}.template-astryx-command{display:none}.template-astryx-detail__actions{display:flex;grid-column:auto;flex-direction:column}.template-astryx-detail__actions .uds-button{inline-size:100%;min-inline-size:0}.presentation-builder{padding:var(--space-4)}.presentation-builder__sources>div{grid-template-columns:minmax(0,1fr)}.presentation-builder__prompt summary{align-items:start;flex-direction:column}.presentation-builder__prompt summary small{text-align:start}.presentation-builder__prompt textarea{min-block-size:38rem}.presentation-builder__prompt footer{flex-direction:column}.presentation-builder__prompt footer .uds-button{inline-size:100%}}@media(prefers-reduced-motion:reduce){.template-astryx-detail__action{filter:none;scale:1;transition:none}.template-astryx-detail__action:after,.template-astryx-detail__glass{transition:none}}@media(min-width:641px){.home-shell .topbar{min-block-size:60px;padding-inline:16px}.home-shell .topbar-brand-mark{inline-size:62px;block-size:28px}.home-shell .topbar-search{flex-basis:38px;inline-size:38px;block-size:38px;min-block-size:38px}.home-shell .locale-switch .uds-select-trigger{min-block-size:40px}}.app-account-dock>.utopia-account-control[data-state=unavailable]{inline-size:44px;block-size:44px;justify-content:center}@media(min-width:821px)and (max-width:1350px){.app-shell:not(.home-shell):not(.blog-shell) .topbar-search{inline-size:40px;min-inline-size:40px;justify-content:center;padding-inline:0}.app-shell:not(.home-shell):not(.blog-shell) .topbar-search span,.app-shell:not(.home-shell):not(.blog-shell) .topbar-search kbd{display:none}}@media(min-width:1201px){.app-shell:not(.home-shell):not(.blog-shell){grid-template-columns:260px minmax(0,1fr) 232px;grid-template-rows:56px minmax(0,1fr)}.app-shell:not(.home-shell):not(.blog-shell)[data-sidebar-collapsed=true]{grid-template-columns:64px minmax(0,1fr) 232px}.app-shell:not(.home-shell):not(.blog-shell) .topbar,html[data-theme=utopia-default] .app-shell:not(.home-shell):not(.blog-shell) .topbar{min-block-size:56px;padding-inline:16px}html[data-theme=utopia-default] .app-shell:not(.home-shell):not(.blog-shell) .topbar-nav .uds-top-nav-item{min-block-size:56px}.app-shell:not(.home-shell):not(.blog-shell) .toc{top:56px;display:grid;height:calc(100vh - 56px);padding:40px 24px}.app-shell:not(.home-shell):not(.blog-shell):not(.templates-shell):not(.themes-showcase-shell):not(.brand-room-shell) .content-frame{inline-size:100%;padding:64px 36px 96px}.component-doc-hero h1{font-size:42px;line-height:52px}}.shared-topbar-host{display:contents}@media(min-width:821px){.app-shell.shared-main-topbar-shell:not(.home-shell):not(.blog-shell),.app-shell.shared-main-topbar-shell:not(.home-shell):not(.blog-shell)[dir=rtl],.app-shell.shared-main-topbar-shell:not(.home-shell):not(.blog-shell)[data-sidebar-collapsed=true],.app-shell.shared-main-topbar-shell:not(.home-shell):not(.blog-shell)[dir=rtl][data-sidebar-collapsed=true]{grid-template-rows:104px minmax(0,1fr)}.app-shell.shared-main-topbar-shell .shared-topbar-host.home-shell .topbar,.app-shell.shared-main-topbar-shell[dir=rtl] .shared-topbar-host.home-shell .topbar{grid-column:1 / -1;grid-row:1;grid-template-columns:auto auto auto;min-block-size:60px;padding-inline:16px}.app-shell.shared-main-topbar-shell .app-sidebar,.app-shell.shared-main-topbar-shell .app-sidebar.uds-side-nav{top:104px;grid-row:2;height:calc(100vh - 120px);margin:8px 12px 16px;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface);padding:18px 12px 28px}.app-shell.shared-main-topbar-shell .app-sidebar-heading{display:none}.app-shell.shared-main-topbar-shell .app-main,.app-shell.shared-main-topbar-shell[dir=rtl] .app-main,.app-shell.shared-main-topbar-shell .toc{grid-row:2}.app-shell.shared-main-topbar-shell:not(.home-shell):not(.blog-shell) .toc{top:104px;height:calc(100vh - 104px)}.app-shell.shared-main-topbar-shell .shared-topbar-host.home-shell .topbar-nav.uds-top-nav-root{display:block}.app-shell.shared-main-topbar-shell .shared-topbar-host.home-shell .home-mobile-menu-trigger{display:none}.app-shell.shared-main-topbar-shell.templates-shell .content-frame-wide{padding-block-start:132px}}@media(max-width:820px){.shared-main-topbar-shell{grid-template-rows:minmax(0,1fr)}.app-shell.shared-main-topbar-shell .shared-topbar-host.home-shell .topbar{display:grid;right:max(12px,env(safe-area-inset-right));left:auto;grid-template-columns:48px;inline-size:48px;max-inline-size:48px;min-block-size:48px;border:0;background:transparent;box-shadow:none;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.app-shell.shared-main-topbar-shell .shared-topbar-host.home-shell .topbar-brand,.app-shell.shared-main-topbar-shell .shared-topbar-host.home-shell .topbar-nav,.app-shell.shared-main-topbar-shell .shared-topbar-host.home-shell .topbar-actions,.shared-main-topbar-shell .app-sidebar,.shared-main-topbar-shell .app-sidebar.uds-side-nav{display:none}.shared-main-topbar-shell[data-mobile-nav-open=true] .app-sidebar,.shared-main-topbar-shell[data-mobile-nav-open=true] .app-sidebar.uds-side-nav{display:flex}.shared-main-topbar-shell .app-main,.shared-main-topbar-shell[dir=rtl] .app-main{grid-row:1}.shared-main-topbar-shell .content-frame,.shared-main-topbar-shell.templates-shell .content-frame-wide{padding-block-start:112px}.app-shell.shared-main-topbar-shell .shared-topbar-host.home-shell .home-mobile-menu-trigger{position:relative;z-index:2;display:inline-grid;grid-column:1;place-items:center;inline-size:48px;block-size:48px;border:0;border-radius:50%;background:var(--home-topbar-control-bg);color:var(--home-topbar-control-fg)}}@media(max-width:640px){.shared-main-topbar-shell .content-frame,.shared-main-topbar-shell.templates-shell .content-frame-wide{padding-block-start:88px}.app-shell.shared-main-topbar-shell .shared-topbar-host.home-shell .topbar{grid-template-columns:44px;inline-size:44px;max-inline-size:44px;min-block-size:44px}.app-shell.shared-main-topbar-shell .shared-topbar-host.home-shell .home-mobile-menu-trigger{grid-column:1;inline-size:44px;block-size:44px}}.app-shell.brand-room-shell,.app-shell.brand-room-shell[dir=rtl],.app-shell.brand-room-shell[data-sidebar-collapsed=true],.app-shell.brand-room-shell[dir=rtl][data-sidebar-collapsed=true]{display:block;min-block-size:100dvh;background:var(--background);color:var(--foreground)}.app-shell.brand-room-shell[data-theme=utopia-default]{--background: var(--brand-room-background);--brand-panel-dark: var(--brand-room-background);--modal-surface: var(--brand-room-background);--popover-surface: var(--brand-room-background)}.brand-room-shell .app-sidebar,.brand-room-shell .app-sidebar.uds-side-nav,.brand-room-shell .toc{display:none}.brand-room-shell .app-main,.brand-room-shell[dir=rtl] .app-main{inline-size:100%;min-inline-size:0}.app-shell.studio-console-shell,.app-shell.studio-console-shell[dir=rtl],.app-shell.studio-console-shell[data-sidebar-collapsed=true],.app-shell.studio-console-shell[dir=rtl][data-sidebar-collapsed=true]{display:block;min-block-size:100dvh;background:var(--background)}.studio-console-shell .app-sidebar,.studio-console-shell .app-sidebar.uds-side-nav,.studio-console-shell .toc{display:none}.studio-console-shell .app-main,.studio-console-shell[dir=rtl] .app-main{inline-size:100%;min-inline-size:0}.studio-console-shell .content-frame-wide{box-sizing:border-box;inline-size:min(100%,1440px);max-inline-size:none;margin-inline:auto;padding:clamp(7.5rem,10vw,9rem) clamp(var(--space-4),5vw,var(--space-16)) var(--space-16)}.studio-console,.studio-console-gate{display:grid;gap:clamp(var(--space-8),4vw,var(--space-16));inline-size:100%;min-inline-size:0}.studio-console-gate{min-block-size:68dvh;align-content:center;max-inline-size:820px}.studio-console-gate>svg{inline-size:44px;block-size:44px;color:var(--primary);stroke-width:1.3}.studio-console-gate h1,.studio-console-gate p{margin:0}.studio-console-gate h1{font-family:var(--font-display);font-size:clamp(3rem,7vw,7rem);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-heading, -.04em);line-height:.92}.studio-console-gate p{max-inline-size:58ch;color:var(--foreground-muted);font-size:var(--font-size-body-lg);line-height:1.55}.studio-console__header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-8);align-items:end;padding-block-end:clamp(var(--space-8),5vw,var(--space-16));border-block-end:1px solid var(--border)}.studio-console__header>div{display:grid;gap:var(--space-4)}.studio-console__eyebrow{display:inline-flex;gap:var(--space-2);align-items:center;color:var(--primary);font-family:var(--font-mono);font-size:.75rem;font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-eyebrow, .12em);text-transform:uppercase}.studio-console__eyebrow svg{inline-size:16px;block-size:16px}.studio-console__header h1{max-inline-size:13ch;margin:0;font-family:var(--font-display);font-size:clamp(3.25rem,7vw,7.5rem);font-weight:var(--font-weight-regular);letter-spacing:var(--tracking-heading, -.055em);line-height:.9}.studio-console__header p{max-inline-size:68ch;margin:0;color:var(--foreground-muted);font-size:clamp(1rem,1.45vw,1.25rem);line-height:1.55}.studio-console__notice{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-3);align-items:start;margin-block-start:calc(-1*clamp(var(--space-4),2vw,var(--space-8)));border:1px solid var(--warning-border);background:var(--warning-surface);padding:var(--space-4)}.studio-console__notice>svg{inline-size:20px;block-size:20px;color:var(--warning-text)}.studio-console__notice>div{display:grid;gap:var(--space-1)}.studio-console__notice strong{color:var(--foreground);font-size:var(--font-size-small)}.studio-console__notice span{color:var(--foreground);font-size:var(--font-size-small);line-height:1.45}.studio-console__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block-start:1px solid var(--border);border-inline-start:1px solid var(--border)}.studio-console__metric.uds-card{border:0;border-inline-end:1px solid var(--border);border-block-end:1px solid var(--border);border-radius:0;background:transparent}.studio-console__metric-content{display:grid;gap:var(--space-6);min-block-size:172px}.studio-console__metric-content>div{display:flex;gap:var(--space-2);align-items:center;color:var(--foreground);font-size:var(--font-size-small)}.studio-console__metric svg{inline-size:17px;block-size:17px}.studio-console__metric-value{align-self:end;inline-size:100%;min-inline-size:2ch;margin-block-start:auto;font-family:var(--font-display);font-size:clamp(2.75rem,5vw,5rem);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-regular);line-height:.9;text-align:end}.studio-console__rooms,.studio-room-detail,.studio-room-detail__assets{display:grid;gap:var(--space-8);min-inline-size:0}.studio-console__section-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-8);align-items:end}.studio-console__section-heading>div:first-child,.studio-room-detail__assets>header>div,.studio-room-detail__overview section>header{display:flex;gap:var(--space-3);align-items:baseline}.studio-console__section-heading h2,.studio-room-detail__assets h3,.studio-room-detail__overview h3{margin:0;font-family:var(--font-display);font-size:clamp(1.75rem,3vw,3rem);font-weight:var(--font-weight-regular);letter-spacing:-.035em}.studio-console__search{position:relative;display:grid;align-items:center}.studio-console__search>svg{position:absolute;z-index:1;inset-inline-start:var(--space-3);inline-size:18px;block-size:18px;color:var(--foreground-muted);pointer-events:none}.studio-console__search .uds-input{padding-inline-start:calc(var(--space-3) + 18px + var(--space-2))}.studio-console__view-controls{display:grid;grid-template-columns:minmax(132px,160px) minmax(156px,190px) auto minmax(220px,320px);gap:var(--space-3);align-items:center}.studio-console__filter,.studio-console__filter .uds-native-select{min-inline-size:0;inline-size:100%}.studio-console__view-controls .uds-toggle-button-group{inline-size:max-content}.studio-console__view-controls .uds-toggle-button-group-item svg{inline-size:16px;block-size:16px}.studio-console__room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.studio-room-list{min-inline-size:0;overflow-x:auto;overscroll-behavior-inline:contain;touch-action:pan-x pan-y;border-block-start:1px solid var(--border)}.studio-room-list__header,.studio-room-list li{display:grid;grid-template-columns:minmax(200px,2fr) 100px minmax(120px,1fr) 64px 72px 96px 112px minmax(96px,auto);gap:var(--space-3);align-items:center}.studio-room-list__header{min-block-size:42px;padding-inline:var(--space-4);border-block-end:1px solid var(--border);color:var(--foreground-muted);font-size:var(--font-size-supporting)}.studio-room-list ul{display:grid;margin:0;padding:0;list-style:none}.studio-room-list li{min-block-size:82px;padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--border);transition:background-color var(--motion-duration-feedback) var(--motion-ease-standard)}@media(hover:hover)and (pointer:fine){.studio-room-list li:hover{background:var(--surface-hover)}}.studio-room-list__identity{display:grid;grid-template-columns:52px minmax(0,1fr);gap:var(--space-3);align-items:center;min-inline-size:0}.studio-room-list__identity>div{display:grid;inline-size:52px;block-size:52px;place-items:center;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-strong);overflow:hidden}.studio-room-list__identity img{inline-size:100%;block-size:100%;object-fit:cover}.studio-room-list__identity>div>span{color:var(--foreground-muted);font-family:var(--font-display)}.studio-room-list__identity>span{display:grid;gap:var(--space-1);min-inline-size:0}.studio-room-list__identity strong,.studio-room-list__identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-room-list__identity strong{font-size:var(--font-size-body)}.studio-room-list__identity small{color:var(--foreground-muted);font-size:var(--font-size-supporting)}.studio-room-list__cell{min-inline-size:0;font-variant-numeric:tabular-nums}.studio-room-list__label{display:none}.studio-room-list__cell>strong,.studio-room-list__cell>time{display:block;overflow:hidden;color:var(--foreground);font-size:var(--font-size-small);font-weight:var(--font-weight-regular);text-overflow:ellipsis;white-space:nowrap}.studio-room-list li>.uds-button{inline-size:100%;justify-content:space-between}@media(prefers-reduced-motion:reduce){.studio-room-list li{transition:none}}.studio-request-queue{display:grid;gap:var(--space-6);min-inline-size:0;padding-block-start:var(--space-8);border-block-start:1px solid var(--border)}.studio-request-queue>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-6);align-items:end}.studio-request-queue__intro{display:grid;gap:var(--space-2)}.studio-request-queue h2{margin:0;font-family:var(--font-display);font-size:clamp(1.75rem,3vw,3rem);font-weight:var(--font-weight-regular);letter-spacing:-.035em}.studio-request-queue>header p{max-inline-size:58ch;margin:0;color:var(--foreground-muted);line-height:1.5}.studio-request-queue>header .uds-toggle-button-group{max-inline-size:100%;overflow-x:auto}.studio-request-queue ul{display:grid;min-inline-size:0;overflow-x:auto;overscroll-behavior-inline:contain;margin:0;padding:0;border-block-start:1px solid var(--border);list-style:none}.studio-request-queue li{display:grid;grid-template-columns:minmax(240px,2fr) minmax(140px,1fr) minmax(120px,.8fr) 112px auto minmax(124px,auto);gap:var(--space-4);align-items:center;min-inline-size:0;min-block-size:104px;padding:var(--space-4);border-block-end:1px solid var(--border)}.studio-request-row__summary,.studio-request-row__meta{display:grid;gap:var(--space-1);min-inline-size:0}.studio-request-row__summary>span,.studio-request-row__meta>span{color:var(--foreground-muted);font-size:var(--font-size-supporting)}.studio-request-row__summary>span{font-family:var(--font-mono);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.studio-request-row__summary>strong{font-size:var(--font-size-body)}.studio-request-row__summary>small{color:var(--foreground-muted);font-size:var(--font-size-small);line-height:1.5}.studio-request-row__meta>strong,.studio-request-row__meta>time{overflow:hidden;font-size:var(--font-size-small);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-regular);text-overflow:ellipsis;white-space:nowrap}.studio-request-row__badges{display:flex;flex-wrap:wrap;gap:var(--space-1)}.studio-request-queue li>.uds-button{inline-size:100%;justify-content:space-between}.studio-room-card.uds-card{min-inline-size:0;border-radius:var(--radius-surface);background:var(--surface);padding:0;overflow:hidden}.studio-room-card__media{position:relative;display:grid;min-block-size:220px;place-items:center;border-block-end:1px solid var(--border);background:var(--surface-strong);overflow:hidden}.studio-room-card__media>img{inline-size:100%;block-size:220px;object-fit:cover}.studio-room-card__media>span:not(.uds-badge){color:var(--foreground-subtle);font-family:var(--font-display);font-size:4rem}.studio-room-card__media>.uds-badge{position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-3);background:var(--background)}.studio-room-card__body{display:grid;gap:var(--space-5);padding:var(--space-5)}.studio-room-card__body>div:first-child{display:grid;gap:var(--space-2)}.studio-room-card__body>div:first-child>span,.studio-room-detail__title>div:last-child>span,.studio-asset-grid article>div:last-child>span,.studio-preview-sheet__hero>span{color:var(--primary);font-family:var(--font-mono);font-size:var(--font-size-supporting);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.studio-room-card h3{margin:0;font-family:var(--font-display);font-size:1.75rem;font-weight:var(--font-weight-regular);letter-spacing:-.025em}.studio-room-card p{min-block-size:3em;margin:0;color:var(--foreground-muted);font-size:var(--font-size-small);line-height:1.5}.studio-room-card dl,.studio-room-detail__overview dl{display:grid;margin:0;border-block-start:1px solid var(--border)}.studio-room-card dl div,.studio-room-detail__overview dl div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);padding-block:var(--space-2);border-block-end:1px solid var(--border)}.studio-room-card dt,.studio-room-detail__overview dt{color:var(--foreground-muted);font-size:var(--font-size-supporting)}.studio-room-card dd,.studio-room-detail__overview dd{margin:0;color:var(--foreground);font-size:var(--font-size-supporting);text-align:end}.studio-room-card .uds-button{inline-size:100%;justify-content:space-between}.studio-console__empty{display:grid;gap:var(--space-3);min-block-size:220px;place-items:center;align-content:center;border:1px dashed var(--border);color:var(--foreground-muted);padding:var(--space-8);text-align:center}.studio-console__empty svg{inline-size:32px;block-size:32px;stroke-width:1.2}.studio-console__empty p{margin:0}.studio-room-detail__header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-8);align-items:end;padding-block-end:var(--space-8);border-block-end:1px solid var(--border)}.studio-room-detail__back{grid-column:1 / -1;display:inline-flex;gap:var(--space-2);align-items:center;inline-size:fit-content;border:0;background:transparent;color:var(--foreground-muted);padding:0;font:inherit;font-size:var(--font-size-small);cursor:pointer}@media(hover:hover)and (pointer:fine){.studio-room-detail__back:hover{color:var(--foreground)}}.studio-room-detail__back:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.studio-room-detail__back svg{inline-size:16px;block-size:16px}[dir=rtl] .studio-room-detail__back svg{transform:scaleX(-1)}.studio-room-detail__title{display:grid;grid-template-columns:112px minmax(0,1fr);gap:var(--space-5);align-items:center}.studio-room-detail__title>div:first-child{display:grid;inline-size:112px;block-size:112px;place-items:center;border:1px solid var(--border);background:var(--surface);overflow:hidden}.studio-room-detail__title img{inline-size:100%;block-size:100%;object-fit:cover}.studio-room-detail__title>div:first-child span{font-family:var(--font-display);font-size:2rem}.studio-room-detail__title>div:last-child{display:grid;gap:var(--space-2)}.studio-room-detail__title h2{margin:0;font-family:var(--font-display);font-size:clamp(2.5rem,5vw,5rem);font-weight:var(--font-weight-regular);letter-spacing:-.05em;line-height:1}.studio-room-detail__title p{max-inline-size:56ch;margin:0;color:var(--foreground-muted);line-height:1.5}.studio-room-detail__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.studio-room-detail__tabs{display:flex;gap:var(--space-1);inline-size:fit-content;max-inline-size:100%;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);padding:var(--space-1);overflow-x:auto;scrollbar-width:thin}.studio-room-detail__tabs button{display:inline-flex;flex:0 0 auto;gap:var(--space-2);align-items:center;justify-content:center;min-block-size:42px;border:0;border-radius:calc(var(--radius-control) - var(--space-1));background:transparent;color:var(--foreground-muted);padding-inline:var(--space-3);font:inherit;font-size:var(--font-size-small);font-weight:var(--font-weight-regular);cursor:pointer;transition:background-color var(--motion-duration-feedback) var(--motion-ease-standard),border-color var(--motion-duration-feedback) var(--motion-ease-standard),color var(--motion-duration-feedback) var(--motion-ease-standard)}.studio-room-detail__tabs button>svg{flex:0 0 auto;inline-size:17px;block-size:17px}.studio-room-detail__tab-count{min-inline-size:1.5rem;border-radius:var(--radius-round);background:var(--surface-strong);padding:1px var(--space-2);font-size:var(--font-size-supporting);font-variant-numeric:tabular-nums;text-align:center}.studio-room-detail [role=tabpanel][hidden]{display:none}@media(hover:hover)and (pointer:fine){.studio-room-detail__tabs button:hover{background:var(--surface-hover);color:var(--foreground)}}.studio-room-detail__tabs button[aria-selected=true]{background:var(--foreground);color:var(--background)}.studio-room-detail__tabs button[aria-selected=true] .studio-room-detail__tab-count{background:color-mix(in srgb,var(--background) 18%,transparent);color:inherit}.studio-room-detail__tabs button:focus-visible{outline:none;box-shadow:inset 0 0 0 var(--focus-ring-width) var(--ring)}.studio-room-detail__tabs button[aria-selected=true]:focus-visible{box-shadow:inset 0 0 0 var(--focus-ring-width) var(--background)}@media(prefers-reduced-motion:reduce){.studio-room-detail__tabs button{transition:none}}.studio-room-detail__overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8)}.studio-room-detail__overview section{display:grid;align-content:start;gap:var(--space-5);min-inline-size:0}.studio-room-detail__overview ul{display:grid;margin:0;padding:0;list-style:none}.studio-room-detail__overview li{display:flex;gap:var(--space-3);align-items:center;min-block-size:54px;border-block-end:1px solid var(--border);color:var(--foreground-muted)}.studio-room-detail__overview li svg{inline-size:19px;block-size:19px}.studio-room-detail__overview li>.uds-badge{margin-inline-start:auto}.studio-room-detail__overview li[data-ready=true]{color:var(--foreground)}.studio-room-detail__overview li[data-ready=true] svg{color:var(--success-text)}.studio-room-detail__system{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-6);align-items:center;border:1px solid var(--border);background:var(--surface);padding:clamp(var(--space-5),4vw,var(--space-8))}.studio-room-detail__system>svg{inline-size:40px;block-size:40px;color:var(--primary);stroke-width:1.3}.studio-room-detail__system>div{display:grid;gap:var(--space-2)}.studio-room-detail__system h3{margin:0;font-family:var(--font-display);font-size:clamp(2rem,4vw,4rem);font-weight:var(--font-weight-regular)}.studio-room-detail__system span{color:var(--foreground-muted);font-family:var(--font-mono);font-size:var(--font-size-supporting);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.studio-room-detail__system p{margin:0;color:var(--foreground-muted)}.studio-room-detail__people{display:grid;gap:var(--space-5);min-inline-size:0}.studio-room-detail__people>header{display:grid;gap:var(--space-2)}.studio-room-detail__people>header>div{display:flex;gap:var(--space-3);align-items:center}.studio-room-detail__people h3{margin:0;font-family:var(--font-display);font-size:clamp(1.75rem,3vw,3rem);font-weight:var(--font-weight-regular);letter-spacing:-.035em}.studio-room-detail__people>header p{max-inline-size:60ch;margin:0;color:var(--foreground-muted);line-height:1.5}.studio-room-detail__people ul{display:grid;margin:0;padding:0;border-block-start:1px solid var(--border);list-style:none}.studio-room-detail__people li{display:grid;grid-template-columns:48px minmax(180px,1.6fr) minmax(170px,1fr) minmax(130px,.75fr);gap:var(--space-4);align-items:center;min-inline-size:0;min-block-size:78px;border-block-end:1px solid var(--border);padding:var(--space-3)}.studio-member__avatar{display:grid;inline-size:48px;block-size:48px;place-items:center;border:1px solid var(--border);border-radius:var(--radius-round);background:var(--surface-strong);color:var(--foreground);font-family:var(--font-display);font-size:var(--font-size-small)}.studio-member__identity,.studio-member__role,.studio-member__activity{display:grid;gap:var(--space-1);min-inline-size:0}.studio-member__identity>strong,.studio-member__identity>a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-member__identity>a{color:var(--foreground-muted);font-size:var(--font-size-small);text-decoration:underline;text-underline-offset:.18em}.studio-member__identity>a:hover{color:var(--foreground);text-decoration:underline}.studio-member__identity>a:focus-visible{outline:var(--focus-ring-width) solid var(--ring);outline-offset:var(--focus-ring-offset)}.studio-member__role{grid-template-columns:minmax(0,1fr) auto;align-items:center}.studio-member__role>span,.studio-member__activity>span{color:var(--foreground-muted);font-size:var(--font-size-supporting)}.studio-member__activity>strong{font-size:var(--font-size-small);font-weight:var(--font-weight-regular)}.studio-room-detail__assets>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-6);align-items:end}.studio-room-detail__assets>header>div{flex-wrap:wrap}.studio-room-detail__assets>header p{flex-basis:100%;max-inline-size:60ch;margin:0;color:var(--foreground-muted);line-height:1.5}.studio-asset-controls{display:grid;grid-template-columns:minmax(220px,360px) minmax(150px,190px);gap:var(--space-3);justify-content:end}.studio-asset-controls .studio-console__filter,.studio-asset-controls .uds-native-select{inline-size:100%;min-inline-size:0}.studio-git-assets{display:grid;gap:var(--space-5);min-inline-size:0;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface);padding:var(--space-5)}.studio-git-assets>header{display:flex;gap:var(--space-4);align-items:flex-start;justify-content:space-between}.studio-git-assets>header>div:first-child{display:grid;gap:var(--space-2);min-inline-size:0}.studio-git-assets>header>div:first-child>span{display:inline-flex;gap:var(--space-2);align-items:center;color:var(--foreground-muted);font-size:var(--font-size-small)}.studio-git-assets>header>div:first-child>span svg,.studio-git-assets--connect>header>svg{flex:0 0 auto;inline-size:20px;block-size:20px}.studio-git-assets>header h4,.studio-git-assets>header p{margin:0}.studio-git-assets>header code{max-inline-size:min(70vw,72ch);overflow:hidden;color:var(--foreground-muted);font-size:var(--font-size-supporting);text-overflow:ellipsis;white-space:nowrap}.studio-git-assets>header>div:last-child{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:var(--space-2)}.studio-git-assets--connect>header{justify-content:flex-start}.studio-git-assets--connect>header>div{display:grid;gap:var(--space-1)}.studio-git-assets--connect form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:end}.studio-git-assets>dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-block:1px solid var(--border)}.studio-git-assets>dl>div{display:grid;gap:var(--space-1);min-inline-size:0;padding:var(--space-3)}.studio-git-assets>dl dt{color:var(--foreground-muted);font-size:var(--font-size-supporting)}.studio-git-assets>dl dd{min-inline-size:0;margin:0;overflow:hidden;font-size:var(--font-size-small);text-overflow:ellipsis;white-space:nowrap}.studio-git-assets__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:var(--space-3)}.studio-git-assets__grid article{display:grid;min-inline-size:0;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface-strong);overflow:hidden}.studio-git-assets__grid article>img{inline-size:100%;aspect-ratio:16 / 10;background:var(--background);object-fit:contain}.studio-git-assets__grid article>div{display:grid;gap:var(--space-2);min-inline-size:0;padding:var(--space-3)}.studio-git-assets__grid article strong,.studio-git-assets__grid article code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-git-assets__grid article code,.studio-git-assets__grid article span{color:var(--foreground-muted);font-size:var(--font-size-supporting)}.studio-git-assets__error{margin:0;color:var(--destructive);font-size:var(--font-size-small)}.studio-git-assets__empty,.studio-git-assets__truncated{margin:0;color:var(--foreground-muted);font-size:var(--font-size-small)}.studio-asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.studio-asset-grid article{display:grid;min-inline-size:0;border:1px solid var(--border);background:var(--surface)}.studio-asset-grid__preview{display:grid;min-block-size:180px;place-items:center;border-block-end:1px solid var(--border);background:var(--surface-strong);overflow:hidden}.studio-asset-grid__preview img{inline-size:100%;block-size:180px;object-fit:contain}.studio-asset-grid__preview svg{inline-size:38px;block-size:38px;color:var(--foreground-subtle);stroke-width:1.2}.studio-asset-grid article>div:last-child{display:grid;gap:var(--space-2);padding:var(--space-4)}.studio-asset-grid h4{margin:0;font-size:1rem}.studio-asset-grid p{min-block-size:2.8em;margin:0;color:var(--foreground-muted);font-size:var(--font-size-small);line-height:1.4}.studio-asset-grid .uds-badge{inline-size:fit-content}.studio-asset-grid__footer{display:flex;gap:var(--space-2);align-items:center;justify-content:space-between;margin-block-start:var(--space-2)}.uds-sheet-content.studio-console-sheet,.uds-sheet-content.studio-preview-sheet,.uds-sheet-content.studio-request-sheet,.uds-sheet-content.studio-asset-sheet{inline-size:min(100%,620px);max-inline-size:100%;background:var(--modal-surface)}.studio-asset-sheet{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--space-6);overflow-y:auto;overscroll-behavior:contain}.studio-asset-sheet__body{display:grid;align-content:start;gap:var(--space-5);min-inline-size:0}.studio-asset-sheet__preview{display:grid;min-block-size:240px;place-items:center;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface-strong);overflow:hidden}.studio-asset-sheet__preview img{inline-size:100%;max-block-size:360px;object-fit:contain}.studio-asset-sheet__preview svg{inline-size:48px;block-size:48px;color:var(--foreground-subtle);stroke-width:1.2}.studio-asset-sheet__status{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.studio-asset-sheet__status>span{color:var(--foreground-muted);font-family:var(--font-mono);font-size:var(--font-size-supporting);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.studio-asset-sheet__body section{display:grid;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface);padding:var(--space-4)}.studio-asset-sheet__body h3,.studio-asset-sheet__body p{margin:0}.studio-asset-sheet__body h3{font-size:var(--font-size-small)}.studio-asset-sheet__body p{color:var(--foreground-muted);line-height:1.5}.studio-asset-sheet__metadata>header{display:flex;gap:var(--space-3);align-items:center;justify-content:space-between}.studio-asset-sheet__metadata form{display:grid;gap:var(--space-4)}.studio-asset-sheet__metadata form>div:last-child{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.studio-asset-sheet__body dl{display:grid;margin:0;border-block-start:1px solid var(--border)}.studio-asset-sheet__body dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--space-4);padding-block:var(--space-3);border-block-end:1px solid var(--border)}.studio-asset-sheet__body dt{color:var(--foreground-muted);font-size:var(--font-size-small)}.studio-asset-sheet__body dd{min-inline-size:0;margin:0;overflow-wrap:anywhere;font-size:var(--font-size-small);text-align:end}.studio-asset-sheet__replace{border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface);padding:var(--space-4)}.studio-asset-sheet__versions ol{display:grid;gap:0;margin:0;padding:0;list-style:none}.studio-asset-sheet__versions li{display:flex;gap:var(--space-4);align-items:center;justify-content:space-between;padding-block:var(--space-3);border-block-start:1px solid var(--border)}.studio-asset-sheet__versions li>div{display:grid;gap:var(--space-1);min-inline-size:0}.studio-asset-sheet__versions li>div:last-child{justify-items:end}.studio-asset-sheet__versions li strong,.studio-asset-sheet__versions li span{overflow-wrap:anywhere;font-size:var(--font-size-small)}.studio-asset-sheet__versions li span{color:var(--foreground-muted)}.studio-asset-sheet__delete{margin-inline-start:auto}.studio-request-sheet{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--space-6);overflow-y:auto;overscroll-behavior:contain}.studio-request-sheet__eyebrow{color:var(--primary);font-family:var(--font-mono);font-size:var(--font-size-supporting);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.studio-request-sheet__body{display:grid;align-content:start;gap:var(--space-6)}.studio-request-sheet__status{display:flex;flex-wrap:wrap;gap:var(--space-2)}.studio-request-sheet__body section{display:grid;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface);padding:var(--space-5)}.studio-request-sheet__body h3{margin:0;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.studio-request-sheet__body p{margin:0;color:var(--foreground-muted);line-height:var(--line-height-body)}.studio-request-sheet__body dl{display:grid;margin:0;border-block-start:1px solid var(--border)}.studio-request-sheet__body dl>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);padding-block:var(--space-3);border-block-end:1px solid var(--border)}.studio-request-sheet__body dt{color:var(--foreground-muted);font-size:var(--font-size-small)}.studio-request-sheet__body dd{margin:0;font-size:var(--font-size-small);text-align:end}.studio-request-sheet__body time{font-variant-numeric:tabular-nums}.studio-request-sheet__confirmation{display:grid;gap:var(--space-3);inline-size:100%}.studio-request-sheet__confirmation>strong{font-size:var(--font-size-small)}.studio-request-sheet__confirmation>p{margin:0;color:var(--foreground-muted);font-size:var(--font-size-small);line-height:var(--line-height-body)}.studio-request-sheet__confirmation>div{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.studio-console-sheet form{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--space-6);min-block-size:100%}.studio-console-sheet__fields{display:grid;gap:var(--space-5);align-content:start;overflow-y:auto;overscroll-behavior:contain;padding-block:var(--space-2);padding-inline:calc(var(--focus-ring-width) + var(--focus-ring-offset))}.studio-console-sheet__fields .uds-field{min-inline-size:0}.studio-console-sheet__fields .uds-input,.studio-console-sheet__fields .uds-textarea,.studio-console-sheet__fields .uds-native-select{inline-size:100%}.studio-console-sheet__error{margin:0;color:var(--destructive-text);font-size:var(--font-size-small);line-height:1.4}.studio-console-sheet .uds-dialog-footer{margin-block-start:auto}.studio-preview-sheet{display:grid;align-content:start;gap:var(--space-6);overflow-y:auto;overscroll-behavior:contain}.studio-preview-sheet__hero{display:grid;gap:var(--space-3)}.studio-preview-sheet__hero>img{inline-size:100%;aspect-ratio:16 / 9;border:1px solid var(--border);object-fit:cover}.studio-preview-sheet__hero h2{margin:0;font-family:var(--font-display);font-size:clamp(2.5rem,7vw,4.5rem);font-weight:var(--font-weight-regular);letter-spacing:-.02em;line-height:1.15}.studio-preview-sheet__hero p{margin:0;color:var(--foreground-muted);line-height:1.5}.studio-preview-sheet>section{display:grid;gap:var(--space-4)}.studio-preview-sheet>section>header{display:flex;justify-content:space-between;align-items:center;border-block-end:1px solid var(--border);padding-block-end:var(--space-3)}.studio-preview-sheet>section h3{margin:0;font-size:1rem}.studio-preview-sheet>section>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.studio-preview-sheet>section article{display:grid;gap:var(--space-2);min-inline-size:0;border:1px solid var(--border);padding:var(--space-3)}.studio-preview-sheet>section article img{inline-size:100%;aspect-ratio:4 / 3;object-fit:contain;background:var(--surface)}.studio-preview-sheet>section article svg{inline-size:32px;block-size:32px;margin-block:var(--space-8);color:var(--foreground-muted)}.studio-preview-sheet>section article strong{font-size:var(--font-size-small)}.studio-preview-sheet>section article span{color:var(--foreground-muted);font-family:var(--font-mono);font-size:var(--font-size-supporting);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}@media(max-width:1000px){.studio-console__section-heading{grid-template-columns:minmax(0,1fr);align-items:start}.studio-console__view-controls{grid-template-columns:repeat(2,minmax(0,1fr));inline-size:100%}.studio-console__view-controls .uds-toggle-button-group{align-self:center}.studio-request-queue>header{grid-template-columns:minmax(0,1fr);align-items:start}.studio-request-queue li{grid-template-columns:repeat(2,minmax(0,1fr));min-block-size:0;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface)}.studio-request-queue ul{gap:var(--space-3);border-block-start:0}.studio-request-row__summary{grid-column:1 / -1}.studio-request-row__badges{align-self:end}.studio-request-queue li>.uds-button{align-self:end}.studio-console__room-grid,.studio-asset-grid,.studio-console__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-room-detail__header{grid-template-columns:minmax(0,1fr)}.studio-room-detail__actions{grid-column:1}}@media(max-width:1000px){.studio-room-list{border-block-start:0}.studio-room-list__header{display:none}.studio-room-list ul{gap:var(--space-3)}.studio-room-list li{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);min-block-size:0;border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface);padding:var(--space-4)}.studio-room-list__identity{grid-column:1 / -1}.studio-room-list__cell{display:grid;gap:var(--space-1)}.studio-room-list__label{display:block;color:var(--foreground-muted);font-size:var(--font-size-supporting)}.studio-room-list li>.uds-button{grid-column:1 / -1}.studio-room-detail__people ul{gap:var(--space-3);border-block-start:0}.studio-room-detail__people li{grid-template-columns:48px minmax(0,1fr);border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--surface)}.studio-member__role,.studio-member__activity{grid-column:2}}@media(max-width:640px){.studio-console-shell .content-frame-wide{padding:88px var(--space-4) var(--space-16)}.studio-console__header,.studio-console__section-heading,.studio-room-detail__assets>header{grid-template-columns:minmax(0,1fr)}.studio-console__header>.uds-button,.studio-room-detail__actions,.studio-room-detail__actions>.uds-button,.studio-room-detail__assets>header>.uds-button{inline-size:100%}.studio-room-detail__actions>.uds-button,.studio-room-detail__assets>header>.uds-button{justify-content:center}.studio-console__view-controls{grid-template-columns:minmax(0,1fr);inline-size:100%}.studio-console__view-controls .uds-toggle-button-group{inline-size:max-content}.studio-console__search{inline-size:100%}.studio-console__room-grid,.studio-room-detail__overview,.studio-asset-grid{grid-template-columns:minmax(0,1fr)}.studio-asset-controls{grid-template-columns:minmax(0,1fr);justify-content:stretch}.studio-git-assets{padding:var(--space-4)}.studio-git-assets>header,.studio-git-assets--connect form{grid-template-columns:minmax(0,1fr);flex-direction:column}.studio-git-assets>header>div:last-child,.studio-git-assets--connect form>.uds-button{inline-size:100%}.studio-git-assets>header>div:last-child>.uds-button{flex:1 1 auto;justify-content:center}.studio-git-assets>dl{grid-template-columns:minmax(0,1fr)}.studio-git-assets>dl>div+div{border-block-start:1px solid var(--border)}.studio-console__metric.uds-card{min-block-size:118px}.studio-room-card__media,.studio-room-card__media>img{block-size:190px;min-block-size:190px}.studio-room-detail__title{grid-template-columns:72px minmax(0,1fr)}.studio-room-detail__title>div:first-child{inline-size:72px;block-size:72px}.studio-room-detail__system{grid-template-columns:auto minmax(0,1fr)}.studio-room-detail__system>.uds-button{grid-column:1 / -1;inline-size:100%;justify-content:center}.uds-sheet-content.studio-console-sheet,.uds-sheet-content.studio-preview-sheet,.uds-sheet-content.studio-request-sheet,.uds-sheet-content.studio-asset-sheet{inline-size:100%}.studio-request-queue li{grid-template-columns:minmax(0,1fr)}.studio-request-row__summary{grid-column:1}.studio-request-sheet__body dl>div{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}.studio-request-sheet__body dd{text-align:start}}@media(max-width:640px){.themes-showcase-shell .content-frame-wide,.brand-room-shell .content-frame-wide{padding:88px var(--space-4) var(--space-16)}.theme-semantic-contract>summary,.theme-semantic-contract__body{padding-inline:var(--space-4)}.brand-room__hero-actions{display:grid;grid-template-columns:minmax(0,1fr);inline-size:100%;max-inline-size:100%}.brand-room__hero-actions>.uds-button{inline-size:100%;max-inline-size:100%;min-block-size:var(--button-height);justify-content:center}.brand-spec__hero{min-block-size:0;padding:0 0 var(--space-8)}.brand-spec__back{margin-block-end:var(--space-4)}.brand-spec__section{padding:var(--space-8) 0}}@media(min-width:1201px){.app-shell.templates-shell,.app-shell.templates-shell[dir=rtl],.app-shell.templates-shell[data-sidebar-collapsed=true],.app-shell.templates-shell[dir=rtl][data-sidebar-collapsed=true]{display:block}.app-shell.templates-shell .content-frame-wide{inline-size:min(100%,1240px);padding-inline:clamp(var(--space-4),5vw,var(--space-12))}}@media(min-width:821px){html body .app-shell.logo-guide-shell.shared-main-topbar-shell .app-main>.content-frame.content-frame-wide{padding-block-start:var(--space-6)!important}}.app-shell[dir=rtl]>.app-account-dock{right:auto;left:20px}@media(max-width:820px){.app-shell[dir=rtl]>.app-account-dock{right:auto;left:12px}}@media(min-width:900px)and (max-width:1200px){.app-shell:not(.home-shell):not(.blog-shell) .topbar[data-navigation-layout=desktop]{grid-template-columns:minmax(0,1fr) auto}.app-shell:not(.home-shell):not(.blog-shell) .topbar[data-navigation-layout=desktop] .topbar-nav.uds-top-nav-root{display:flex;grid-column:1;grid-row:1;min-inline-size:0;justify-self:start}.app-shell:not(.home-shell):not(.blog-shell) .topbar[data-navigation-layout=desktop] .topbar-nav .uds-top-nav{gap:var(--space-1)}.app-shell:not(.home-shell):not(.blog-shell) .topbar[data-navigation-layout=desktop] .topbar-nav .uds-top-nav-item{padding-inline:var(--space-2)}.app-shell:not(.home-shell):not(.blog-shell) .topbar[data-navigation-layout=desktop] .topbar-actions{grid-column:2;grid-row:1;justify-self:end}.app-shell:not(.home-shell):not(.blog-shell) .topbar[data-navigation-layout=desktop] .home-mobile-menu-trigger{display:none}}
