*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;min-height:100%}body{min-height:100%;margin:0;padding:0}img,svg,video,canvas{max-width:100%;display:block}button,input,textarea,select{font:inherit}
:root{--primitive-brand-blue:#698cff;--primitive-brand-blue-bg:#698cff1a;--primitive-brand-mint:#00d79b;--primitive-brand-mint-bg:#00d79b1a;--primitive-brand-cyan:#00d8d0;--primitive-brand-cyan-bg:#00d8d01a;--primitive-brand-violet:#a181ec;--primitive-brand-violet-bg:#a181ec1a;--primitive-brand-clay:#b9947e;--primitive-brand-clay-bg:#b9947e1a;--primitive-brand-pink:#ff69c0;--primitive-brand-pink-bg:#ff69c01a}:root,:root[data-theme=light]{--primitive-neutral-100:#f5f5f5;--primitive-neutral-200:#ededed;--primitive-neutral-300:#fcfcfc;--primitive-neutral-400:#fff;--primitive-neutral-500:#f8f8f8;--primitive-neutral-600:#ededed;--primitive-neutral-700:#737373;--primitive-neutral-800:#616161;--primitive-neutral-900:#1a1a1a}.dark,:root[data-theme=dark]{--primitive-neutral-100:#101010;--primitive-neutral-200:#161616;--primitive-neutral-300:#1a1a1a;--primitive-neutral-400:#1f1f1f;--primitive-neutral-500:#262626;--primitive-neutral-600:#363636;--primitive-neutral-700:#737373;--primitive-neutral-800:#ababab;--primitive-neutral-900:#f5f5f5}
:root{--semantic-surface-app-bg:var(--primitive-neutral-100);--semantic-surface-panels-bg:var(--primitive-neutral-300);--semantic-surface-elevated-bg:var(--primitive-neutral-300);--semantic-surface-underline-bg:var(--primitive-neutral-600);--semantic-text-primary:var(--primitive-neutral-900);--semantic-text-secondary:var(--primitive-neutral-800);--semantic-text-tertiary:var(--primitive-neutral-700);--semantic-interactive-input-bg:var(--primitive-neutral-500);--semantic-interactive-input-hovered:var(--primitive-neutral-600);--semantic-interactive-input-active:var(--primitive-neutral-600);--semantic-interactive-button-primary-bg:var(--primitive-neutral-600);--semantic-interactive-button-primary-hovered:var(--primitive-neutral-400);--semantic-interactive-button-secondary-bg:var(--primitive-neutral-400);--semantic-interactive-button-secondary-hovered:var(--primitive-neutral-400);--color-surface-app:var(--semantic-surface-app-bg);--color-surface-panel:var(--semantic-surface-panels-bg);--color-surface-raised:var(--semantic-surface-elevated-bg);--color-surface-input:var(--semantic-interactive-input-bg);--color-surface-hover:var(--semantic-interactive-input-hovered);--color-surface-active:var(--semantic-interactive-input-active);--color-surface-popover:var(--color-surface-panel);--color-surface-canvas:var(--primitive-neutral-400);--color-text-primary:var(--semantic-text-primary);--color-text-secondary:var(--semantic-text-secondary);--color-text-muted:var(--semantic-text-tertiary);--color-text-on-accent:var(--primitive-neutral-100);--color-border-subtle:var(--primitive-neutral-200);--color-border-default:var(--primitive-neutral-600);--color-border-strong:var(--primitive-neutral-700);--color-focus-ring:var(--primitive-brand-blue);--color-accent-primary:var(--primitive-brand-blue);--color-accent-primary-bg:var(--primitive-brand-blue-bg);--color-accent-success:var(--primitive-brand-mint);--color-accent-warning:var(--primitive-brand-clay);--color-accent-danger:var(--primitive-brand-pink);--color-builder-selection:var(--primitive-brand-blue);--color-builder-selection-bg:var(--primitive-brand-blue-bg);--color-builder-inherited:var(--primitive-brand-clay);--color-builder-danger-bg:var(--primitive-brand-pink-bg);--app-bg:var(--color-surface-app);--panel-bg:var(--color-surface-panel);--elevated-bg:var(--color-surface-raised);--underline-bg:var(--semantic-surface-underline-bg);--popover-bg:var(--color-surface-popover);--muted-surface-fill:var(--color-surface-panel);--surface-grouped:var(--color-surface-input);--canvas-artboard-bg:var(--color-surface-canvas);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-muted:var(--color-text-muted);--border-subtle:var(--color-border-subtle);--border-strong:var(--color-border-strong);--border-chrome:var(--color-border-subtle);--control-border:var(--color-border-default);--focus-ring:var(--color-focus-ring);--input-bg:var(--color-surface-input);--input-bg-hover:var(--color-surface-hover);--input-bg-active:var(--color-surface-active);--control-active-bg:var(--color-surface-active);--accent-solid:var(--color-accent-primary);--accent-solid-hover:var(--primitive-brand-blue);--accent-on-solid:var(--color-text-on-accent);--accent-soft:var(--color-accent-primary-bg);--button-primary-bg:var(--semantic-interactive-button-primary-bg);--button-primary-bg-hover:var(--semantic-interactive-button-primary-hovered);--button-primary-text:var(--primitive-neutral-100);--button-secondary-bg:var(--semantic-interactive-button-secondary-bg);--button-secondary-bg-hover:var(--semantic-interactive-button-secondary-hovered);--button-secondary-text:var(--color-text-primary);--button-tertiary-text:var(--color-text-secondary);--feedback-success:var(--color-accent-success);--feedback-warning:var(--color-accent-warning);--feedback-danger:var(--color-accent-danger);--destructive-surface:var(--color-accent-danger);--destructive-on-surface:var(--primitive-neutral-100);--builder-active-line:var(--color-builder-selection);--builder-active-fill:var(--color-builder-selection-bg);--builder-active-fill-muted:var(--color-builder-selection-bg);--builder-active-fill-drop:var(--color-builder-selection-bg);--builder-breakpoint-inherited-line:var(--color-builder-inherited);--overlay-scrim:var(--primitive-neutral-100);--shadow-control:0 2px 12px var(--primitive-neutral-100);--shadow-popover:0 18px 48px var(--primitive-neutral-100);--scrollbar-thumb:var(--primitive-neutral-600)}.dark,:root[data-theme=dark]{--semantic-surface-app-bg:var(--primitive-neutral-100);--semantic-surface-panels-bg:var(--primitive-neutral-200);--semantic-surface-elevated-bg:var(--primitive-neutral-300);--semantic-surface-underline-bg:var(--primitive-neutral-600);--semantic-interactive-input-bg:var(--primitive-neutral-500);--semantic-interactive-input-hovered:var(--primitive-neutral-500);--semantic-interactive-input-active:var(--primitive-neutral-600);--semantic-interactive-button-primary-bg:var(--primitive-neutral-900);--semantic-interactive-button-primary-hovered:#e3e3e3;--semantic-interactive-button-secondary-bg:var(--primitive-neutral-500);--semantic-interactive-button-secondary-hovered:var(--primitive-neutral-600);--color-border-subtle:var(--primitive-neutral-400);--color-border-default:var(--primitive-neutral-600);--color-border-strong:var(--primitive-neutral-800);--overlay-scrim:var(--primitive-neutral-100)}
:root,body,.sf-app-root{--font-family-brand:var(--font-gabarito,"Gabarito"), "Gabarito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-geist:var(--font-geist,"Geist"), "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-control:var(--font-family-geist);--font-family-tab:var(--font-inter,"Inter"), "Inter", var(--font-family-geist);--font-family-base:var(--font-family-geist);--font-size-h-d:45px;--font-weight-h-d:700;--line-height-h-d:normal;--text-h-d:var(--font-weight-h-d) var(--font-size-h-d) / 1 var(--font-family-brand);--text-display-l:var(--text-h-d);--text-heading-l:700 1.5rem / 1.15 var(--font-family-brand);--text-heading-m:600 1.375rem / 1.2 var(--font-family-brand);--text-heading-s:600 1rem / 1.3 var(--font-family-brand);--text-body-l:400 1rem / 1.5 var(--font-family-base);--text-body-m:400 .875rem / 1.45 var(--font-family-base);--text-body-s:400 .8125rem / 1.4 var(--font-family-base);--text-body-xs:400 .75rem / 1.35 var(--font-family-base);--text-label-m:500 .8125rem / 1.3 var(--font-family-base);--text-label-s:500 .75rem / 1.25 var(--font-family-base);--text-button-m:600 .875rem / 1 var(--font-family-base);--text-button-s:600 .8125rem / 1 var(--font-family-base);--text-input-m:400 .875rem / 1.2 var(--font-family-base);--text-input-s:400 .8125rem / 1.2 var(--font-family-base);--font-control-family:var(--font-family-geist);--font-ui-family:var(--font-family-base);--font-ui-weight-regular:400;--font-ui-weight-subheading:600;--font-ui-weight-heading:700;--font-ui-weight-button:600;--font-control-letter:0px;--font-letter-h-d:-2px;--font-letter-h2:-.75px;--font-letter-heading-display:var(--font-letter-h-d);--font-ui-letter-regular:0px;--font-ui-letter-subheading:0px;--font-ui-letter-heading:0px;--font-ui-letter-button:0px;--font-ui-2xs:10px;--font-ui-xs:11px;--font-ui-sm:12px;--font-ui-md:13px;--font-ui-lg:14px;--font-ui-label:10px;--font-ui-input:12px;--font-ui-meta:9px;--font-ui-title:16px}
:root{--space-0:0;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px}
:root{--radius-s:4px;--radius-m:8px;--radius-l:12px}
:root{--border-subtle-rule:1px solid var(--color-border-subtle);--border-default-rule:1px solid var(--color-border-default)}
:root{--icon-xs:12px;--icon-s:16px;--icon-m:20px;--icon-l:24px}
html,body{font-family:var(--font-family-base);font-weight:var(--font-ui-weight-regular);letter-spacing:var(--font-ui-letter-regular);color:var(--color-text-primary);background:var(--color-surface-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;text-rendering:optimizelegibility}input,textarea,select,label,.tenon-control-text{font-family:var(--font-family-geist);font-weight:var(--font-ui-weight-regular);letter-spacing:var(--font-control-letter)!important}.tenon-brand-text,h1,h2{font-family:var(--font-family-brand)!important}h1,h2{font-weight:var(--font-ui-weight-heading)!important;letter-spacing:var(--font-ui-letter-heading)!important}h2{letter-spacing:var(--font-letter-h2)!important}button{font-family:var(--font-family-geist);font-weight:var(--font-ui-weight-button)!important;letter-spacing:var(--font-control-letter)!important}.sf-app-root{z-index:1;min-height:100dvh;position:relative}.sf-sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html.dark,html[data-theme=dark]{background-color:var(--workspace-matte-base)}html.dark body,html[data-theme=dark] body{background:0 0}html.dark .tenon-canvas-preview,html[data-theme=dark] .tenon-canvas-preview{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas-artboard-bg:#fff;--color-canvas:var(--primitive-neutral-100);--color-surface:#fff;--color-panel:#fff;--color-hover-surface:var(--primitive-neutral-100);--color-ink:var(--primitive-neutral-900);--color-muted:var(--primitive-neutral-700);--color-accent:var(--primitive-brand-blue);--color-border:var(--primitive-neutral-200);--color-success:var(--primitive-brand-mint)}
:root{--workspace-matte-base:var(--app-bg);--workspace-matte-dot:var(--primitive-neutral-500);--workspace-matte-dot-center:var(--primitive-neutral-600);--workspace-matte-grid-pitch:clamp(14px, 2vmin, 30px);--workspace-matte-dot-radius:max(.6px, calc(var(--workspace-matte-grid-pitch) * .04));--workspace-vignette-edge:transparent;--workspace-vignette-linear-reach:28%;--canvas-grid-image:radial-gradient(circle, var(--workspace-matte-dot) .65px, transparent 1px);--canvas-grid-center-image:radial-gradient(circle, var(--workspace-matte-dot-center) .65px, transparent 1px);--canvas-grid-mask:radial-gradient(ellipse 74% 68% at center, black 0%, black 48%, transparent 100%);--canvas-grid-center-mask:radial-gradient(ellipse 58% 52% at center, black 0%, black 22%, transparent 72%);--shadow-canvas-heading-popover:0 18px 52px #0000006b;--shadow-canvas-frame-header:0 10px 30px #00000038;--shadow-canvas-artboard:0 0 0 1px var(--border-chrome);--shadow-canvas-resize-handle:0 3px 14px #00000047;--filter-canvas-resize-corner:drop-shadow(0 3px 8px #0000003d);--style-panel-section-hover-bg:color-mix(in srgb, var(--hover-bg) 48%, transparent);--style-panel-dot-border:1px solid color-mix(in srgb, var(--text-muted) 18%, transparent);--style-panel-dot-bg:color-mix(in srgb, var(--text-muted) 10%, transparent);--style-panel-dot-border-active:2px solid var(--accent-solid);--style-panel-dot-bg-active:color-mix(in srgb, var(--accent-solid) 18%, transparent);--style-panel-dot-shadow-active:0 0 0 1px color-mix(in srgb, var(--accent-solid) 18%, transparent);--style-panel-inset-reset-shadow:inset 0 1px 3px #0000006b;--style-panel-inset-reset-bar:color-mix(in srgb, var(--text-muted) 70%, transparent);--style-panel-spacing-highlight:color-mix(in srgb, var(--primitive-neutral-400) 6%, transparent);--style-panel-class-pill-highlight:inset 0 1px 0 color-mix(in srgb, var(--accent-on-solid) 18%, transparent);--style-panel-current-color-hover-bg:color-mix(in srgb, currentColor 12%, transparent);--style-panel-target-shadow-active:inset 0 1px 0 #ffffff0d;--style-panel-layer-dot-compound:color-mix(in srgb, var(--builder-active-line) 86%, var(--primitive-neutral-400));--style-panel-layer-dot-combo:color-mix(in srgb, var(--builder-active-line) 72%, var(--primitive-neutral-400));--shadow-code-editor-dock:0 -18px 48px #00000061;--code-syntax-comment:#6a9955;--code-syntax-keyword:#c586c0;--code-syntax-class:#d7ba7d;--code-syntax-property:#9cdcfe;--code-syntax-string:#ce9178;--code-syntax-number:#b5cea8;--code-syntax-variable:#4ec9b0;--code-syntax-operator:#d4d4d4;--code-syntax-invalid:#f44747;--code-editor-selection-bg:#522dff47;--code-editor-selected-text:#fff;--dashboard-preview-dot-background:radial-gradient(circle, var(--workspace-matte-dot) var(--workspace-matte-dot-radius), transparent var(--workspace-matte-dot-radius));--dashboard-preview-vignette:radial-gradient(ellipse 78% 60% at 50% 45%, transparent 0%, transparent 54%, color-mix(in srgb, var(--workspace-matte-base) 78%, transparent) 100%);--dashboard-preview-artboard-shadow:0 0 0 1px color-mix(in srgb, var(--border-chrome) 70%, transparent);--user-card-avatar-bg:radial-gradient(circle at 32% 28%, #fff 0%, #c8d5fd 12%, #90abfa 24%, #708af6 41%, #4f69f2 58%, #465ac0 68.5%, #3d4a8f 79%, #343b5d 89.5%, #303344 94.75%, #2b2b2b 100%);--user-card-avatar-shadow:inset 0 0 0 0 #ffffff38;--user-card-avatar-text:#fafafa;--dashboard-avatar-bg:var(--user-card-avatar-bg);--dashboard-avatar-shadow:var(--user-card-avatar-shadow);--pages-folder-drop-ring:inset 0 0 0 1px color-mix(in srgb, var(--builder-active-line) 40%, transparent);--pages-image-empty-bg:radial-gradient(circle at 50% 25%, #522dff2e, transparent 46%), var(--input-bg);--renderer-empty-placeholder-bg:color-mix(in srgb, var(--accent-solid) 5%, transparent);--renderer-empty-placeholder-border:1px dashed color-mix(in srgb, var(--accent-solid) 32%, transparent);--renderer-image-empty-bg:color-mix(in srgb, var(--accent-solid) 7%, transparent);--renderer-image-empty-border:1px dashed color-mix(in srgb, var(--accent-solid) 45%, transparent);--settings-alert-danger-bg-elevated:color-mix(in srgb, var(--feedback-danger) 10%, var(--elevated-bg));--settings-alert-danger-bg-panel:color-mix(in srgb, var(--feedback-danger) 10%, var(--panel-bg));--color-picker-checker-image:linear-gradient(45deg, var(--control-border) 25%, transparent 25%), linear-gradient(-45deg, var(--control-border) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--control-border) 75%), linear-gradient(-45deg, transparent 75%, var(--control-border) 75%);--color-picker-checker-position-sm:0 0, 0 4px, 4px -4px, -4px 0;--color-picker-checker-position-md:0 0, 0 5px, 5px -5px, -5px 0;--color-picker-checker-size-sm:8px 8px;--color-picker-checker-size-md:10px 10px;--color-picker-hue-gradient:linear-gradient(to right, red, #ff0, #0f0, #0ff, #00f, #f0f, red);--color-picker-alpha-start:transparent;--color-picker-alpha-end:currentColor;--color-picker-alpha-gradient:linear-gradient(to right, var(--color-picker-alpha-start), var(--color-picker-alpha-end));--color-picker-square-dark:#000;--color-picker-square-light:#fff;--color-picker-square-shadow:inset 0 0 0 1px #ffffff0a;--color-picker-handle-border:#fff;--color-picker-slider-handle-shadow:0 0 0 1px #00000094, 0 1px 3px #0000004d;--color-picker-square-handle-shadow:0 0 0 1px #000000b3, 0 1px 4px #00000059;--builder-tooltip-bg:color-mix(in srgb, var(--popover-bg) 88%, transparent);--builder-tooltip-ease:cubic-bezier(.22, 1, .36, 1);--rail-button-primary-border:color-mix(in srgb, var(--accent-solid) 38%, transparent);--marketing-auth-image-overlay:#0000001a;--marketing-home-image-overlay:#00000029;--marketing-home-bottom-shade:linear-gradient(180deg, transparent 0%, #0003 100%);--marketing-home-foreground:#fff;--marketing-home-foreground-muted:#fffffff2;--marketing-home-focus-ring:#fffc;--marketing-submit-hover-bg:color-mix(in srgb, var(--text-primary) 90%, transparent);--panel-backdrop-blur:0px;--panel-backdrop-saturate:1;--hover-bg:var(--input-bg-hover);--section-group-bg:var(--panel-bg);--surface-segment-shadow:none;--unit-input-suffix-width:var(--space-32);--input-bg-local:var(--primitive-brand-blue-bg);--input-bg-local-hover:var(--primitive-brand-blue-bg);--input-text-local:var(--primitive-brand-blue);--surface-grouped-local:var(--primitive-brand-blue-bg);--control-border-local:transparent;--input-bg-responsive-inherited:var(--primitive-brand-clay-bg);--input-bg-responsive-inherited-hover:var(--primitive-brand-clay-bg);--input-text-responsive-inherited:var(--primitive-brand-clay);--surface-grouped-responsive-inherited:var(--primitive-brand-clay-bg);--control-border-responsive-inherited:transparent;--color-surface:var(--panel-bg);--color-ink:var(--text-primary)}.tenon-workspace-backdrop{display:none}html.dark .tenon-workspace-backdrop,html[data-theme=dark] .tenon-workspace-backdrop{z-index:0;pointer-events:none;isolation:isolate;background-color:var(--workspace-matte-base);background-image:radial-gradient(circle, var(--workspace-matte-dot) var(--workspace-matte-dot-radius), transparent var(--workspace-matte-dot-radius));background-size:var(--workspace-matte-grid-pitch) var(--workspace-matte-grid-pitch);background-position:50%;background-repeat:repeat;width:100%;min-height:100dvh;display:block;position:fixed;inset:0;overflow:hidden}html.dark .tenon-workspace-backdrop__vignette,html[data-theme=dark] .tenon-workspace-backdrop__vignette{z-index:1;pointer-events:none;background-image:linear-gradient(to bottom, var(--workspace-vignette-edge) 0%, transparent var(--workspace-vignette-linear-reach)), linear-gradient(to top, var(--workspace-vignette-edge) 0%, transparent var(--workspace-vignette-linear-reach)), radial-gradient(circle at center, transparent 0%, var(--workspace-vignette-edge) 100%);background-position:50%,50%,50%;background-repeat:no-repeat,no-repeat,no-repeat;background-size:100% 100%,100% 100%,100% 100%;position:absolute;inset:0}.tenon-surface-panel{-webkit-backdrop-filter:blur(var(--panel-backdrop-blur)) saturate(var(--panel-backdrop-saturate));backdrop-filter:blur(var(--panel-backdrop-blur)) saturate(var(--panel-backdrop-saturate));border-color:#0000!important}.tenon-surface-elevated{-webkit-backdrop-filter:blur(var(--panel-backdrop-blur)) saturate(var(--panel-backdrop-saturate));backdrop-filter:blur(var(--panel-backdrop-blur)) saturate(var(--panel-backdrop-saturate))}