:root{--app-font-sans:"Inter", "Helvetica Neue", Arial, sans-serif;--app-font-heading:"Inter", "Helvetica Neue", Arial, sans-serif;--app-font-mono:"JetBrains Mono", Menlo, Monaco, Consolas, monospace;--app-font-serif:serif;--font-sans:var(--app-font-sans);--font-heading:var(--app-font-heading);--font-mono:var(--app-font-mono);--editor-tool-icon-size:1.25rem}:root,[data-ui-theme=light]{--artifact-paper:#fff;--artifact-ink:#000;--scrim:#000;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--mattr-logo-gold:#c8a75e;--application-icon-background:var(--mattr-logo-gold);--application-icon-foreground:var(--artifact-ink);--brand-foreground:#0a0a0a;--destructive-foreground:#bf000f;--info:#3080ff;--info-foreground:#1447e6;--success:#00bb7f;--success-foreground:#007956;--warning:#f99c00;--warning-foreground:#b75000;--brand-link:42deg 96% 40%;--brand-default:45deg 96% 54%;--brand-600:38deg 92% 45%;--brand-500:43deg 96% 52%;--brand-400:47deg 96% 62%;--brand-300:50deg 96% 76%;--brand-200:52deg 96% 88%;--accent:var(--mattr-logo-gold)}@supports (color:lab(0% 0 0)){:root,[data-ui-theme=light]{--brand-foreground:lab(2.75381% 0 0);--destructive-foreground:lab(40.4273% 67.2623 53.7441);--info:lab(54.1736% 13.3369 -74.6839);--info-foreground:lab(36.9089% 35.0961 -85.6872);--success:lab(66.9756% -58.27 19.5419);--success-foreground:lab(44.4871% -41.0396 11.0361);--warning:lab(72.7183% 31.8672 97.9407);--warning-foreground:lab(47.2709% 42.9082 69.2966)}}@supports (color:color-mix(in lab, red, red)){:root,[data-ui-theme=light]{--accent:color-mix(in srgb, var(--mattr-logo-gold) 25%, var(--artifact-paper))}}:root,[data-ui-theme=light]{--accent-foreground:#171717;--background:#fff;--border:#e5e5e5;--card:#fff;--card-foreground:#0a0a0a;--destructive:#e40014;--foreground:#0a0a0a;--input:#e5e5e5;--muted:#f5f5f5;--hover-overlay:var(--foreground)}@supports (color:lab(0% 0 0)){:root,[data-ui-theme=light]{--accent-foreground:lab(7.78201% -.0000149012 0);--background:lab(100% 0 0);--border:lab(90.952% 0 -.0000119209);--card:lab(100% 0 0);--card-foreground:lab(2.75381% 0 0);--destructive:lab(48.4493% 77.4328 61.5452);--foreground:lab(2.75381% 0 0);--input:lab(90.952% 0 -.0000119209);--muted:lab(96.52% -.0000298023 .0000119209)}}@supports (color:color-mix(in lab, red, red)){:root,[data-ui-theme=light]{--hover-overlay:color-mix(in srgb, var(--foreground) 4%, transparent)}}:root,[data-ui-theme=light]{--muted-foreground:#737373;--popover:#fff;--overlay-blur:4px;--popup-opacity:100%;--popover-foreground:#0a0a0a;--primary:#171717;--primary-foreground:#fafafa;--ring:#a1a1a1;--secondary:#f5f5f5;--secondary-foreground:#171717;--chart-1:#d4d4d4;--chart-2:#737373;--chart-3:#525252;--chart-4:#404040;--chart-5:#262626;--code:#fff;--code-foreground:var(--foreground);--code-highlight:#0000000a;--radius:.625rem;--sidebar:#fafafa;--sidebar-accent:var(--accent);--sidebar-accent-foreground:#171717;--sidebar-border:#e5e5e5;--sidebar-foreground:#0a0a0a;--sidebar-primary:#171717;--sidebar-primary-foreground:#fafafa;--sidebar-ring:#a1a1a1;--foreground-light:0deg 0% 32.2%;--foreground-lighter:0deg 0% 43.9%;--border-overlay:0deg 0% 91%;--background-overlay-default:0deg 0% 98.8%;--background-overlay-hover:0deg 0% 95.3%;--flow-canvas:var(--background)}@supports (color:lab(0% 0 0)){:root,[data-ui-theme=light]{--muted-foreground:lab(48.496% 0 0);--popover:lab(100% 0 0);--popover-foreground:lab(2.75381% 0 0);--primary:lab(7.78201% -.0000149012 0);--primary-foreground:lab(98.26% 0 0);--ring:lab(66.128% -.0000298023 .0000119209);--secondary:lab(96.52% -.0000298023 .0000119209);--secondary-foreground:lab(7.78201% -.0000149012 0);--chart-1:lab(84.92% 0 -.0000119209);--chart-2:lab(48.496% 0 0);--chart-3:lab(34.924% 0 0);--chart-4:lab(27.036% 0 0);--chart-5:lab(15.204% 0 -.00000596046);--sidebar:lab(98.26% 0 0);--sidebar-accent-foreground:lab(7.78201% -.0000149012 0);--sidebar-border:lab(90.952% 0 -.0000119209);--sidebar-foreground:lab(2.75381% 0 0);--sidebar-primary:lab(7.78201% -.0000149012 0);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-ring:lab(66.128% -.0000298023 .0000119209)}}@supports (color:color-mix(in lab, red, red)){:root,[data-ui-theme=light]{--flow-canvas:color-mix(in srgb, var(--background) 96%, var(--foreground) 4%)}}:root,[data-ui-theme=light]{--flow-grid:var(--foreground)}@supports (color:color-mix(in lab, red, red)){:root,[data-ui-theme=light]{--flow-grid:color-mix(in srgb, var(--foreground) 18%, transparent)}}:root,[data-ui-theme=light]{--flow-accent-trigger:hsl(var(--brand-default));--flow-accent-data:var(--success-foreground);--flow-accent-loop:var(--chart-4);--flow-accent-logic:var(--warning-foreground);--flow-accent-human:var(--warning-foreground);--flow-accent-output:var(--info-foreground);--flow-accent-default:var(--muted-foreground);--flow-port-control:var(--muted-foreground);--flow-port-data:var(--chart-4);--flow-port-error:var(--destructive);--flow-status-failed:var(--destructive);--flow-status-waiting:var(--warning-foreground);--flow-status-running:var(--info-foreground);--flow-status-succeeded:var(--success-foreground)}.dark,[data-ui-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--destructive-foreground:#ff6568;--info:#3080ff;--info-foreground:#54a2ff;--success:#00bb7f;--success-foreground:#00d294;--warning:#f99c00;--warning-foreground:#fcbb00;--brand-link:48deg 96% 68%;--brand-default:45deg 96% 58%;--brand-600:48deg 96% 70%;--brand-500:45deg 96% 58%;--brand-400:42deg 92% 48%;--brand-300:39deg 84% 34%;--brand-200:36deg 76% 20%;--accent:var(--mattr-logo-gold)}@supports (color:lab(0% 0 0)){.dark,[data-ui-theme=dark]{--destructive-foreground:lab(63.7053% 60.745 31.3109);--info:lab(54.1736% 13.3369 -74.6839);--info-foreground:lab(65.0361% -1.42065 -56.9802);--success:lab(66.9756% -58.27 19.5419);--success-foreground:lab(75.0771% -60.7313 19.4147);--warning:lab(72.7183% 31.8672 97.9407);--warning-foreground:lab(80.1641% 16.6016 99.2089)}}@supports (color:color-mix(in lab, red, red)){.dark,[data-ui-theme=dark]{--accent:color-mix(in srgb, var(--mattr-logo-gold) 24%, var(--background))}}.dark,[data-ui-theme=dark]{--accent-foreground:#fafafa;--background:#0a0a0a;--border:#ffffff1a;--card:#171717;--card-foreground:#fafafa;--destructive:#ff6568;--foreground:#fafafa;--input:#ffffff26;--muted:#262626;--hover-overlay:var(--foreground)}@supports (color:lab(0% 0 0)){.dark,[data-ui-theme=dark]{--accent-foreground:lab(98.26% 0 0);--background:lab(2.75381% 0 0);--border:lab(100% 0 0/.1);--card:lab(7.78201% -.0000149012 0);--card-foreground:lab(98.26% 0 0);--destructive:lab(63.7053% 60.745 31.3109);--foreground:lab(98.26% 0 0);--input:lab(100% 0 0/.15);--muted:lab(15.204% 0 -.00000596046)}}@supports (color:color-mix(in lab, red, red)){.dark,[data-ui-theme=dark]{--hover-overlay:color-mix(in srgb, var(--foreground) 10%, transparent)}}.dark,[data-ui-theme=dark]{--muted-foreground:#a1a1a1;--popover:#171717;--popover-foreground:#fafafa;--primary:#e5e5e5;--primary-foreground:#171717;--ring:#737373;--secondary:#262626;--secondary-foreground:#fafafa;--chart-1:#d4d4d4;--chart-2:#737373;--chart-3:#525252;--chart-4:#404040;--chart-5:#262626;--code:var(--background)}@supports (color:lab(0% 0 0)){.dark,[data-ui-theme=dark]{--muted-foreground:lab(66.128% -.0000298023 .0000119209);--popover:lab(7.78201% -.0000149012 0);--popover-foreground:lab(98.26% 0 0);--primary:lab(90.952% 0 -.0000119209);--primary-foreground:lab(7.78201% -.0000149012 0);--ring:lab(48.496% 0 0);--secondary:lab(15.204% 0 -.00000596046);--secondary-foreground:lab(98.26% 0 0);--chart-1:lab(84.92% 0 -.0000119209);--chart-2:lab(48.496% 0 0);--chart-3:lab(34.924% 0 0);--chart-4:lab(27.036% 0 0);--chart-5:lab(15.204% 0 -.00000596046)}}@supports (color:color-mix(in lab, red, red)){.dark,[data-ui-theme=dark]{--code:color-mix(in srgb, var(--background) 98%, #fff)}}.dark,[data-ui-theme=dark]{--code-foreground:var(--foreground);--code-highlight:#ffffff0a;--sidebar:#171717;--sidebar-accent:var(--accent);--sidebar-accent-foreground:#fafafa;--sidebar-border:#ffffff1a;--sidebar-foreground:#fafafa;--sidebar-primary:#1447e6;--sidebar-primary-foreground:#fafafa;--sidebar-ring:#737373;--foreground-light:0deg 0% 70.6%;--foreground-lighter:0deg 0% 53.7%;--border-overlay:0deg 0% 20%;--background-overlay-default:0deg 0% 14.1%;--background-overlay-hover:0deg 0% 18%;--flow-canvas:var(--background)}@supports (color:lab(0% 0 0)){.dark,[data-ui-theme=dark]{--sidebar:lab(7.78201% -.0000149012 0);--sidebar-accent-foreground:lab(98.26% 0 0);--sidebar-border:lab(100% 0 0/.1);--sidebar-foreground:lab(98.26% 0 0);--sidebar-primary:lab(36.9089% 35.0961 -85.6872);--sidebar-primary-foreground:lab(98.26% 0 0);--sidebar-ring:lab(48.496% 0 0)}}@supports (color:color-mix(in lab, red, red)){.dark,[data-ui-theme=dark]{--flow-canvas:color-mix(in srgb, var(--background) 94%, var(--foreground) 3%)}}.dark,[data-ui-theme=dark]{--flow-grid:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.dark,[data-ui-theme=dark]{--flow-grid:color-mix(in srgb, var(--foreground) 20%, transparent)}}@layer components{.ui-button,.button{box-sizing:border-box;border-radius:calc(var(--radius) * .8);font-family:var(--app-font-sans);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;color:inherit;background:0 0;border:1px solid #0000;outline:none;flex-shrink:0;justify-content:center;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;line-height:1.625;text-decoration:none;transition:all .15s;display:inline-flex}.ui-button:disabled{pointer-events:none;opacity:.5}.ui-button svg,.button svg{pointer-events:none;flex-shrink:0}.ui-button svg:not([class*=size-]),.button svg:not([class*=size-]){width:1rem;height:1rem}.ui-button--default,.button-primary{background:var(--primary);color:var(--primary-foreground)}.ui-button--brand{background:var(--mattr-logo-gold);color:var(--brand-foreground)}.ui-button--destructive{background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.ui-button--destructive{background:color-mix(in oklab, var(--destructive) 10%, transparent)}}.ui-button--destructive{color:var(--destructive)}.ui-button--outline,.button-secondary{border-color:var(--border)}.ui-button--destructive-outline{color:var(--destructive)}.ui-button--secondary{background:var(--secondary);color:var(--secondary-foreground)}.ui-button--code{font-family:var(--app-font-mono);font-size:.75rem}.ui-button--progress:after{content:"";background:var(--muted-foreground);border-radius:9999px;width:1rem;height:.125rem}@supports (color:color-mix(in lab, red, red)){.ui-button--progress:after{background:color-mix(in oklab, var(--muted-foreground) 40%, transparent)}}.ui-button--progress[aria-current]:not([aria-current=false]):after{background:var(--foreground)}.ui-button--progress[data-complete=true]:after{background:var(--primary)}.ui-button--swatch{border:1px solid var(--border);border-radius:9999px}.ui-button--swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--ring)}@supports (color:color-mix(in lab, red, red)){.ui-button--swatch[aria-pressed=true]{box-shadow:0 0 0 2px color-mix(in oklab, var(--ring) 30%, transparent)}}.ui-button--dropzone{border:1px dashed var(--border);background:var(--background)}.ui-button--dropzone[data-dragging=true],.ui-button--dropzone[aria-pressed=true]{border-color:var(--primary)}.ui-button--dropzone[data-dragging=true]{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ui-button--dropzone[data-dragging=true]{background:color-mix(in oklab, var(--primary) 5%, transparent)}}.ui-button--destructive-ghost{color:var(--destructive)}.ui-button--tab{color:var(--muted-foreground);border-radius:0}.ui-button--thumbnail{border:1px solid #0000}.ui-button--thumbnail[aria-pressed=true]{border-color:var(--primary)}.ui-button--thumbnail[aria-current]:not([aria-current=false]),.ui-button--thumbnail[data-active=true]{border-color:var(--ring)}.ui-button--handle{border:1px solid var(--border);background:var(--popover);box-shadow:0 1px 3px var(--scrim);border-radius:9999px}@supports (color:color-mix(in lab, red, red)){.ui-button--handle{box-shadow:0 1px 3px color-mix(in oklab, var(--scrim) 10%, transparent)}}.ui-button--surface{border:1px solid var(--border);background:var(--background)}.ui-button--pill{border-radius:9999px}.ui-button--floating{border:1px solid var(--border);background:var(--popover);color:var(--popover-foreground);box-shadow:0 4px 6px var(--scrim)}@supports (color:color-mix(in lab, red, red)){.ui-button--floating{box-shadow:0 4px 6px color-mix(in oklab, var(--scrim) 10%, transparent)}}.ui-button--floating{-webkit-backdrop-filter:blur(var(--overlay-blur))}.ui-button--option{border:1px solid var(--input);background:var(--background);text-align:start;white-space:normal;overflow-wrap:anywhere}.ui-button--option[aria-checked=true]{border-color:var(--primary)}.ui-button--row{text-align:left;border-radius:0;justify-content:flex-start;font-weight:400}.ui-button--activity{color:var(--foreground);opacity:.7;font-size:var(--text-message);line-height:var(--text-message--line-height)}.ui-button--activity:hover,.ui-button--activity:focus-visible{opacity:1}.ui-button--activity .text-muted-foreground{color:inherit}.ui-button--link{color:var(--primary);text-underline-offset:4px}.ui-button--link:hover{text-decoration:underline}.ui-button--size-default,.button{height:1.75rem;padding:0 .5rem}.ui-button--size-xs{border-radius:calc(var(--radius) * .6);height:1.25rem;padding-inline:.5rem;font-size:.625rem}.ui-button--size-sm,.button-small{height:1.5rem;padding-inline:.5rem}.ui-button--size-lg,.button-large{height:2rem;padding-inline:.625rem}:is(.ui-button--size-default:has([data-icon=inline-start]),.ui-button--size-xs:has([data-icon=inline-start]),.ui-button--size-sm:has([data-icon=inline-start])){padding-inline-start:.375rem}:is(.ui-button--size-default:has([data-icon=inline-end]),.ui-button--size-xs:has([data-icon=inline-end]),.ui-button--size-sm:has([data-icon=inline-end])){padding-inline-end:.375rem}.ui-button--size-lg:has([data-icon=inline-start]){padding-inline-start:.5rem}.ui-button--size-lg:has([data-icon=inline-end]){padding-inline-end:.5rem}.ui-button--size-default svg:not([class*=size-]),.ui-button--size-icon svg:not([class*=size-]),.button svg:not([class*=size-]){width:.875rem;height:.875rem}.ui-button--size-xs svg:not([class*=size-]),.ui-button--size-icon-xs svg:not([class*=size-]){width:.625rem;height:.625rem}.ui-button--size-sm svg:not([class*=size-]),.ui-button--size-icon-sm svg:not([class*=size-]){width:.75rem;height:.75rem}.ui-button--size-lg svg:not([class*=size-]),.ui-button--size-icon-lg svg:not([class*=size-]){width:1rem;height:1rem}.ui-button--size-row{justify-content:flex-start;width:100%;min-width:0;height:auto;min-height:1.75rem;padding:0;font-weight:400}.ui-button--size-icon{width:1.75rem;height:1.75rem}.ui-button--size-icon-xs{border-radius:calc(var(--radius) * .6);width:1.25rem;height:1.25rem}.ui-button--size-icon-sm{width:1.5rem;height:1.5rem}.ui-button--size-icon-lg{width:2rem;height:2rem}.ui-button--size-icon-avatar,.ui-button--size-icon-avatar-circle{width:2.5rem;height:2.5rem}.ui-button--size-icon-avatar{border-radius:calc(var(--radius) * 1.4)}.ui-button--size-icon-avatar-circle{border-radius:9999px}.ui-button:active:not([aria-haspopup]),.button:active:not([aria-haspopup]){translate:0 1px}.ui-button:focus-visible,.button:focus-visible{border-color:var(--ring);box-shadow:0 0 0 2px var(--ring)}@supports (color:color-mix(in lab, red, red)){.ui-button:focus-visible,.button:focus-visible{box-shadow:0 0 0 2px color-mix(in oklab, var(--ring) 30%, transparent)}}.ui-button[aria-invalid=true]{border-color:var(--destructive);box-shadow:0 0 0 2px var(--destructive)}@supports (color:color-mix(in lab, red, red)){.ui-button[aria-invalid=true]{box-shadow:0 0 0 2px color-mix(in oklab, var(--destructive) 20%, transparent)}}.ui-button--destructive:focus-visible{box-shadow:0 0 0 2px var(--destructive)}@supports (color:color-mix(in lab, red, red)){.ui-button--destructive:focus-visible{box-shadow:0 0 0 2px color-mix(in oklab, var(--destructive) 20%, transparent)}}.dark .ui-button[aria-invalid=true],.dark .ui-button--destructive:focus-visible{box-shadow:0 0 0 2px var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark .ui-button[aria-invalid=true],.dark .ui-button--destructive:focus-visible{box-shadow:0 0 0 2px color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark .ui-button--destructive{background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark .ui-button--destructive{background:color-mix(in oklab, var(--destructive) 20%, transparent)}}.ui-button--destructive:focus-visible{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.ui-button--destructive:focus-visible{border-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark .ui-button--outline,.dark .button-secondary{border-color:var(--input);background:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark .ui-button--outline,.dark .button-secondary{background:color-mix(in oklab, var(--input) 30%, transparent)}}.ui-button--default:where(:not(:disabled):not([aria-disabled=true])):hover,.button-primary:where(:not(:disabled):not([aria-disabled=true])):hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.ui-button--default:where(:not(:disabled):not([aria-disabled=true])):hover,.button-primary:where(:not(:disabled):not([aria-disabled=true])):hover{background:color-mix(in oklab, var(--primary) 80%, transparent)}}.ui-button--brand:where(:not(:disabled):not([aria-disabled=true])):hover{background:var(--mattr-logo-gold)}@supports (color:color-mix(in lab, red, red)){.ui-button--brand:where(:not(:disabled):not([aria-disabled=true])):hover{background:color-mix(in oklab, var(--mattr-logo-gold) 90%, transparent)}}.ui-button--outline:where(:not(:disabled):not([aria-disabled=true])):hover,.button-secondary:where(:not(:disabled):not([aria-disabled=true])):hover{background:var(--input)}@supports (color:color-mix(in lab, red, red)){.ui-button--outline:where(:not(:disabled):not([aria-disabled=true])):hover,.button-secondary:where(:not(:disabled):not([aria-disabled=true])):hover{background:color-mix(in oklab, var(--input) 50%, transparent)}}.ui-button--outline:where(:not(:disabled):not([aria-disabled=true])):hover,.button-secondary:where(:not(:disabled):not([aria-disabled=true])):hover{color:var(--foreground)}.ui-button--secondary:where(:not(:disabled):not([aria-disabled=true])):hover{background:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.ui-button--secondary:where(:not(:disabled):not([aria-disabled=true])):hover{background:color-mix(in oklch, var(--secondary), var(--foreground) 5%)}}:is(.ui-button--ghost,.ui-button--toggle,.ui-button--tab,.ui-button--thumbnail,.ui-button--pill,.ui-button--option,.ui-button--row,.ui-button--surface,.ui-button--floating,.ui-button--dropzone,.ui-button--code):where(:not(:disabled):not([aria-disabled=true])):is(:hover,[data-hovered=true]),:is(.ui-button--outline,.ui-button--ghost)[aria-expanded=true]{background:var(--muted);color:var(--foreground)}.ui-button--secondary[aria-expanded=true]{background:var(--secondary);color:var(--secondary-foreground)}:is(.ui-button--destructive,.ui-button--destructive-outline,.ui-button--destructive-ghost):where(:not(:disabled):not([aria-disabled=true])):hover{background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){:is(.ui-button--destructive,.ui-button--destructive-outline,.ui-button--destructive-ghost):where(:not(:disabled):not([aria-disabled=true])):hover{background:color-mix(in oklab, var(--destructive) 20%, transparent)}}:is(.ui-button--destructive,.ui-button--destructive-outline,.ui-button--destructive-ghost):where(:not(:disabled):not([aria-disabled=true])):hover{color:var(--destructive)}.dark .ui-button--destructive:where(:not(:disabled):not([aria-disabled=true])):hover{background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark .ui-button--destructive:where(:not(:disabled):not([aria-disabled=true])):hover{background:color-mix(in oklab, var(--destructive) 30%, transparent)}}:is(.ui-button,.button):not(.ui-button--plain,.ui-button--activity,.ui-button--progress):is([aria-pressed=true],[aria-selected=true],[aria-checked=true],[aria-current]:not([aria-current=false]),[data-active=true],[data-state=on],[data-state=active],[data-pressed]){background:var(--accent);color:var(--accent-foreground)}.ui-button[data-attention=true],:host([data-attention=true]) .ui-button{position:relative}.ui-button[data-attention=true]:after,:host([data-attention=true]) .ui-button:after{content:"";background:var(--destructive);pointer-events:none;border-radius:9999px;width:.375rem;height:.375rem;position:absolute;top:.125rem;right:.125rem}.ui-input{box-sizing:border-box;border:1px solid var(--input);border-radius:calc(var(--radius) * .8);background:var(--input);width:100%;min-width:0;display:flex}@supports (color:color-mix(in lab, red, red)){.ui-input{background:color-mix(in oklab, var(--input) 20%, transparent)}}.ui-input{color:var(--foreground);font-family:var(--app-font-sans);outline:none;transition:color .15s,box-shadow .15s}.ui-input::placeholder{color:var(--muted-foreground)}.ui-input::selection{background:var(--primary);color:var(--primary-foreground)}.ui-input::file-selector-button{height:1.5rem;color:var(--foreground);background:0 0;border:0;font-size:.75rem;font-weight:500;line-height:1.625;display:inline-flex}.ui-input:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.ui-input:focus-visible{border-color:var(--ring);box-shadow:0 0 0 2px var(--ring)}@supports (color:color-mix(in lab, red, red)){.ui-input:focus-visible{box-shadow:0 0 0 2px color-mix(in oklab, var(--ring) 30%, transparent)}}.dark .ui-input{background:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark .ui-input{background:color-mix(in oklab, var(--input) 30%, transparent)}}.ui-input--ghost,.dark .ui-input--ghost{box-shadow:none;background:0 0;border-color:#0000}.ui-input--ghost:focus-visible,.dark .ui-input--ghost:focus-visible{border-color:var(--ring);box-shadow:0 0 0 2px var(--ring)}@supports (color:color-mix(in lab, red, red)){.ui-input--ghost:focus-visible,.dark .ui-input--ghost:focus-visible{box-shadow:0 0 0 2px color-mix(in oklab, var(--ring) 30%, transparent)}}.ui-input[aria-invalid=true]{border-color:var(--destructive);box-shadow:0 0 0 2px var(--destructive)}@supports (color:color-mix(in lab, red, red)){.ui-input[aria-invalid=true]{box-shadow:0 0 0 2px color-mix(in oklab, var(--destructive) 20%, transparent)}}.dark .ui-input[aria-invalid=true]{box-shadow:0 0 0 2px var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark .ui-input[aria-invalid=true]{box-shadow:0 0 0 2px color-mix(in oklab, var(--destructive) 40%, transparent)}}.ui-input--code{font-family:var(--app-font-mono)}.ui-input--otp-slot{border-inline-end:0;border-radius:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:.875rem;position:relative}.ui-input--otp-slot:first-child{border-start-start-radius:calc(var(--radius) * .8);border-end-start-radius:calc(var(--radius) * .8)}.ui-input--otp-slot:last-child{border-inline-end:1px solid var(--input);border-start-end-radius:calc(var(--radius) * .8);border-end-end-radius:calc(var(--radius) * .8)}.ui-input--otp-active{z-index:1;border-color:var(--ring);box-shadow:0 0 0 2px var(--ring)}@supports (color:color-mix(in lab, red, red)){.ui-input--otp-active{box-shadow:0 0 0 2px color-mix(in oklab, var(--ring) 30%, transparent)}}.ui-input-otp:has(input[aria-invalid=true]) .ui-input--otp-slot{border-color:var(--destructive)}.ui-input--size-xs{height:1.25rem;padding:0 .5rem;font-size:.625rem;line-height:1.625}.ui-input--size-sm{height:1.5rem;padding:0 .5rem;font-size:.875rem;line-height:1.42857}.ui-input--size-default{height:1.75rem;padding:.125rem .5rem;font-size:.875rem;line-height:1.42857}.ui-input--size-lg{height:2rem;padding:.125rem .5rem;font-size:.875rem;line-height:1.42857}.ui-input.ui-input--range{background:var(--muted);height:.375rem;accent-color:var(--primary);appearance:none;cursor:pointer;border:0;border-radius:9999px;padding:0}.ui-input--color{cursor:pointer;padding:.25rem}.ui-native-select-wrapper{width:100%;min-width:0;position:relative}.ui-input.ui-native-select{appearance:none;text-overflow:ellipsis;padding-inline-end:1.5rem;font-size:.75rem;line-height:1.625;display:block}.ui-native-select-icon{width:.875rem;height:.875rem;color:var(--muted-foreground);pointer-events:none;inset-inline-end:.375rem;position:absolute;top:50%;transform:translateY(-50%)}.ui-native-select-wrapper:has(select:disabled) .ui-native-select-icon{opacity:.5}.ui-input.ui-native-select--list{height:auto;padding-inline-end:.75rem}@media (min-width:768px){.ui-input--size-sm,.ui-input--size-default,.ui-input--size-lg{font-size:.75rem;line-height:1.625}}}@layer base{:where(:has(>:is([role=checkbox],[role=switch])+input[type=checkbox][aria-hidden=true][tabindex="-1"])){position:relative}}@font-face{font-family:Inter;src:url(/fonts/Inter-Variable.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--ink:var(--foreground);--site-muted:var(--muted-foreground);--line:var(--border);--brand-accent:var(--mattr-logo-gold);--accent-ink:var(--primary);--soft:var(--muted);--surface:var(--card);--header-background:var(--background)}@supports (color:color-mix(in lab, red, red)){:root{--header-background:color-mix(in srgb, var(--background) 96%, transparent)}}:root{--selection:var(--accent);--body-ink:var(--foreground);--warm-line:var(--border)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{color:var(--ink);background:var(--background);font:15px/1.6 var(--app-font-sans);-webkit-font-smoothing:antialiased;margin:0}a:not(.button){color:inherit;text-decoration:none}button,a,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible:not(.button),summary:focus-visible{outline:2px solid var(--brand-accent);outline-offset:4px}h1,h2,h3,p{margin:0}h1{letter-spacing:-1.5px;font-size:clamp(30px,3vw,42px);font-weight:600;line-height:1.18}h2,h3{letter-spacing:-.4px;line-height:1.35}h2{font-size:23px}h3{font-size:17px}::selection{background:var(--selection)}.sr-only,.skip-link:not(:focus){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link:focus{z-index:30;background:var(--background);padding:10px;position:fixed;top:8px;left:8px}.docs-header{border-bottom:1px solid var(--line);background:var(--header-background);height:78px;-webkit-backdrop-filter:blur(var(--overlay-blur));backdrop-filter:blur(var(--overlay-blur));z-index:10;grid-template-columns:minmax(0,1fr) minmax(200px,34vw) minmax(0,1fr);align-items:center;gap:36px;padding:0 36px;display:grid;position:sticky;top:0}.docs-brand{align-items:center;gap:18px;width:max-content;display:flex}.docs-brand img{height:auto}.docs-brand>span{border-left:1px solid var(--line);color:var(--site-muted);padding-left:18px;font-size:17px}.docs-search{background:var(--surface);border:1px solid var(--line);border-radius:8px;justify-self:center;align-items:center;gap:10px;width:100%;max-width:470px;height:40px;padding:0 10px 0 14px;display:flex}.docs-search>span{color:var(--site-muted);font-size:25px;line-height:1}.open-app{white-space:nowrap;margin-left:auto;font-size:13px;font-weight:600}.open-app span{color:var(--accent-ink);margin-left:12px}.docs-frame{grid-template-columns:260px minmax(0,1fr);max-width:1512px;min-height:calc(100vh - 151px);margin:auto;display:grid}.docs-sidebar{border-right:1px solid var(--line);scrollbar-width:thin;height:calc(100vh - 78px);padding:34px 22px 24px 28px;position:sticky;top:78px;overflow-y:auto}.nav-group{margin-top:23px}.nav-group p{color:var(--site-muted);letter-spacing:.2px;margin:0 12px 7px;font-size:12px;font-weight:650}.docs-sidebar nav a,.mobile-nav nav a{color:var(--body-ink);border-radius:5px;padding:5px 12px;font-size:13px;line-height:1.6;display:block}.docs-sidebar nav a:hover,.mobile-nav nav a:hover{background:var(--muted);color:var(--ink)}.docs-sidebar nav a.active,.mobile-nav nav a.active{background:var(--accent);color:var(--accent-foreground);font-weight:600}.back-site{color:var(--site-muted);margin:32px 12px 0;font-size:12px;display:block}.mobile-nav{display:none}.docs-main{width:100%;min-width:0;max-width:1160px;padding:52px clamp(28px,4vw,66px) 72px}.eyebrow{letter-spacing:1.4px;text-transform:uppercase;color:var(--accent-ink);align-items:center;gap:9px;margin-bottom:18px;font-size:11px;font-weight:650;display:flex}.eyebrow>span{background:var(--brand-accent);border-radius:100%;width:6px;height:6px}.lead{color:var(--site-muted);max-width:720px;margin-top:18px;font-size:17px;line-height:1.75}.home-lead{margin-bottom:34px}.start-card{border:1px solid var(--warm-line);background:linear-gradient(110deg, var(--soft), var(--surface));border-radius:12px;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;transition:border-color .15s;display:flex}.start-card:hover{border-color:var(--brand-accent)}.card-kicker{letter-spacing:1px;text-transform:uppercase;color:var(--accent-ink);font-size:11px;font-weight:600}.start-card h2{margin:8px 0 9px;font-size:24px}.start-card p{color:var(--site-muted);max-width:350px;font-size:14px}.start-card strong{color:var(--accent-ink);margin-top:23px;font-size:13px;display:block}.start-card strong span{margin-left:20px}.start-graphic{flex-direction:column;align-items:center;min-width:142px;padding-right:12px;display:flex;position:relative}.start-graphic>span{background:var(--background);border:1px solid var(--warm-line);box-shadow:0 3px 7px var(--card);border-radius:7px;padding:3px 14px;font-size:10px}@supports (color:color-mix(in lab, red, red)){.start-graphic>span{box-shadow:0 3px 7px color-mix(in srgb, var(--card) 3.14%, transparent)}}.start-graphic>span{color:var(--accent-ink)}.start-graphic>div{background:var(--warm-line);width:1px;height:17px}.start-graphic>.graphic-m{background:var(--soft);border-color:var(--warm-line);border-radius:12px;place-items:center;width:62px;height:52px;padding:0;display:grid;transform:rotate(-6deg)}.section-heading{margin-top:38px;font-size:22px}.section-description{color:var(--site-muted);margin:8px 0 21px;font-size:14px}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.guide-card{border:1px solid var(--line);border-radius:9px;padding:20px;transition:background .15s,border-color .15s}.guide-card:hover{background:var(--surface);border-color:var(--brand-accent)}.card-number{letter-spacing:1px;color:var(--site-muted);justify-content:space-between;margin-bottom:22px;font-size:10px;display:flex}.card-number>span{color:var(--accent-ink);font-size:15px}.guide-card h3{margin-bottom:9px}.guide-card p{color:var(--site-muted);font-size:13px;line-height:1.75}.help-strip{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;margin-top:36px;padding:25px 0 0;display:flex}.help-strip h2{font-size:16px}.help-strip p{color:var(--site-muted);margin-top:6px;font-size:12px}.help-strip a{color:var(--accent-ink);white-space:nowrap;font-size:12px}.docs-footer{border-top:1px solid var(--line);color:var(--site-muted);justify-content:space-between;margin-left:260px;padding:23px 52px;font-size:11px;display:flex}.article-layout{grid-template-columns:minmax(0,720px) 180px;gap:48px;max-width:1250px;display:grid}.docs-article{min-width:0}.breadcrumbs{color:var(--site-muted);flex-wrap:wrap;gap:10px;margin-bottom:26px;font-size:12px;display:flex}.breadcrumbs a{color:var(--accent-ink)}.article-rule{border-bottom:1px solid var(--line);margin:30px 0 36px}.docs-article section{margin-top:32px;scroll-margin-top:100px}.docs-article h2{margin-bottom:18px;font-size:23px;font-weight:600}.docs-article h2 a:hover{color:var(--accent-ink)}.docs-article p,.docs-article li{color:var(--body-ink);overflow-wrap:anywhere;font-size:15px;line-height:1.85}.docs-article p{margin:16px 0}.docs-article>.lead{color:var(--site-muted);font-size:17px}.docs-article li{margin:8px 0;padding-left:7px}.docs-article ol,.docs-article ul{margin:18px 0 24px;padding-left:22px}.docs-article li::marker{color:var(--accent-ink);font-weight:600}.docs-article strong{color:var(--ink);font-weight:600}.docs-article p a,.docs-article li a,.callout a{color:var(--accent-ink);text-decoration:underline;-webkit-text-decoration-color:var(--mattr-logo-gold);-webkit-text-decoration-color:var(--mattr-logo-gold);-webkit-text-decoration-color:var(--mattr-logo-gold);text-decoration-color:var(--mattr-logo-gold)}@supports (color:color-mix(in lab, red, red)){.docs-article p a,.docs-article li a,.callout a{-webkit-text-decoration-color:color-mix(in srgb, var(--mattr-logo-gold) 50.2%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--mattr-logo-gold) 50.2%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--mattr-logo-gold) 50.2%, transparent);text-decoration-color:color-mix(in srgb, var(--mattr-logo-gold) 50.2%, transparent)}}.docs-article p a,.docs-article li a,.callout a{text-underline-offset:3px}.callout{border-left:3px solid var(--brand-accent);background:var(--soft);color:var(--body-ink);border-radius:0 6px 6px 0;margin:23px 0;padding:16px 20px;font-size:14px;line-height:1.8}.docs-article code{background:var(--surface);border-radius:4px;padding:2px 5px;font-size:13px}.docs-toc{border-left:1px solid var(--line);align-self:start;padding-left:20px;position:sticky;top:122px}.docs-toc p{margin-bottom:13px;font-size:11px;font-weight:600}.docs-toc a{color:var(--site-muted);margin:10px 0;font-size:12px;line-height:1.6;display:block}.docs-toc a:hover{color:var(--accent-ink)}.page-neighbors{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:14px;margin-top:46px;padding-top:24px;display:grid}.page-neighbors a{border:1px solid var(--line);border-radius:8px;padding:15px}.page-neighbors a:hover{border-color:var(--brand-accent)}.page-neighbors span{color:var(--site-muted);margin-bottom:8px;font-size:11px;display:block}.page-neighbors strong{font-size:14px}.search-results{margin:32px 0}.search-results>a{border-bottom:1px solid var(--line);padding:23px 0;display:block}.search-results h2{color:var(--accent-ink);font-size:20px}.search-results h2 span{font-size:13px}.search-results p{color:var(--site-muted);margin-top:8px}.text-link{color:var(--accent-ink);font-size:14px}.missing-page{max-width:720px;margin:15vh auto;padding:32px}.missing-page p{margin:24px 0}.missing-page a{color:var(--accent-ink)}@media (min-width:1512px){.docs-header{padding-left:max(36px,50vw - 720px);padding-right:max(36px,50vw - 720px)}.docs-footer{margin-left:max(260px,50vw - 496px);margin-right:max(0px,50vw - 756px)}}@media (max-width:1200px){.docs-toc{display:none}.article-layout{grid-template-columns:minmax(0,760px);gap:0}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-header{gap:24px}.start-graphic{min-width:95px;padding:0}}@media (max-width:1000px){.docs-header{flex-wrap:wrap;gap:14px;height:auto;min-height:118px;padding:17px 22px;display:flex}.docs-brand{flex:1;width:auto}.docs-brand img{width:96px}.docs-brand>span{font-size:15px}.open-app{font-size:12px}.docs-search{flex-basis:100%;order:3;max-width:none}.docs-frame{display:block}.docs-sidebar{display:none}.mobile-nav{border-bottom:1px solid var(--line);background:var(--surface);padding:12px 22px;display:block}.mobile-nav summary{cursor:pointer;color:var(--accent-ink);font-size:13px}.mobile-nav nav{max-height:60vh;padding:16px 0;overflow:auto}.docs-main{padding:34px 22px 48px}.docs-footer{margin:0;padding:20px 22px}.start-card{padding:24px}.start-card h2{font-size:21px}.start-graphic{display:none}.help-strip{flex-direction:column;align-items:flex-start;gap:14px}h1{letter-spacing:-1px}.lead{font-size:15px}.desktop-break{display:none}.docs-article>.lead{font-size:16px}.docs-article section{scroll-margin-top:145px}.breadcrumbs{margin-bottom:20px}.eyebrow{font-size:10px}.guide-card{padding:19px}.guide-card h3{font-size:16px}}@media (max-width:450px){.docs-brand{gap:8px}.docs-brand img{width:72px}.docs-brand>span{padding-left:8px;font-size:13px}.open-app span{margin-left:4px}.guide-grid{grid-template-columns:1fr}.card-number{margin-bottom:14px}.page-neighbors{gap:8px}.page-neighbors a{padding:12px}.docs-article h2{font-size:21px}.docs-article p,.docs-article li{font-size:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.docs-header-actions{justify-content:flex-end;align-items:center;gap:18px;display:flex}.theme-sun,.dark .theme-moon{display:none}.dark .theme-sun{display:block}@media (max-width:450px){.docs-header-actions{gap:8px}.docs-header-actions .open-app{font-size:11px}}.docs-locale{white-space:nowrap;color:var(--accent-ink);font-size:12px}