.editor-profile-controls{border-top:1px solid #e5e5ef;margin-top:20px;padding-top:16px}.editor-profile-controls h3{font-size:15px;margin:0 0 10px}.editor-profile-controls label,#brandKitsPanel label{display:grid;gap:6px;font-size:13px;margin:10px 0}.editor-profile-controls select,#brandKitsPanel select,#brandKitsPanel input:not([type=checkbox]){width:100%;min-height:42px;border:1px solid #d4d4e4;border-radius:9px;padding:9px;font:inherit;background:#fff;color:#26263c;box-sizing:border-box}.editor-feature-note{font-size:12px;line-height:1.6;color:#66657b}.editor-feature-error{padding:10px;border-radius:9px;background:#fff0ef;color:#9c373c;font-size:13px;line-height:1.5}.editor-feature-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.editor-feature-primary,.editor-feature-secondary,.editor-feature-remove{font:inherit;border:1px solid #d7d6e6;border-radius:9px;padding:10px 12px;min-height:42px;cursor:pointer;background:#fff;color:#39384d}.editor-feature-primary{background:#29256e;color:#fff;border-color:#29256e}.editor-feature-primary:disabled,.editor-feature-secondary:disabled{opacity:.55;cursor:wait}.editor-feature-remove{color:#a4414b;padding:7px;font-size:12px}#brandKitsPanel{overflow:auto;padding:20px;box-sizing:border-box}#brandKitsPanel h2{font-size:20px;margin:0 0 8px}#brandKitsPanel h3,#brandKitsPanel h4{font-size:14px;margin:20px 0 8px}#brandKitsPanel fieldset{border:1px solid #e0dfeb;border-radius:10px;margin:18px 0;padding:10px}#brandKitsPanel .brand-font-choice{display:flex;align-items:center;gap:8px;min-height:30px}.brand-edit-row{padding:8px;border:1px solid #e4e3ed;border-radius:10px;margin:8px 0}.brand-logo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brand-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#fafafd;border:1px solid #dfdfea;border-radius:12px;padding:10px;font:inherit;min-height:90px;cursor:pointer;overflow-wrap:anywhere}.brand-logo img{width:100%;height:74px;object-fit:contain}.brand-logo span{font-size:12px}.brand-color-list{display:flex;flex-direction:column;gap:7px}.brand-colour{display:flex;align-items:center;gap:9px;min-height:42px;padding:6px 10px;background:#fff;border:1px solid #dfdfeb;border-radius:9px;text-align:start;font:inherit;cursor:pointer}.brand-colour small{margin-inline-start:auto;font-size:11px;color:#69677c}.brand-color-swatch{width:24px;height:24px;border-radius:50%;border:1px solid #0002;flex-shrink:0}.brand-font-list{display:flex;flex-wrap:wrap;gap:8px}.brand-font{font-size:16px;min-height:42px;padding:10px 12px;border:1px solid #dcdbe9;background:#fafafd;border-radius:9px;cursor:pointer}.editor-profile-controls button:focus-visible,#brandKitsPanel button:focus-visible{outline:3px solid #ffaaa5;outline-offset:3px}
.global-topbar > #editorCloudControls{flex:1 1 100%;min-width:0;width:100%}
#editorRecoveryStorageNotice{flex:1 1 100%;margin:0;padding:8px 10px;border-inline-start:3px solid #e95640;background:#fff5f2;color:#963b2d;font-size:12px;line-height:1.5}

/* The dialog opens before display rendering; keep it stable during loading. */
#designPreviewBody { position: relative; min-height: min(480px, calc(100dvh - 190px)); }
#designPreviewImage[hidden], #designPreviewStatus[hidden], #designPreviewRetry[hidden] { display: none; }
.design-preview-feedback { text-align: center; color: #29256e; }
#designPreviewStatus { margin: 0 0 12px; }
#designPreviewStatus.is-loading::before {
  content: ''; display: block; width: 28px; height: 28px; margin: 0 auto 14px;
  border: 3px solid #dddced; border-top-color: #e95640; border-radius: 50%;
  animation: design-preview-spin .75s linear infinite;
}
@keyframes design-preview-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { #designPreviewStatus.is-loading::before { animation: none; } }