: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{--oc-safe-area-top:env(safe-area-inset-top,0px);--oc-safe-area-bottom:env(safe-area-inset-bottom,0px);--oc-safe-area-left:env(safe-area-inset-left,0px);--oc-safe-area-right:env(safe-area-inset-right,0px)}@media (width<=1023px){.template-detail-layer.template-detail-layer,.asset-preview-layer.asset-preview-layer,.folder-share-layer.folder-share-layer,.ai-credit-dialog-layer.ai-credit-dialog-layer,.instagram-size-layer.instagram-size-layer{padding:calc(12px + var(--oc-safe-area-top)) calc(12px + var(--oc-safe-area-right)) calc(12px + var(--oc-safe-area-bottom)) calc(12px + var(--oc-safe-area-left))}.template-detail.template-detail,.asset-preview-layer>section,.folder-share-layer>section,.instagram-size-dialog.instagram-size-dialog,.ai-credit-dialog.ai-credit-dialog{max-height:calc(100vh - 24px - var(--oc-safe-area-top) - var(--oc-safe-area-bottom));max-height:calc(100dvh - 24px - var(--oc-safe-area-top) - var(--oc-safe-area-bottom));overflow-y:auto}.template-detail.template-detail{overflow:hidden}.auth-dialog.auth-dialog,.project-dialog.project-dialog{max-height:min(94vh, calc(100vh - 12px - var(--oc-safe-area-top)));max-height:min(94dvh, calc(100dvh - 12px - var(--oc-safe-area-top)))}.account-sheet.account-sheet,.workspace-ai-chat-dock.workspace-ai-chat-dock{max-height:calc(100vh - 12px - var(--oc-safe-area-top));max-height:calc(100dvh - 12px - var(--oc-safe-area-top))}.account-sheet.account-sheet{height:auto;max-height:min(82vh, calc(100vh - 12px - var(--oc-safe-area-top)));max-height:min(82dvh, calc(100dvh - 12px - var(--oc-safe-area-top)))}.workspace-ai-chat-dock.workspace-ai-chat-dock{height:min(78dvh,760px)}.template-browse-sheet.ui-sheet.ui-sheet{height:calc(100vh - 24px - var(--oc-safe-area-top));height:calc(100dvh - 24px - var(--oc-safe-area-top));max-height:calc(100vh - 24px - var(--oc-safe-area-top));max-height:calc(100dvh - 24px - var(--oc-safe-area-top))}.mobile-folder-sheet.mobile-folder-sheet{max-height:calc(var(--sheet-vh,100vh) - 12px - var(--oc-safe-area-top))}.mobile-folder-sheet.is-tall.is-tall{height:calc(var(--sheet-vh,100vh) - 12px - var(--oc-safe-area-top))}.create-overlay-header.create-overlay-header{padding-top:calc(16px + var(--oc-safe-area-top));padding-left:calc(16px + var(--oc-safe-area-left));padding-right:calc(16px + var(--oc-safe-area-right))}.download-takeover-dismiss.download-takeover-dismiss{top:calc(18px + var(--oc-safe-area-top));right:calc(18px + var(--oc-safe-area-right))}.design-print-dialog.design-print-dialog{max-height:calc(100vh - 12px - var(--oc-safe-area-top));max-height:calc(100dvh - 12px - var(--oc-safe-area-top));overflow-y:auto}.template-preview-header.template-preview-header{padding-top:calc(12px + var(--oc-safe-area-top));padding-left:calc(16px + var(--oc-safe-area-left));padding-right:calc(16px + var(--oc-safe-area-right))}.template-preview-back.template-preview-back{flex-basis:44px;width:44px;height:44px}}@media (width<=719px){.account-settings-sheet.account-settings-sheet,.ai-usage-sheet.ai-usage-sheet{max-height:calc(100vh - 12px - var(--oc-safe-area-top));max-height:calc(100dvh - 12px - var(--oc-safe-area-top));padding-top:10px}.ai-usage-sheet.ai-usage-sheet{height:calc(100vh - 12px - var(--oc-safe-area-top));height:calc(100dvh - 12px - var(--oc-safe-area-top))}}@media (width<=900px){.project-dialog.create-overlay.create-overlay{height:100dvh;max-height:100dvh;bottom:auto}}@media (width<=480px){.instagram-size-layer.instagram-size-layer{padding:0}.instagram-size-dialog.instagram-size-dialog{max-height:calc(100vh - 12px - var(--oc-safe-area-top));max-height:calc(100dvh - 12px - var(--oc-safe-area-top))}}: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}}.ui-close-button.ui-close-button{box-sizing:border-box;background:var(--oc-stage,#f1f3f4);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--oc-ink,#202428);box-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.ui-close-button.ui-close-button svg{flex:none;width:22px;height:22px}.ui-close-button.ui-close-button:active{background:var(--oc-pressed,#e2e6e8)}.ui-close-button.ui-close-button:focus-visible{outline:2px solid var(--oc-brand-ink,#087d79);outline-offset:2px}@media (hover:hover){.ui-close-button.ui-close-button:hover{background:var(--oc-pressed,#e2e6e8)}}