.pm-create-modal { border-radius: 8px; }
.pm-create-header { height: 58px; }
.pm-create-sidebar { background: #fbfcfe; }
.pm-create-photo { padding-top: 22px; padding-bottom: 22px; }
.pm-create-upload { border-radius: 6px; background: #fff; }
.pm-create-sidebar nav { padding: 16px 12px; gap: 6px; }
.pm-create-sidebar nav button { padding: 12px; border-radius: 5px; transition: background .15s; }
.pm-create-sidebar nav button.active { box-shadow: inset 3px 0 #2869db; font-weight: 500; }
.pm-create-content { padding: 28px 30px 32px; }
.pm-create-section h3 { margin-bottom: 26px; }
.pm-create-grid { gap: 20px 24px; }
.pm-create-grid > label > span, .pm-create-attachments > span { color: #64738a; }
.pm-create-grid :is(input:not([type=checkbox]), select) { height: 36px; border-color: #dce3ed; border-radius: 5px; transition: border-color .15s, box-shadow .15s; }
.pm-create-grid :is(input:not([type=checkbox]), select):hover { border-color: #aec3e0; }
.pm-create-grid :is(input:not([type=checkbox]), select):focus { outline: none; border-color: #4783e5; box-shadow: 0 0 0 3px #2869db0c; }
.pm-create-grid .pm-create-description { display: flex; align-items: flex-start; gap: 6px; min-width: 0; }
.pm-create-description > span { flex: 0 0 74px; text-align: right; color: #64738a; font-size: 12px; padding-top: 12px; }
.pm-create-description > div { flex: 1; min-width: 0; }
.pm-create-footer { background: #fcfdff; }
.pm-description-editor { min-width: 0; overflow: hidden; border: 1px solid #dce3ed; border-radius: 6px; background: #fff; transition: border-color .15s, box-shadow .15s; }
.pm-description-editor:focus-within { border-color: #4783e5; box-shadow: 0 0 0 3px #2869db0c; }
.pm-editor-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 3px; padding: 6px 9px; min-height: 43px; border-bottom: 1px solid #e5eaf2; background: #f8fafd; }
.pm-editor-toolbar button { display: grid; place-items: center; position: relative; flex: 0 0 29px; width: 29px; height: 29px; padding: 5px; border: 0; border-radius: 4px; color: #76859b; background: transparent; font-size: 14px; }
.pm-editor-toolbar button.group-start { margin-left: 10px; }
.pm-editor-toolbar button.group-start::before { content: ''; position: absolute; top: 6px; bottom: 6px; left: -7px; width: 1px; background: #dde4ee; }
.pm-editor-toolbar button:hover, .pm-editor-toolbar button.active { background: #e9f1ff; color: #2869db; }
.pm-editor-toolbar button svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.pm-editor-toolbar .bold { font-weight: 700; }
.pm-editor-toolbar .italic { font-family: Georgia, serif; font-style: italic; }
.pm-editor-toolbar .underline { text-decoration: underline; }
.pm-editor-toolbar .strikeThrough { text-decoration: line-through; }
.pm-editor-toolbar .removeFormat { font-size: 12px; }
.pm-editor-toolbar .fontName { font-family: Georgia, serif; font-style: italic; font-weight: 600; }
.pm-editor-toolbar .fontSize { font-family: Georgia, serif; font-size: 13px; }
.pm-editor-color-line { position: absolute; bottom: 2px; left: 6px; right: 6px; height: 3px; border-radius: 1px; }
.pm-editor-menu { position: fixed; z-index: 1410; overflow: auto; padding: 5px; border: 1px solid #e0e6ef; border-radius: 6px; background: #fff; box-shadow: 0 7px 26px #233d6229; color: #586b85; font: 12px -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif; }
.pm-editor-menu * { box-sizing: border-box; }
.pm-editor-menu button { cursor: pointer; font: inherit; }
.pm-editor-menu-option { display: flex; justify-content: space-between; align-items: center; gap: 10px; width: 100%; min-height: 33px; padding: 7px 10px; border: 0; border-radius: 4px; color: inherit; background: #fff; text-align: left; }
.pm-editor-menu-option:hover, .pm-editor-menu-option.selected { color: #2869db; background: #edf3ff; }
.pm-editor-menu button:focus-visible { outline: 1px solid #2869db; outline-offset: -1px; }
.pm-editor-color-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; padding: 9px; }
.pm-editor-color-grid button { height: 24px; padding: 0; border: 1px solid #00000014; border-radius: 3px; }
.pm-editor-color-grid button:hover { outline: 2px solid #93b5e9; outline-offset: 1px; }
.pm-editor-custom-color { display: flex; align-items: center; justify-content: space-between; padding: 9px; border-top: 1px solid #edf0f5; }
.pm-editor-custom-color input { width: 34px; height: 24px; padding: 1px; border: 1px solid #dae2ee; border-radius: 3px; cursor: pointer; }
.pm-editor-default-color { display: block; width: 100%; padding: 8px; text-align: left; color: #6586b7; border: 0; background: transparent; }
.pm-editor-content hr, .pm-rich-description hr { border: 0; border-top: 1px solid #cfd8e6; margin: 16px 0; }
.pm-editor-content blockquote, .pm-rich-description blockquote { margin-top: 0; margin-bottom: 0; margin-right: 0; }
.pm-editor-content { min-height: 260px; max-height: 440px; padding: 16px 18px; overflow-y: auto; overscroll-behavior: contain; color: #40516c; font-size: 13px; line-height: 1.9; outline: none; overflow-wrap: anywhere; white-space: pre-wrap; }
.pm-editor-content:empty::before { content: attr(data-placeholder); pointer-events: none; color: #b0b9c8; }
.pm-editor-content p, .pm-rich-description p { margin: 0 0 8px; }
.pm-editor-content :is(ul, ol), .pm-rich-description :is(ul, ol) { margin: 8px 0; padding-left: 24px; }
.pm-editor-footer { display: flex; justify-content: space-between; gap: 10px; padding: 8px 12px; border-top: 1px solid #edf1f6; color: #a1adbf; font-size: 10px; }
.pm-description-editor.invalid { border-color: #d86c67; }
.pm-description-editor.invalid .pm-editor-footer { color: #c5615c; }
.pm-edit-description { grid-column: 1 / -1; min-width: 0; }
.pm-edit-description > span { display: block; margin-bottom: 9px; color: #6d7c92; font-size: 12px; }
.pm-rich-description { color: #65758d; line-height: 1.9; font-size: 13px; overflow-wrap: anywhere; white-space: pre-wrap; }
@media (max-width: 700px) {
    .pm-create-content { padding: 20px 14px; }
    .pm-create-photo { padding: 8px; }
    .pm-create-sidebar nav { padding: 8px 0; gap: 0; }
    .pm-create-sidebar nav button { padding: 9px 7px; }
    .pm-create-description > span { flex-basis: 68px; }
    .pm-create-grid { gap: 16px; }
    .pm-editor-toolbar { padding: 5px; gap: 1px; }
    .pm-editor-toolbar button.group-start { margin-left: 4px; }
    .pm-editor-toolbar button.group-start::before { display: none; }
    .pm-editor-content { min-height: 220px; padding: 12px; }
}