:root{--brand-primary:#0084f0;--brand-accent:#0066c2}.brand-logo{width:auto;height:1.75rem;display:block}.brand-logo-lg{height:2.75rem!important}.pages-workspace,.appearance-workspace{align-items:start;gap:1.5rem;display:grid}.pages-workspace{grid-template-columns:13.5rem minmax(0,1fr)}.appearance-workspace{grid-template-columns:16rem minmax(0,1fr);min-height:calc(100vh - 10rem)}.appearance-controls,.appearance-preview{min-width:0}.site-preview-frame{border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius-lg);background:#fff;height:calc(100vh - 10rem);overflow:hidden}.site-preview-iframe{background:#fff;border:0;width:100%;height:100%}.widget-help-wrap{flex-shrink:0;position:relative}.widget-help-btn{width:1.75rem;height:1.75rem;color:var(--bs-secondary-color);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.widget-help-btn:hover,.widget-help-btn:focus-visible{color:var(--bs-primary);background:var(--bs-primary-bg-subtle)}.widget-help-icon{fill:currentColor;width:1.1rem;height:1.1rem}.widget-help-tip{z-index:5;background:var(--bs-dark);color:#fff;border-radius:.45rem;width:max-content;max-width:16rem;padding:.55rem .7rem;font-size:.8rem;line-height:1.35;display:none;position:absolute;top:calc(100% + .4rem);right:0}.widget-help-wrap:hover .widget-help-tip,.widget-help-wrap:focus-within .widget-help-tip{display:block}.color-field{align-items:center;gap:.6rem;display:flex}.color-swatch{border:1px solid var(--bs-border-color);border-radius:.35rem;flex-shrink:0;width:2rem;height:2rem;margin:0;position:relative;overflow:hidden}.color-swatch-input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.color-hex{max-width:8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media (width<=767.98px){.pages-workspace,.appearance-workspace{min-height:0;display:block}.site-preview-frame{height:calc(100vh - 12rem)}}