.certificate-toolbar { position: fixed; z-index: 1200; display: flex; flex-wrap: wrap; align-items: center; width: fit-content; max-width: calc(100vw - 16px); box-sizing: border-box; gap: 6px; padding: 6px; margin: 0; border: 1px solid #d4dde5; border-radius: 8px; background: #fff; color: #18344b; box-shadow: 0 4px 18px #18344b26; }
.certificate-toolbar[hidden] { display: none; }
.certificate-toolbar-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; }
.certificate-toolbar button { min-height: 36px; min-width: 36px; padding: 6px 10px; }
.certificate-toolbar select { width: auto; min-height: 36px; margin: 0; padding: 5px 8px; }
.certificate-toolbar [aria-pressed="true"] { background: #0b426a; color: #fff; border-color: #0b426a; }
.certificate-toolbar .certificate-toolbar-handle { touch-action: none; cursor: grab; user-select: none; font-size: 22px; padding: 2px 6px; }
.certificate-toolbar.is-dragging .certificate-toolbar-handle { cursor: grabbing; }
.certificate-editor-error { display: block; margin: 8px 0; color: #a12727; font-size: 13px; }
.certificate-view-controls { display: flex; justify-content: flex-end; max-width: 100%; margin: 0 auto 8px; }
.certificate-size-toggle { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; }
.certificate-size-toggle .ui-icon { width: 20px; height: 20px; flex: 0 0 20px; }
.certificate-editor-error[hidden] { display: none; }
.co-page .certificate-plain-input { position: absolute !important; width: 1px !important; min-height: 1px !important; height: 1px !important; padding: 0 !important; opacity: 0; pointer-events: none; }
.certificate-rich-editor { width: 100%; min-height: 2.4em; padding: .6mm; outline: none; font: 9.5pt/1.25 Arial, Helvetica, sans-serif; white-space: pre-wrap; overflow-wrap: anywhere; color: #111; }
.certificate-rich-editor:focus { outline: 2px solid #197eb0; outline-offset: 1px; border-radius: 2px; }
.certificate-rich-editor[aria-invalid="true"] { outline: 2px solid #a12727; }
.certificate-rich-editor:empty::before { content: attr(data-placeholder); color: #7d8c97; font-style: italic; pointer-events: none; }
.certificate-rich-editor font[size="1"] { font-size: 9pt; }
.certificate-rich-editor font[size="2"] { font-size: 9.5pt; }
.certificate-rich-editor font[size="3"] { font-size: 10pt; }
.certificate-rich-editor font[size="4"] { font-size: 11pt; }
.certificate-rich-editor font[size="5"] { font-size: 12pt; }
.certificate-rich-editor font[size="6"] { font-size: 14pt; }
.certificate-rich-editor font[size="7"] { font-size: 16pt; }
@media print { .certificate-toolbar, .certificate-editor-error { display: none !important; } }
@media screen and (max-width: 720px) {
  .certificate-toolbar { display: none !important; }
}