#topbarEditorPanel .topbar-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
#topbarEditorPanel .topbar-head h2{margin:4px 0 8px;font-size:22px}
#topbarEditorPanel .topbar-eyebrow{font-size:11px;font-weight:800;letter-spacing:.11em;color:#667085}
#topbarEditorPanel .topbar-muted{font-size:13px;line-height:1.55;color:#667085;margin:7px 0}
#topbarEditorPanel .topbar-badge{display:inline-block;background:#fff4e5;color:#9a5800;border:1px solid #f2d29e;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;white-space:nowrap}
#topbarEditorPanel .topbar-action-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}
#topbarEditorPanel .topbar-fieldset{border:1px solid #e1e7f0;border-radius:10px;padding:15px;margin:16px 0;min-width:0}
#topbarEditorPanel .topbar-fieldset legend{padding:0 7px;font-weight:750;color:#26364f}
#topbarEditorPanel .topbar-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;margin-top:12px}
#topbarEditorPanel .topbar-fields>label,#topbarEditorPanel .topbar-item>label:not(.topbar-check){display:block;min-width:0;font-size:13px;font-weight:650;color:#344054}
#topbarEditorPanel .topbar-fields input:not([type=checkbox]),#topbarEditorPanel .topbar-fields select,#topbarEditorPanel .topbar-item input:not([type=checkbox]){display:block;width:100%;min-width:0;margin:6px 0 2px;padding:9px;border:1px solid #cbd5e1;border-radius:7px;background:white;font:inherit;color:#172033}
#topbarEditorPanel input[type=color]{height:42px;padding:4px!important}
#topbarEditorPanel .topbar-item-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
#topbarEditorPanel .topbar-item{min-width:0;border:1px solid #e7edf5;border-radius:9px;padding:12px}
#topbarEditorPanel .topbar-item .topbar-check{margin-bottom:12px}
#topbarEditorPanel .topbar-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer;color:#172033}
#topbarEditorPanel .topbar-check input[type=checkbox]{width:18px;height:18px;flex:0 0 auto;margin:2px 0 0}
#topbarEditorPanel .topbar-check span{display:grid;gap:3px}
#topbarEditorPanel .topbar-check small{font-size:12px;font-weight:400;color:#667085;line-height:1.45}
#topbarEditorPanel .topbar-preview-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
#topbarEditorPanel .topbar-preview-wrap{display:flex;justify-content:center;align-items:flex-start;overflow:auto;background:#eef2f7;border:1px solid #e0e7ef;border-radius:9px;padding:10px;margin-top:8px;min-height:145px}
#topbarEditorPanel .topbar-preview-frame{display:block;width:100%;height:145px;border:0;background:white;border-radius:5px;transition:width .15s ease,height .15s ease;flex:0 0 auto}
#topbarEditorPanel .topbar-preview-frame.is-mobile{width:390px;max-width:100%;height:420px}
#topbarEditorPanel button[aria-pressed=true]{outline:2px solid #8bb7ff;outline-offset:2px}
#topbarEditorPanel button:focus-visible,#topbarEditorPanel input:focus-visible,#topbarEditorPanel select:focus-visible{outline:3px solid #8bb7ff;outline-offset:2px}
@media(max-width:850px){#topbarEditorPanel .topbar-fields{grid-template-columns:repeat(2,minmax(0,1fr))}#topbarEditorPanel .topbar-item-grid{grid-template-columns:1fr}}
@media(max-width:520px){#topbarEditorPanel .topbar-fields{grid-template-columns:1fr}#topbarEditorPanel .topbar-fieldset{padding:10px}}