.og-workspace.svelte-b4m93v,.og-workspace.svelte-b4m93v .tg-split:where(.svelte-b4m93v){gap:14px}.og-preview-col.svelte-b4m93v{gap:12px}@media (width>=901px){.og-preview-col.svelte-b4m93v{top:calc(var(--cw-header-offset,82px) + 16px);position:sticky}}.og-frame.svelte-b4m93v .cw-tool-frame__body:where(.svelte-b4m93v){padding:14px}.og-form.svelte-b4m93v{gap:12px;padding:18px 20px}.og-form.svelte-b4m93v .tg-row2:where(.svelte-b4m93v){gap:10px 12px}.og-form.svelte-b4m93v .tg-field:where(.svelte-b4m93v){gap:6px}.og-stage.svelte-b4m93v{border:1px solid #ffffff1a;border-radius:10px;position:relative;overflow:hidden}.og-canvas.svelte-b4m93v{aspect-ratio:1200/630;width:100%;height:auto;display:block}.og-safe.svelte-b4m93v{pointer-events:none;border:1px dashed #fff9;position:absolute}.og-safe--pad.svelte-b4m93v{inset:12.7% 6.67%}.og-safe--square.svelte-b4m93v{border-color:#fbbf24cc;inset:0 23.75%}.og-row.svelte-b4m93v{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.og-safe-toggle.svelte-b4m93v{min-height:44px;margin-left:4px}.og-templates.svelte-b4m93v{grid-template-columns:repeat(3,minmax(0,1fr))}.og-tpl.svelte-b4m93v{text-align:center;justify-content:center;align-items:center;min-height:44px;padding:8px 10px}.og-area.svelte-b4m93v{resize:vertical;min-height:64px}.og-color.svelte-b4m93v{box-sizing:border-box;border:1px solid var(--cw-border);background:var(--cw-bg-primary);cursor:pointer;border-radius:10px;width:100%;height:44px;padding:3px}.og-color.svelte-b4m93v:focus-visible{outline:2px solid var(--tool-focus);outline-offset:2px}.og-file.svelte-b4m93v,.og-row.svelte-b4m93v .tg-btn:where(.svelte-b4m93v){min-height:44px}.og-file.svelte-b4m93v{position:relative}.og-file.svelte-b4m93v:focus-within{outline:2px solid var(--tool-focus);outline-offset:2px}.og-file.svelte-b4m93v input:where(.svelte-b4m93v){opacity:0;width:1px;height:1px;position:absolute}@media (width<=640px){.og-form.svelte-b4m93v{padding:16px}}