:root:where(:not([data-render-document])){--oc-ink:#111615;--oc-ink-2:#56605e;--oc-ink-3:#6b7472;--oc-ink-off:#11161566;--oc-ink-rgb:17 22 21;--oc-surface:#fff;--oc-stage:#f1f3f2;--oc-well:var(--oc-stage);--oc-hover:#11161512;--oc-pressed:#1116151f;--oc-border:#11161538;--oc-divider:#1116151f;--oc-brand:#0b9f9a;--oc-brand-rgb:11 159 154;--oc-brand-ink:#08706b;--oc-selected:#0b9f9a24;--oc-selected-ink:#065a56;--oc-action:#111615;--oc-action-hover:#2a3331;--oc-on-action:#fff;--oc-header-bg:linear-gradient(90deg, #027c85 0%, #0564d8 100%);--oc-header-ink:#027c85;--oc-on-header:#fff;--oc-header-hover:#ffffff1f;--oc-header-open:#ffffff29;--oc-scrim:#0b0d0e66;--oc-scrim-blur:4px;--oc-tooltip:#2a3331;--oc-on-tooltip:#f3f5f4;--oc-danger:#ba382d;--oc-danger-rgb:186 56 45;--oc-danger-soft:#fff0ee;--oc-success:#168054;--oc-success-rgb:22 128 84;--oc-info:#0564d8;--oc-premium:#fe9b02;--oc-spectrum-deep-teal:#034961;--oc-spectrum-teal:#028892;--oc-spectrum-mint:#04c09d;--oc-spectrum-green:#85da41;--oc-spectrum-orange:#fe9b02;--oc-spectrum-purple:#8e4dba;--oc-spectrum-blue:#0564d8;--oc-spectrum-sky:#0ba0f3;--oc-font-text:"OC UI Inter", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--oc-font-display:"OC UI Instrument Sans", "Instrument Sans", "OC UI Inter", Inter, system-ui, sans-serif;--oc-font-mono:"OC UI DM Mono", "DM Mono", ui-monospace, Menlo, monospace;--oc-weight-regular:400;--oc-weight-medium:500;--oc-weight-semibold:600;--oc-weight-bold:700;--oc-type-display:400 40px / 44px var(--oc-font-display);--oc-type-display-phone:400 28px / 32px var(--oc-font-display);--oc-type-page-title:400 32px / 40px var(--oc-font-display);--oc-type-wordmark:400 19px / 19px var(--oc-font-display);--oc-type-title-lg:600 24px / 32px var(--oc-font-text);--oc-type-title-md:600 18px / 24px var(--oc-font-text);--oc-type-title-sm:600 16px / 24px var(--oc-font-text);--oc-type-panel-title:700 14px / 20px var(--oc-font-text);--oc-type-label:600 14px / 22px var(--oc-font-text);--oc-type-body:400 14px / 22px var(--oc-font-text);--oc-type-field-label:600 12px / 20px var(--oc-font-text);--oc-type-meta:400 12px / 20px var(--oc-font-text);--oc-type-caption:600 11px / 16px var(--oc-font-text);--oc-type-data:400 12px / 16px var(--oc-font-mono);--oc-type-eyebrow:400 12px / 16px var(--oc-font-mono);--oc-tracking-display:-.03em;--oc-tracking-page-title:-.02em;--oc-tracking-eyebrow:.06em;--oc-space-0-5:2px;--oc-space-1:4px;--oc-space-1-5:6px;--oc-space-2:8px;--oc-space-3:12px;--oc-space-4:16px;--oc-space-6:24px;--oc-space-8:32px;--oc-radius-xs:6px;--oc-radius-sm:10px;--oc-radius-md:12px;--oc-radius-toolbar:14px;--oc-radius-lg:16px;--oc-radius-sheet:20px;--oc-radius-dialog:24px;--oc-radius-pill:999px;--oc-elevation-1:0 0 0 .5px #11161514, 0 1px 2px #1116151a, 0 2px 4px #1116150d;--oc-elevation-2:0 0 0 .5px #11161514, 0 2px 5px #1116151a, 0 6px 12px #1116150f;--oc-elevation-3:0 0 0 .5px #11161514, 0 8px 16px #1116151a, 0 24px 24px #1116150f;--oc-elevation-sheet:0 0 0 .5px #11161514, 0 -2px 5px #11161514, 0 -6px 12px #1116150f;--oc-page-shadow:0 4px 32px -14px #1116154d;--oc-focus-ring-color:var(--oc-brand-ink);--oc-focus-ring:0 0 0 2px var(--oc-surface), 0 0 0 4px var(--oc-brand-ink);--oc-control-sm:32px;--oc-control-md:40px;--oc-control-lg:48px;--oc-icon:24px;--oc-icon-sm:16px;--oc-header-desktop:56px;--oc-header-phone:49px;--oc-rail:72px;--oc-side-panel:361px;--oc-toolbar:40px;--oc-footer:40px;--oc-tabbar:56px;--oc-tool-bar-phone:68px;--oc-touch-min:40px;--oc-menu-width:300px;--oc-popover-width:400px;--oc-ease:cubic-bezier(.2, .7, .2, 1);--oc-duration-sheet:.24s;--oc-duration-quick:.12s;--oc-motion-sheet:var(--oc-duration-sheet) var(--oc-ease);--oc-motion-quick:var(--oc-duration-quick) ease-out}@media (prefers-reduced-motion:reduce){:root:where(:not([data-render-document])){--oc-duration-sheet:0s;--oc-duration-quick:0s}}@font-face{font-family:OC UI Inter;src:url(/fonts/inter/inter-400-normal-latin.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:OC UI Inter;src:url(/fonts/inter/inter-400-normal-latin-ext.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:OC UI Instrument Sans;src:url(/fonts/instrument-sans/instrument-sans-400-normal-latin.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:OC UI Instrument Sans;src:url(/fonts/instrument-sans/instrument-sans-400-normal-latin-ext.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:OC UI DM Mono;src:url(/fonts/dm-mono/dm-mono-400-normal-latin.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:OC UI DM Mono;src:url(/fonts/dm-mono/dm-mono-400-normal-latin-ext.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:OC UI DM Mono;src:url(/fonts/dm-mono/dm-mono-500-normal-latin.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:OC UI DM Mono;src:url(/fonts/dm-mono/dm-mono-500-normal-latin-ext.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}#render-root,#recreation-runner-root,.artboard,.slide-thumbnail,.selection-export-viewport,.design-export-host,#oc-design-print-root,.design-playback-scene,.template-motion-preview-render-host{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#render-root,#recreation-runner-root,.design-export-host,#oc-design-print-root,.design-playback-scene,.template-motion-preview-render-host{color:#181a1f}.ui-btn{justify-content:center;align-items:center;gap:var(--oc-space-2);box-sizing:border-box;height:var(--oc-control-md);padding:0 var(--oc-space-4);border-radius:var(--oc-radius-md);color:var(--oc-ink);font:var(--oc-type-label);white-space:nowrap;cursor:pointer;transition:background-color var(--oc-duration-quick) ease-out;background:0 0;border:0;margin:0;text-decoration:none;display:inline-flex}.ui-btn svg{width:var(--oc-icon);height:var(--oc-icon);flex:none}.ui-btn:hover{background:var(--oc-hover)}.ui-btn:active{background:var(--oc-pressed)}.ui-btn:focus-visible{outline:2px solid var(--oc-brand-ink);outline-offset:2px}.ui-btn--primary{background:var(--oc-action);color:var(--oc-on-action)}.ui-btn--primary:hover,.ui-btn--primary:active{background:var(--oc-action-hover)}.ui-btn--secondary{box-shadow:inset 0 0 0 1px var(--oc-border)}.ui-btn--sm{height:var(--oc-control-sm);padding:0 var(--oc-space-2);border-radius:var(--oc-radius-sm)}.ui-btn--icon{width:var(--oc-control-md);padding:0}.ui-btn--sm.ui-btn--icon{width:var(--oc-control-sm)}.ui-btn--block{width:100%}.ui-btn[aria-pressed=true]{background:var(--oc-selected);color:var(--oc-selected-ink)}.ui-btn:disabled,.ui-btn[aria-disabled=true]{background:var(--oc-hover);box-shadow:none;color:var(--oc-ink-off);cursor:not-allowed}.ui-kbd{height:22px;padding:0 var(--oc-space-2);border-radius:var(--oc-radius-xs);background:var(--oc-hover);color:var(--oc-ink);font:400 12px / 22px var(--oc-font-text);flex:none;align-items:center;display:inline-flex}[aria-disabled=true]>.ui-kbd{color:inherit}.ui-badge{border-radius:var(--oc-radius-pill);height:16px;font:var(--oc-type-caption);white-space:nowrap;flex:none;align-items:center;gap:4px;padding:0 6px;display:inline-flex}.ui-badge--neutral,.ui-badge--pro{background:var(--oc-hover);color:var(--oc-ink)}.ui-badge--info{background:var(--oc-info);color:#fff}.ui-badge--on-image{color:#fff;background:#0b0d0e99}.ui-badge--pro:before{content:"";background:var(--oc-premium);border-radius:50%;width:8px;height:8px}.ui-tooltip{z-index:2147483100;max-width:240px;padding:4px var(--oc-space-2);border-radius:var(--oc-radius-sm);background:var(--oc-tooltip);color:var(--oc-on-tooltip);font:600 12px / 20px var(--oc-font-text);text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:inline-flex;position:fixed}.ui-tooltip-keys{gap:2px;display:inline-flex}.ui-tooltip kbd{border-radius:var(--oc-radius-xs);min-width:16px;height:16px;font:400 12px / 16px var(--oc-font-text);background:#f3f5f426;justify-content:center;align-items:center;padding:0 3px;display:inline-flex}@media (hover:none){.ui-tooltip{display:none}}:root{--surface:var(--oc-surface);--surface-2:var(--oc-surface);--surface-3:var(--oc-stage);--ink:var(--oc-ink);--muted:var(--oc-ink-2);--faint-decorative:var(--oc-ink-3);--line:var(--oc-divider);--line-strong:var(--oc-border);--violet-rgb:var(--oc-brand-rgb);--violet:var(--oc-brand);--violet-ink:var(--oc-brand-ink);--violet-soft:var(--oc-selected);--shadow:var(--oc-elevation-2);--shadow-sheet:var(--oc-elevation-sheet);--shadow-modal:var(--oc-elevation-3);--focus-ring:var(--oc-focus-ring);--danger-rgb:var(--oc-danger-rgb);--danger:var(--oc-danger);--danger-ink:#a12c22;--danger-soft:var(--oc-danger-soft);--danger-ring:0 0 0 2px var(--oc-surface), 0 0 0 4px var(--oc-danger);--ok-rgb:var(--oc-success-rgb);--ok:var(--oc-success);--ok-ink:#126944;--ok-soft:#eefaf3;--r-sm:var(--oc-radius-xs);--r-md:var(--oc-radius-sm);--r-lg:var(--oc-radius-md);--r-xl:var(--oc-radius-toolbar);--r-sheet:var(--oc-radius-sheet);--motion-sheet:var(--oc-motion-sheet);--motion-quick:var(--oc-motion-quick);font-family:var(--oc-font-text);color:var(--oc-ink);background:var(--oc-stage);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--oc-stage);margin:0}:root:has(#render-root){color:#181a1f;--surface:#fff;--surface-2:#fbfbfe;--surface-3:#f1f0f7;--ink:#191624;--muted:#68657e;--faint-decorative:#928fa8;--line:#e6e4f0;--line-strong:#d6d3e4;--violet-rgb:122 59 232;--violet:rgb(var(--violet-rgb));--violet-ink:#5b22c4;--violet-soft:#eee7fd;--shadow:0 1px 2px #1916240f, 0 10px 30px #19162412;--shadow-sheet:0 -1px 2px #1916240f, 0 -10px 30px #19162414;--shadow-modal:0 2px 6px #1916241f, 0 18px 44px #19162438;--focus-ring:0 0 0 3px rgb(var(--violet-rgb) / 22%);--danger-rgb:186 56 45;--danger:rgb(var(--danger-rgb));--danger-ink:#a12c22;--danger-soft:#fff0ee;--danger-ring:0 0 0 3px rgb(var(--danger-rgb) / 24%);--ok-rgb:22 128 84;--ok:rgb(var(--ok-rgb));--ok-ink:#126944;--ok-soft:#eefaf3;--r-sm:6px;--r-md:9px;--r-lg:12px;--r-xl:14px;--r-sheet:20px;--motion-sheet:.2s cubic-bezier(.2, .74, .25, 1);--motion-quick:.12s ease-out;--ai-usage-ink:#191b1f;--ai-usage-muted:#656b73;--ai-usage-accent:#0b9f9a;--ai-usage-backdrop:#191b1fb8;--ai-usage-dialog-shadow:0 24px 64px #191b1f47;background:#f3f5f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:has(>#render-root){background:#e5ecef}html.is-editor-scroll-locked,body.is-editor-scroll-locked{overscroll-behavior:none;height:100%;overflow:hidden}body.is-editor-scroll-locked{width:100%;position:fixed}body.is-editor-scroll-locked #root{height:100%;overflow:hidden}img,svg{display:block}@media (width<=720px){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),textarea,select{font-size:16px!important}}