.og-shell[data-v-ccdafc1d]{grid-template-columns:340px 1fr;align-items:start;gap:24px;display:grid}@media (width<=900px){.og-shell[data-v-ccdafc1d]{grid-template-columns:1fr}}.controls[data-v-ccdafc1d]{min-width:0}.field-label[data-v-ccdafc1d]{color:var(--fg-muted);font-size:12px;font-weight:500}.bg-preset[data-v-ccdafc1d]{border-radius:var(--radius);cursor:pointer;border:2px solid #0000;width:40px;height:40px;padding:0;transition:transform .12s,border-color .12s}.bg-preset[data-v-ccdafc1d]:hover{transform:scale(1.1)}.bg-preset.active[data-v-ccdafc1d]{border-color:var(--fg)}.custom-bg[data-v-ccdafc1d]{background:var(--bg-sunken);border:2px solid var(--border);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.custom-bg input[type=color][data-v-ccdafc1d]{cursor:pointer;opacity:0;border:none;width:100%;height:100%;position:absolute;inset:0}.custom-bg.active[data-v-ccdafc1d]{border-color:var(--fg)}.radio-label[data-v-ccdafc1d]{cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}.radio-label input[data-v-ccdafc1d]{accent-color:var(--fg)}.preview-col[data-v-ccdafc1d]{min-width:0}.canvas-wrap[data-v-ccdafc1d]{aspect-ratio:1200/630;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-sunken);width:100%;overflow:hidden}.canvas-wrap canvas[data-v-ccdafc1d]{width:100%;height:100%;display:block}