.fp-tenant-branding-studio{display:grid;grid-gap:var(--fp-space-lg);gap:var(--fp-space-lg)}@media (min-width:960px){.fp-tenant-branding-studio{grid-template-columns:minmax(18rem,1fr) minmax(22rem,1.1fr);align-items:start}}.fp-tenant-branding-studio__preview-panel{display:grid;grid-gap:var(--fp-space-sm);gap:var(--fp-space-sm)}.fp-tenant-branding-studio__preview-heading{margin:0;font-size:var(--fp-text-subheading-size);font-weight:var(--fp-text-subheading-weight);line-height:var(--fp-text-subheading-line-height);color:var(--fp-color-ink)}.fp-tenant-branding-editor__mode-toolbar,.fp-tenant-branding-studio__preview-toolbar{display:flex;flex-wrap:wrap;gap:var(--fp-space-xs)}.fp-tenant-branding-editor__mode-btn,.fp-tenant-branding-studio__device-btn{border:1px solid var(--fp-color-border-subtle);border-radius:var(--fp-radius-sm);background:var(--fp-surface);color:var(--fp-color-ink);padding:var(--fp-space-xs) calc(var(--fp-space-sm) + var(--fp-space-xs));font-size:var(--fp-text-body-sm-size);cursor:pointer}.fp-tenant-branding-editor__mode-btn--active,.fp-tenant-branding-studio__device-btn--active{border-color:var(--fp-accent);background:color-mix(in srgb,var(--fp-accent) 12%,var(--fp-surface))}.fp-tenant-branding-studio__preview-frame{border-radius:var(--fp-radius-lg);border:1px solid var(--fp-color-border-subtle);background:var(--fp-bg);color:var(--fp-color-ink);padding:var(--fp-space-md);display:grid;grid-gap:var(--fp-space-md);gap:var(--fp-space-md);margin-inline:auto;width:100%}.fp-tenant-branding-studio__preview-frame--phone{max-width:20rem;min-height:24rem}.fp-tenant-branding-studio__preview-frame--tablet{max-width:32rem;min-height:20rem}.fp-tenant-branding-studio__preview-frame--desktop{max-width:42rem;min-height:16rem}.fp-tenant-branding-studio__preview-header{display:flex;align-items:center;gap:var(--fp-space-sm)}.fp-tenant-branding-studio__preview-logo{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover;background:transparent}.fp-tenant-branding-studio__preview-mark{width:2.5rem;height:2.5rem;border-radius:var(--fp-radius-sm);background:var(--fp-accent)}.fp-tenant-branding-studio__preview-title{font-family:var(--fp-font-display);font-size:var(--fp-text-subheading-size);font-weight:var(--fp-text-subheading-weight)}.fp-tenant-branding-studio__preview-card{border-radius:var(--fp-radius-md);border:1px solid var(--fp-color-border-subtle);background:var(--fp-surface);padding:var(--fp-space-md);display:grid;grid-gap:var(--fp-space-sm);gap:var(--fp-space-sm)}.fp-tenant-branding-studio__preview-card-title{margin:0;font-size:var(--fp-text-body-size);font-weight:var(--fp-text-label-weight)}.fp-tenant-branding-studio__preview-card-body{margin:0;color:var(--fp-color-ink-muted);font-size:var(--fp-text-body-sm-size)}.fp-tenant-branding-studio__preview-button{justify-self:start}.fp-tenant-branding-studio__preview-chip-row{display:flex;flex-wrap:wrap;gap:var(--fp-space-xs)}.fp-tenant-branding-studio__preview-chip{border-radius:999px;padding:var(--fp-space-xs) calc(var(--fp-space-sm) + var(--fp-space-xs));background:color-mix(in srgb,var(--fp-accent) 18%,var(--fp-surface));color:var(--fp-color-ink);font-size:var(--fp-text-body-sm-size)}.fp-tenant-branding-studio__preview-chip--muted{background:var(--fp-surface-elevated);border:1px solid var(--fp-color-border-subtle)}.fp-tenant-branding-studio__preview-powered,.fp-tenant-branding-studio__preview-white-label{margin:var(--fp-space-sm) 0 0;font-size:var(--fp-text-body-sm-size);color:var(--fp-color-ink-muted);text-align:center}.fp-tenant-branding-studio__preview-white-label{color:var(--fp-accent);font-weight:var(--fp-text-label-weight)}.fp-tenant-branding-studio__preview-frame[data-white-label=true] .fp-tenant-branding-studio__preview-mark{display:none}.fp-tenant-branding-studio__editor{display:grid;grid-gap:var(--fp-space-md);gap:var(--fp-space-md);background:var(--fp-surface);border:1px solid var(--fp-color-border-subtle);border-radius:var(--fp-radius-lg);padding:1rem 1.1rem 1.25rem;box-shadow:var(--fp-shadow-soft)}.fp-tenant-branding-studio__editor-title{margin:0;font-size:var(--fp-text-title-size);font-weight:var(--fp-text-h1-weight);letter-spacing:-.03em}.fp-tenant-branding-studio__editor-hint{margin:0;color:var(--fp-color-ink-muted);font-size:var(--fp-text-body-sm-size)}.fp-tenant-branding-editor{display:grid;grid-gap:var(--fp-space-md);gap:var(--fp-space-md)}.fp-tenant-branding-editor__section{border:0;margin:0;padding:0;display:grid;grid-gap:var(--fp-space-sm);gap:var(--fp-space-sm)}.fp-tenant-branding-editor__legend{padding:0;font-size:var(--fp-text-body-sm-size);font-weight:var(--fp-text-label-weight);color:var(--fp-color-ink-muted)}.fp-tenant-branding-editor__preset-grid{display:grid;grid-gap:var(--fp-space-sm);gap:var(--fp-space-sm)}.fp-tenant-branding-editor__preset-option{display:flex;align-items:center;gap:var(--fp-space-sm);padding:var(--fp-space-sm);border-radius:var(--fp-radius-md);border:1px solid var(--fp-color-border-subtle);background:var(--fp-bg);cursor:pointer}.fp-tenant-branding-editor__preset-option--selected{border-color:var(--fp-accent);background:color-mix(in srgb,var(--fp-accent) 8%,var(--fp-surface));box-shadow:0 0 0 1px color-mix(in srgb,var(--fp-accent) 35%,transparent)}.fp-tenant-branding-editor__preset-input{position:absolute;opacity:0;pointer-events:none}.fp-tenant-branding-editor__preset-swatch{flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:999px;background:var(--fp-accent);border:1px solid var(--fp-color-border-subtle)}.fp-tenant-branding-editor__preset-label{font-weight:var(--fp-text-label-weight);color:var(--fp-color-ink)}.fp-tenant-branding-editor__accordion{border:1px solid var(--fp-color-border-subtle);border-radius:var(--fp-radius-md);background:var(--fp-bg);padding:var(--fp-space-sm) var(--fp-space-md)}.fp-tenant-branding-editor__accordion>summary{cursor:pointer;font-weight:var(--fp-text-label-weight);color:var(--fp-color-ink)}.fp-tenant-branding-editor__accordion[open]>summary{margin-bottom:var(--fp-space-sm)}.fp-tenant-branding-editor__typography{display:grid;grid-gap:var(--fp-space-md);gap:var(--fp-space-md)}.fp-tenant-branding-editor__color-grid,.fp-tenant-branding-editor__color-row{display:grid;grid-gap:var(--fp-space-sm);gap:var(--fp-space-sm)}.fp-tenant-branding-editor__color-row{grid-template-columns:minmax(8rem,1fr) auto 1fr;align-items:center}.fp-tenant-branding-editor__color-row label{font-size:var(--fp-text-body-sm-size);font-weight:var(--fp-text-label-weight)}.fp-tenant-branding-editor__swatch-input{block-size:2.25rem;inline-size:2.25rem;padding:0;border:0;background:transparent;cursor:pointer}.fp-tenant-branding-editor__swatch-input::-webkit-color-swatch-wrapper{padding:0}.fp-tenant-branding-editor__swatch-input::-webkit-color-swatch{border:1px solid var(--fp-color-border-subtle);border-radius:var(--fp-radius-sm)}.fp-tenant-branding-editor__hex-input{font-family:ui-monospace,monospace}.fp-tenant-branding-editor__font-sample{margin:0;padding:var(--fp-space-md);border-radius:var(--fp-radius-md);border:1px solid var(--fp-color-border-subtle);background:var(--fp-surface);line-height:1.5}.fp-tenant-branding-editor__font-sample strong{display:block;margin-bottom:var(--fp-space-xs)}