.system-state{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-base);display:flex;align-items:center;justify-content:center;padding:var(--space-6);overflow:auto;background:var(--color-bg-surface);color:var(--color-text-primary);font-family:var(--font-family-ui);text-align:center}.system-state,.system-state *{box-sizing:border-box}.system-state-content{--system-state-width: 270px;--system-state-action-width: 100%;--system-state-copy-gap: 18px;--system-state-action-gap: 64px;display:flex;width:min(100%,var(--system-state-width));flex-direction:column;align-items:center}.system-state-logo{display:block;width:61px;height:61px;flex:none}.system-state-copy{width:100%;margin-top:var(--system-state-copy-gap)}.system-state-title,.system-state-description{margin:0;font-weight:var(--font-weight-regular)}.system-state-title{color:var(--color-text-strong);font-size:32px;line-height:1.2}.system-state-description{margin-top:var(--space-2);color:var(--color-text-strong);font-size:var(--font-size-18);line-height:1.45}.system-state-action{display:flex;width:min(100%,var(--system-state-action-width));height:37px;flex:none;align-items:center;justify-content:space-between;margin-top:var(--system-state-action-gap);padding:0 var(--space-3);border:0;border-radius:var(--radius-1);background:var(--color-text-primary);color:var(--color-text-inverse);font-family:inherit;font-size:var(--font-size-14);line-height:1;text-align:left;text-decoration:none;cursor:pointer}.system-state-action:hover,.system-state-action:focus-visible{background:var(--color-text-strong)}.system-state-action:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.system-state-action:active{background:var(--color-text-strong);transform:translateY(1px)}.system-state-action-label{min-width:0}.system-state-action-hint{margin-left:var(--space-4);color:color-mix(in srgb,var(--color-text-inverse) 50%,transparent);font-size:var(--font-size-12)}.system-state-support{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-14);line-height:18px}.system-state--not-found .system-state-content{--system-state-width: 221px}.system-state--offline{z-index:var(--z-offline)}.system-state--offline .system-state-content{--system-state-action-width: 149px;--system-state-copy-gap: 13px;--system-state-action-gap: 40px}.system-state--offline .system-state-title{font-size:var(--font-size-18);line-height:1.5}.system-state--offline .system-state-description{margin-top:0;font-size:var(--font-size-16);line-height:1.6}@media(max-height:420px){.system-state{align-items:flex-start}.system-state-content{margin:auto 0}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer product.tokens,product.utilities,product.components;@layer product.tokens{:root{--ref-color-white: #ffffff;--ref-color-black: #111111;--ref-color-neutral-0: #ffffff;--ref-color-neutral-25: #fafafa;--ref-color-neutral-50: #f7f7f7;--ref-color-neutral-100: #f3f3f3;--ref-color-neutral-150: #eeeeee;--ref-color-neutral-200: #e8e8e8;--ref-color-neutral-300: #d6d6d6;--ref-color-neutral-400: #b7b7b7;--ref-color-neutral-500: #8e8e8e;--ref-color-neutral-600: #6a6a6a;--ref-color-neutral-700: #4d4d4d;--ref-color-neutral-800: #333333;--ref-color-neutral-900: #202020;--ref-color-neutral-1000: #111111;--ref-color-blue-50: #f4f4ff;--ref-color-blue-100: #e7e5ff;--ref-color-blue-200: #d5d0ff;--ref-color-blue-300: #aaa3ff;--ref-color-blue-400: #7770ff;--ref-color-blue-450: #5548ff;--ref-color-blue-500: #4040ff;--ref-color-blue-600: #3333d9;--ref-color-blue-700: #2929ad;--ref-color-blue-800: #202080;--ref-color-blue-900: #171754;--ref-color-purple-50: #faf4ff;--ref-color-purple-100: #f0e0ff;--ref-color-purple-300: #d09cff;--ref-color-purple-500: #a640ff;--ref-color-purple-700: #7020b8;--ref-color-pink-500: #ff40dc;--ref-color-red-50: #fef2f2;--ref-color-red-100: #fee2e2;--ref-color-red-300: #fca5a5;--ref-color-red-500: #dc2626;--ref-color-red-600: #b91c1c;--ref-color-red-700: #991b1b;--ref-color-amber-50: #fffaeb;--ref-color-amber-100: #fef0c7;--ref-color-amber-300: #fedf89;--ref-color-amber-500: #f79009;--ref-color-amber-700: #b54708;--ref-color-amber-900: #7a2e0e;--ref-color-green-50: #ecfdf3;--ref-color-green-100: #d1fadf;--ref-color-green-500: #198754;--ref-color-green-700: #067647;--color-bg-app: var(--ref-color-neutral-0);--color-bg-workspace: var(--ref-color-neutral-100);--color-bg-surface: var(--ref-color-neutral-0);--color-bg-surface-subtle: var(--ref-color-neutral-50);--color-bg-surface-raised: var(--ref-color-neutral-0);--color-bg-hover: var(--ref-color-neutral-100);--color-bg-active: var(--ref-color-neutral-150);--color-bg-selected: var(--ref-color-blue-100);--color-bg-selected-hover: var(--ref-color-blue-200);--color-bg-disabled: var(--ref-color-neutral-100);--color-bg-inverse: var(--ref-color-neutral-1000);--color-bg-control: var(--ref-color-neutral-0);--color-bg-control-hover: var(--ref-color-neutral-100);--color-bg-code: #1b1b1b;--color-bg-overlay: rgb(0 0 0 / 32%);--color-text-primary: var(--ref-color-neutral-800);--color-text-strong: var(--ref-color-neutral-900);--color-text-secondary: var(--ref-color-neutral-700);--color-text-subtle: var(--ref-color-neutral-600);--color-text-muted: var(--ref-color-neutral-500);--color-text-placeholder: var(--ref-color-neutral-400);--color-text-disabled: var(--ref-color-neutral-400);--color-text-inverse: var(--ref-color-white);--color-text-link: var(--ref-color-blue-600);--color-text-brand: var(--ref-color-blue-500);--color-icon-primary: var(--ref-color-neutral-700);--color-icon-secondary: var(--ref-color-neutral-500);--color-icon-disabled: var(--ref-color-neutral-400);--color-icon-inverse: var(--ref-color-white);--color-icon-brand: var(--ref-color-blue-500);--color-border-subtle: var(--ref-color-neutral-150);--color-border-default: var(--ref-color-neutral-200);--color-border-control: var(--ref-color-neutral-200);--color-border-strong: var(--ref-color-neutral-300);--color-border-selected: var(--ref-color-blue-500);--color-border-focus: var(--ref-color-blue-500);--color-focus-ring: rgb(64 64 255 / 30%);--color-bg-action-primary: var(--ref-color-blue-500);--color-bg-action-primary-hover: var(--ref-color-blue-600);--color-bg-action-primary-active: var(--ref-color-blue-700);--color-text-action-primary: var(--ref-color-white);--color-bg-action-inverse: var(--ref-color-neutral-1000);--color-bg-action-inverse-hover: var(--ref-color-neutral-900);--color-bg-action-inverse-active: var(--ref-color-neutral-800);--color-text-action-inverse: var(--ref-color-white);--color-bg-action-subtle: var(--ref-color-blue-50);--color-bg-action-subtle-hover: var(--ref-color-blue-100);--color-text-action-subtle: var(--ref-color-blue-600);--color-bg-info: var(--ref-color-blue-50);--color-text-info: var(--ref-color-blue-700);--color-border-info: var(--ref-color-blue-300);--color-icon-info: var(--ref-color-blue-500);--color-bg-success: var(--ref-color-green-50);--color-text-success: var(--ref-color-green-700);--color-border-success: var(--ref-color-green-100);--color-icon-success: var(--ref-color-green-500);--color-bg-warning: var(--ref-color-amber-50);--color-text-warning: var(--ref-color-amber-900);--color-border-warning: var(--ref-color-amber-300);--color-icon-warning: var(--ref-color-amber-700);--color-bg-danger: var(--ref-color-red-50);--color-bg-danger-hover: var(--ref-color-red-100);--color-text-danger: var(--ref-color-red-600);--color-border-danger: var(--ref-color-red-300);--color-icon-danger: var(--ref-color-red-500);--color-component: var(--ref-color-purple-500);--color-component-subtle: var(--ref-color-purple-50);--color-component-border: var(--ref-color-purple-300);--color-editor-selection: var(--ref-color-blue-500);--color-editor-selection-strong: var(--ref-color-blue-400);--color-editor-selection-soft: rgb(64 64 255 / 10%);--color-editor-handle-primary: var(--ref-color-pink-500);--color-editor-handle-secondary: var(--ref-color-purple-500);--color-editor-style-applied: var(--ref-color-blue-500);--color-editor-style-applied-bg: rgb(64 64 255 / 10%);--color-editor-accent: var(--ref-color-blue-450);--color-editor-component-soft: color-mix( in srgb, var(--color-component) 12%, transparent );--size-scrollbar: 9px;--color-scrollbar-thumb: rgb(64 64 255 / 45%);--color-scrollbar-thumb-hover: rgb(64 64 255 / 85%);--space-0: 0;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--size-control-xs: 24px;--size-control-sm: 28px;--size-control-md: 32px;--size-control-lg: 36px;--size-control-xl: 42px;--size-icon-xs: 12px;--size-icon-sm: 14px;--size-icon-md: 16px;--size-icon-lg: 20px;--size-icon-xl: 24px;--size-app-rail: 48px;--size-app-topbar: 42px;--size-panel-navigator: 248px;--size-panel-inspector: 288px;--font-family-ui: "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-code: "Google Sans Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--font-size-10: 10px;--font-size-11: 11px;--font-size-12: 12px;--font-size-13: 13px;--font-size-14: 14px;--font-size-16: 16px;--font-size-18: 18px;--font-size-20: 20px;--line-height-tight: 1.2;--line-height-compact: 1.35;--line-height-normal: 1.5;--line-height-ui-sm: 16px;--line-height-ui-md: 20px;--line-height-ui-lg: 28px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--border-width-0: 0;--border-width-1: 1px;--border-width-2: 2px;--border-default: var(--border-width-1) solid var(--color-border-default);--border-subtle: var(--border-width-1) solid var(--color-border-subtle);--border-strong: var(--border-width-1) solid var(--color-border-strong);--border-selected: var(--border-width-1) solid var(--color-border-selected);--border-focus: var(--border-width-2) solid var(--color-border-focus);--radius-0: 0;--radius-1: 2px;--radius-2: 4px;--radius-3: 8px;--radius-4: 12px;--radius-full: 999px;--shadow-0: none;--shadow-1: 0 2px 8px rgb(0 0 0 / 10%);--shadow-2: 0 10px 28px rgb(30 24 74 / 20%), 0 2px 8px rgb(30 24 74 / 10%);--shadow-3: 0 18px 48px rgb(0 0 0 / 22%);--shadow-hairline: 0 1px 0 rgb(0 0 0 / 4%);--shadow-control: 0 1px 2px rgb(0 0 0 / 10%);--shadow-switch: 0 1px 2px rgb(0 0 0 / 25%);--shadow-menu: 0 8px 22px rgb(0 0 0 / 16%), 0 1px 4px rgb(0 0 0 / 8%);--shadow-command: 0 24px 64px rgb(0 0 0 / 28%);--shadow-focus: 0 0 0 3px var(--color-focus-ring);--motion-duration-instant: 0ms;--motion-duration-fast: .12s;--motion-duration-normal: .18s;--motion-duration-slow: .28s;--motion-duration-slower: .36s;--motion-duration-control: .14s;--motion-duration-tooltip: .15s;--motion-duration-overlay: .24s;--motion-duration-expand: .3s;--motion-duration-spin: .6s;--motion-duration-save: 1s;--motion-ease-standard: cubic-bezier(.2, 0, 0, 1);--motion-ease-enter: cubic-bezier(.22, 1, .36, 1);--motion-ease-exit: cubic-bezier(.4, 0, 1, 1);--motion-ease-linear: linear;--motion-ease-css: ease;--motion-ease-css-in: ease-in;--motion-ease-css-out: ease-out;--cursor-default: default;--cursor-editor-default: url(/icons/figma-cursor.svg) 6 4, default;--cursor-action: pointer;--cursor-text: text;--cursor-disabled: not-allowed;--cursor-drag: grab;--cursor-dragging: grabbing;--cursor-resize-horizontal: col-resize;--cursor-resize-vertical: row-resize;--cursor-scrub: ew-resize;--z-base: 0;--z-content: 1;--z-decoration: 2;--z-control: 3;--z-floating-control: 4;--z-toolbar: 5;--z-resize: 6;--z-sticky: 10;--z-rail: 11;--z-local-overlay: 12;--z-menu-local: 20;--z-picker: 30;--z-flyout: 40;--z-notice: 50;--z-context-menu: 60;--z-dropdown: 100;--z-popover: 200;--z-overlay: 900;--z-dialog: 1000;--z-command: 1100;--z-tooltip: 1200;--z-drag-preview: 1300;--z-preview: 9999;--z-offline: 2147483500;--z-cursor: 2147483600}}@layer product.utilities{.u-block{display:block}.u-inline{display:inline}.u-inline-block{display:inline-block}.u-flex{display:flex}.u-inline-flex{display:inline-flex}.u-grid{display:grid}.u-inline-grid{display:inline-grid}.u-contents{display:contents}.u-hidden{display:none}.u-flex-row{flex-direction:row}.u-flex-column{flex-direction:column}.u-flex-wrap{flex-wrap:wrap}.u-flex-nowrap{flex-wrap:nowrap}.u-grow{flex-grow:1}.u-grow-0{flex-grow:0}.u-shrink{flex-shrink:1}.u-shrink-0{flex-shrink:0}.u-items-start{align-items:flex-start}.u-items-center{align-items:center}.u-items-end{align-items:flex-end}.u-items-stretch{align-items:stretch}.u-justify-start{justify-content:flex-start}.u-justify-center{justify-content:center}.u-justify-end{justify-content:flex-end}.u-justify-between{justify-content:space-between}.u-gap-0{gap:var(--space-0)}.u-gap-1{gap:var(--space-1)}.u-gap-2{gap:var(--space-2)}.u-gap-3{gap:var(--space-3)}.u-gap-4{gap:var(--space-4)}.u-gap-6{gap:var(--space-6)}.u-gap-8{gap:var(--space-8)}.l-stack{display:flex;flex-direction:column;gap:var(--stack-gap, var(--space-2))}.l-inline{display:flex;flex-direction:row;align-items:center;gap:var(--inline-gap, var(--space-2))}.l-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cluster-gap, var(--space-2))}.l-center{display:grid;place-items:center}.l-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--grid-min, 240px)),1fr));gap:var(--grid-gap, var(--space-4))}.u-min-width-0{min-width:0}.u-truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-border-0{border:0}.u-border{border:var(--border-default)}.u-border-subtle{border:var(--border-subtle)}.u-border-strong{border:var(--border-strong)}.u-border-selected{border:var(--border-selected)}.u-border-dashed{border-style:dashed}.u-radius-0{border-radius:var(--radius-0)}.u-radius-1{border-radius:var(--radius-1)}.u-radius-2{border-radius:var(--radius-2)}.u-radius-3{border-radius:var(--radius-3)}.u-radius-4{border-radius:var(--radius-4)}.u-radius-full{border-radius:var(--radius-full)}.u-cursor-default{cursor:var(--cursor-default)}.u-cursor-action{cursor:var(--cursor-action)}.u-cursor-text{cursor:var(--cursor-text)}.u-cursor-disabled{cursor:var(--cursor-disabled)}.u-cursor-drag{cursor:var(--cursor-drag)}.u-cursor-dragging{cursor:var(--cursor-dragging)}.u-cursor-resize-x{cursor:var(--cursor-resize-horizontal)}.u-cursor-resize-y{cursor:var(--cursor-resize-vertical)}.u-cursor-scrub{cursor:var(--cursor-scrub)}.u-transition-colors{transition:color var(--motion-duration-fast) var(--motion-ease-standard),background-color var(--motion-duration-fast) var(--motion-ease-standard),border-color var(--motion-duration-fast) var(--motion-ease-standard),box-shadow var(--motion-duration-fast) var(--motion-ease-standard)}.u-transition-opacity{transition:opacity var(--motion-duration-normal) var(--motion-ease-standard)}.u-transition-transform{transition:transform var(--motion-duration-normal) var(--motion-ease-enter)}.u-transition-collapse{transition:inline-size var(--motion-duration-slow) var(--motion-ease-standard),block-size var(--motion-duration-slow) var(--motion-ease-standard),opacity var(--motion-duration-fast) var(--motion-ease-standard)}.u-focus-ring:focus-visible{outline:var(--border-width-2) solid var(--color-border-focus);outline-offset:2px;box-shadow:var(--shadow-focus)}.u-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.u-transition-colors,.u-transition-opacity,.u-transition-transform,.u-transition-collapse{transition-duration:var(--motion-duration-instant)}}}