.ads-system-settings{gap:var(--ds-space-300);width:100%;color:var(--ds-text);font:var(--ds-font-body);flex-direction:column;display:flex}.ads-system-settings :where(svg){max-width:none}.ads-system-settings h2,.ads-system-settings p,.ads-system-settings figure,.ads-system-settings fieldset{margin:0}.ads-system-settings__layout{align-items:start;gap:var(--ds-space-300);grid-template-columns:minmax(0,1fr) minmax(280px,360px);display:grid}.ads-system-settings__form{gap:var(--ds-space-300);flex-direction:column;min-width:0;display:flex}.ads-system-settings__section,.ads-system-settings__preview{box-sizing:border-box;gap:var(--ds-space-250);padding:var(--ds-space-300);border:var(--ds-border-width) solid var(--ds-border);border-radius:var(--ds-radius-large);background:var(--ds-surface);flex-direction:column;display:flex}.ads-system-settings__section-header{gap:var(--ds-space-050);flex-direction:column;display:flex}.ads-system-settings__section-header h2,.ads-system-settings__preview h2{font:var(--ds-font-heading-small)}.ads-system-settings__section-header p,.ads-system-settings__preview>p{max-width:70ch;color:var(--ds-text-subtle)}.ads-system-settings__field{max-width:480px}.ads-system-settings__color-grid{gap:var(--ds-space-200) var(--ds-space-300);grid-template-columns:repeat(2,minmax(220px,1fr));display:grid}.ads-system-settings__color-grid .ads-system-settings__field{max-width:none}.ads-system-settings__color-picker{box-sizing:border-box;width:24px;height:24px;border:var(--ds-border-width) solid var(--ds-border);border-radius:var(--ds-radius-small);cursor:pointer;background:0 0;flex:none;margin-inline-start:var(--ds-space-075);padding:0}.ads-system-settings__color-picker::-webkit-color-swatch-wrapper{padding:0}.ads-system-settings__color-picker::-webkit-color-swatch{border-radius:var(--ds-radius-small);border:0}.ads-system-settings__color-picker::-moz-color-swatch{border-radius:var(--ds-radius-small);border:0}.ads-system-settings__color-picker:focus-visible{outline:var(--ds-border-width-focused) solid var(--ds-border-focused);outline-offset:var(--ds-space-025)}.ads-system-settings__color-grid input:not([type=color]){font-family:var(--ds-font-family-code);font-variant-numeric:tabular-nums}.ads-system-settings__logo{border:0;min-width:0;padding:0}.ads-system-settings__logo legend{margin-bottom:var(--ds-space-050);color:var(--ds-text-subtle);font:var(--ds-font-body-small);font-weight:var(--ds-font-weight-bold);padding:0}.ads-system-settings__logo-row{align-items:center;gap:var(--ds-space-200);display:flex}.ads-system-settings__logo-preview{box-sizing:border-box;border:var(--ds-border-width) solid var(--ds-border);border-radius:var(--ds-radius-medium);background:var(--ds-background-neutral);flex:none;place-items:center;width:72px;height:72px;display:grid;overflow:hidden}.ads-system-settings__logo-preview img{object-fit:contain;width:56px;height:56px}.ads-system-settings__logo-actions{align-items:center;gap:var(--ds-space-100);flex-wrap:wrap;display:flex}.ads-system-settings__radio-label{gap:var(--ds-space-025);flex-direction:column;display:flex}.ads-system-settings__radio-description{color:var(--ds-text-subtle);font:var(--ds-font-body-small)}.ads-system-settings__preview{top:var(--ds-space-200);position:sticky}.ads-system-settings__preview-card{gap:var(--ds-space-150);padding:var(--ds-space-200);border:var(--ds-border-width) solid var(--ds-border);border-radius:var(--ds-radius-medium);background:var(--ds-background-neutral-subtle);flex-direction:column;display:flex}.ads-system-settings__preview-card figcaption{color:var(--ds-text-subtlest);font:var(--ds-font-body-small);font-weight:var(--ds-font-weight-semibold)}.ads-system-settings__preview-brand{align-items:center;gap:var(--ds-space-100);min-width:0;display:flex}.ads-system-settings__preview-mark{box-sizing:border-box;border-radius:var(--ds-radius-medium);background:var(--ds-background-neutral);width:32px;height:32px;color:var(--ds-icon-subtle);flex:none;place-items:center;display:grid;overflow:hidden}.ads-system-settings__preview-mark img{object-fit:contain;width:26px;height:26px}.ads-system-settings__preview-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:var(--ds-font-weight-semibold);overflow:hidden}.ads-system-settings__preview-action{padding:var(--ds-space-075) var(--ds-space-150);border-radius:var(--ds-radius-small);font:var(--ds-font-body);font-weight:var(--ds-font-weight-medium);align-self:flex-start}.ads-system-settings__preview-invalid{color:var(--ds-text-warning);font:var(--ds-font-body-small)}.ads-system-settings__footer{z-index:1;justify-content:space-between;align-items:center;gap:var(--ds-space-200);padding:var(--ds-space-150) var(--ds-space-300);border:var(--ds-border-width) solid var(--ds-border);border-radius:var(--ds-radius-large);background:var(--ds-surface-raised);box-shadow:var(--ds-shadow-raised);display:flex;position:sticky;bottom:0}.ads-system-settings__footer-status{color:var(--ds-text-subtle)}.ads-system-settings__footer-actions{align-items:center;gap:var(--ds-space-100);display:flex}@media (width<=71.99rem){.ads-system-settings__layout{grid-template-columns:minmax(0,1fr)}.ads-system-settings__preview{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:static}.ads-system-settings__preview h2,.ads-system-settings__preview>p{grid-column:1/-1}}@media (width<=47.99rem){.ads-system-settings__section,.ads-system-settings__preview{padding:var(--ds-space-200)}.ads-system-settings__color-grid,.ads-system-settings__preview{grid-template-columns:minmax(0,1fr)}.ads-system-settings__footer{padding:var(--ds-space-150) var(--ds-space-200);flex-direction:column;align-items:stretch}.ads-system-settings__footer-actions>*{flex:1}}@media (width<=29.99rem){.ads-system-settings__logo-row{flex-direction:column;align-items:flex-start}}