.fx-appearance-switcher{--appearance-panel-bg: #fff;--appearance-panel-text: #192231;--appearance-panel-muted: #596476;--appearance-panel-border: #dce2e8;--appearance-panel-soft: #f2f5f8;--appearance-focus: #096ca0;position:fixed;z-index:130;top:max(100px,20vh);right:0;display:flex;align-items:flex-start;max-width:100vw;color:var(--appearance-panel-text);font:14px/1.5 var(--font-body, system-ui, sans-serif);text-align:start;pointer-events:none}.fx-appearance-switcher[hidden],.fx-appearance-panel[hidden]{display:none}.fx-appearance-switcher button,.fx-appearance-switcher input{min-height:44px;min-width:44px;margin:0;cursor:pointer;font:inherit}html .marketing-template .fx-appearance-switcher :is(button,input):focus-visible{outline:3px solid var(--appearance-focus);outline-offset:3px}.fx-appearance-toggle{order:1;display:grid;place-items:center;width:44px;height:48px;padding:10px;border:1px solid var(--appearance-panel-border);border-right:0;border-radius:8px 0 0 8px;background:var(--appearance-panel-bg);color:var(--appearance-panel-text);box-shadow:0 4px 20px #0000001f;pointer-events:auto}.fx-appearance-panel{order:2;width:min(300px,calc(100vw - 52px));max-height:calc(100vh - max(100px,20vh) - 16px);max-height:calc(100dvh - max(100px,20vh) - 16px);padding:12px 16px 16px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid var(--appearance-panel-border);border-radius:10px 0 10px 10px;background:var(--appearance-panel-bg);box-shadow:0 8px 32px #00000026;pointer-events:auto}.fx-appearance-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.fx-appearance-heading h2{margin:0;color:inherit;font-size:19px;line-height:1.3;overflow-wrap:anywhere}.fx-appearance-close{display:grid;flex:0 0 44px;place-items:center;padding:8px;border:0;border-radius:6px;color:inherit;background:var(--appearance-panel-soft)}.fx-appearance-panel fieldset{min-width:0;margin:0 0 20px;padding:0;border:0}.fx-appearance-panel legend{max-width:100%;margin-bottom:10px;padding:0;color:inherit;font-size:15px;font-weight:700;overflow-wrap:anywhere}.fx-appearance-colors,.fx-appearance-patterns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.fx-appearance-swatch,.fx-appearance-pattern{--fx-pattern-base: light-dark(#e9eef2, #080c12);--fx-pattern-size: auto;--fx-pattern-position: 0 0;position:relative;display:grid;place-items:center;padding:8px;border:2px solid transparent;border-radius:6px;background:var(--appearance-swatch);background-clip:padding-box;box-shadow:inset 0 0 0 1px #0000001f}.fx-appearance-pattern{min-height:48px!important;background-color:var(--fx-pattern-base, light-dark(#e9eef2, #080c12));background-image:var(--fx-pattern-image, none);background-size:var(--fx-pattern-size, auto);background-position:var(--fx-pattern-position, 0 0)}.fx-appearance-swatch svg,.fx-appearance-pattern svg{visibility:hidden;padding:2px;border-radius:50%;color:#fff;background:#111827}.fx-appearance-swatch[aria-pressed=true],.fx-appearance-pattern[aria-pressed=true]{border-color:var(--appearance-panel-text)}.fx-appearance-swatch[aria-pressed=true] svg,.fx-appearance-pattern[aria-pressed=true] svg{visibility:visible}.fx-appearance-custom{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:4px 10px;align-items:center;margin-top:12px}.fx-appearance-custom label{color:var(--appearance-panel-muted);overflow-wrap:anywhere}.fx-appearance-custom input{grid-column:2;grid-row:1 / 3;width:44px;height:44px;padding:3px;border:1px solid var(--appearance-panel-border);border-radius:6px;background:var(--appearance-panel-bg)}.fx-appearance-custom output{color:var(--appearance-panel-text);font:13px/1.3 ui-monospace,monospace}.fx-appearance-hint,.fx-appearance-note{margin:0 0 10px;color:var(--appearance-panel-muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}.fx-appearance-default{width:100%;margin-top:8px!important;padding:8px;border:1px solid var(--appearance-panel-border);border-radius:6px;color:var(--appearance-panel-text);background:var(--appearance-panel-soft);overflow-wrap:anywhere}.fx-appearance-layouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fx-appearance-layouts button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border:1px solid var(--appearance-panel-border);border-radius:6px;color:var(--appearance-panel-text);background:var(--appearance-panel-bg);overflow-wrap:anywhere}.fx-appearance-layouts button svg{flex-shrink:0}.fx-appearance-layouts button[aria-pressed=true],.fx-appearance-default[aria-pressed=true]{border-color:var(--appearance-panel-text);background:var(--appearance-panel-soft);box-shadow:inset 0 0 0 1px var(--appearance-panel-text)}.fx-appearance-reset{width:100%;padding:9px 12px;border:1px solid var(--appearance-panel-text);border-radius:6px;color:var(--appearance-panel-bg);background:var(--appearance-panel-text);font-weight:600}.fx-appearance-note{margin:12px 0 0}.fx-appearance-status{margin:8px 0 0;color:var(--appearance-panel-text);font-size:12px;overflow-wrap:anywhere}.fx-appearance-status:empty{margin:0}html.dark .fx-appearance-switcher{--appearance-panel-bg: #17212d;--appearance-panel-text: #f2f5f9;--appearance-panel-muted: #bbc5d2;--appearance-panel-border: #465367;--appearance-panel-soft: #263446;--appearance-focus: #7ddcff}