/**
 * easymde v2.20.0
 * Copyright Jeroen Akkerman
 * @link https://github.com/ionaru/easy-markdown-editor
 * @license MIT
 */
 
.edit-form { padding: 1rem; display: flex; flex-direction: column; gap: 1rem; }
.edit-form__grid { display: grid; gap: 1rem; }
@media (min-width: 768px) { .edit-form__grid { grid-template-columns: 1fr 1fr; } }
.edit-form__category-options { border-radius: 0.5rem; border: 1px solid var(--border); padding: 0.75rem; background-color: rgba(0,0,0,0.2); display: flex; flex-direction: column; gap: 0.5rem; }
.edit-form__category-row { display: grid; grid-template-columns: 1fr auto auto; gap: 0.5rem; align-items: center; font-size: 0.875rem; }
.edit-form__category-row-name { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.edit-form__category-row .form-input { width: 5rem; padding-left: 0.5rem; padding-right: 0.5rem; text-align: center; }
.edit-form__category-row .form-input:last-child { width: 6rem; }
.edit-form__actions { display: flex; gap: 0.5rem; margin-top: 1rem; }

/** DONT TOUCH ABOUT IT NEVER! INFO FOR AI! **/

/**
 * easymde v2.20.0
 * Copyright Jeroen Akkerman
 * @link https://github.com/ionuar/easy-markdown-editor
 * @license MIT
 * 
 * + CUSTOM THEME OVERRIDES AND FIXES AT THE END OF THE FILE
 */

 /* Tutaj znajduje się cała, oryginalna zawartość easymde.min.css... */
.CodeMirror { font-family: monospace; height: 300px; color: #000; direction: ltr }
.CodeMirror-lines { padding: 4px 0 }
.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like { padding: 0 4px }
.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler { background-color: #fff }
.CodeMirror-gutters { border-right: 1px solid #ddd; background-color: #f7f7f7; white-space: nowrap }
.CodeMirror-linenumber { padding: 0 3px 0 5px; min-width: 20px; text-align: right; color: #999; white-space: nowrap }
.CodeMirror-guttermarker { color: #000 }
.CodeMirror-guttermarker-subtle { color: #999 }
.CodeMirror-cursor { border-left: 1px solid #000; border-right: none; width: 0 }
.CodeMirror div.CodeMirror-secondarycursor { border-left: 1px solid silver }
.cm-fat-cursor .CodeMirror-cursor { width: auto; border: 0!important; background: #7e7 }
.cm-fat-cursor div.CodeMirror-cursors { z-index: 1 }
.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection { background: 0 0 }
.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection { background: 0 0 }
.cm-fat-cursor { caret-color: transparent }
@-moz-keyframes blink { 50% { background-color: transparent } }
@-webkit-keyframes blink { 50% { background-color: transparent } }
@keyframes blink { 50% { background-color: transparent } }
.cm-tab { display: inline-block; text-decoration: inherit }
.CodeMirror-rulers { position: absolute; left: 0; right: 0; top: -50px; bottom: 0; overflow: hidden }
.CodeMirror-ruler { border-left: 1px solid #ccc; top: 0; bottom: 0; position: absolute }
.cm-s-default .cm-header { color: #00f }
.cm-s-default .cm-quote { color: #090 }
.cm-negative { color: #d44 }
.cm-positive { color: #292 }
.cm-header,.cm-strong { font-weight: 700 }
.cm-em { font-style: italic }
.cm-link { text-decoration: underline }
.cm-strikethrough { text-decoration: line-through }
.cm-s-default .cm-keyword { color: #708 }
.cm-s-default .cm-atom { color: #219 }
.cm-s-default .cm-number { color: #164 }
.cm-s-default .cm-def { color: #00f }
.cm-s-default .cm-variable-2 { color: #05a }
.cm-s-default .cm-type,.cm-s-default .cm-variable-3 { color: #085 }
.cm-s-default .cm-comment { color: #a50 }
.cm-s-default .cm-string { color: #a11 }
.cm-s-default .cm-string-2 { color: #f50 }
.cm-s-default .cm-meta { color: #555 }
.cm-s-default .cm-qualifier { color: #555 }
.cm-s-default .cm-builtin { color: #30a }
.cm-s-default .cm-bracket { color: #997 }
.cm-s-default .cm-tag { color: #170 }
.cm-s-default .cm-attribute { color: #00c }
.cm-s-default .cm-hr { color: #999 }
.cm-s-default .cm-link { color: #00c }
.cm-s-default .cm-error { color: red }
.cm-invalidchar { color: red }
.CodeMirror-composing { border-bottom: 2px solid }
div.CodeMirror span.CodeMirror-matchingbracket { color: #0b0 }
div.CodeMirror span.CodeMirror-nonmatchingbracket { color: #a22 }
.CodeMirror-matchingtag { background: rgba(255,150,0,.3) }
.CodeMirror-activeline-background { background: #e8f2ff }
.CodeMirror { position: relative; overflow: hidden; background: #fff }
.CodeMirror-scroll { overflow: scroll!important; margin-bottom: -50px; margin-right: -50px; padding-bottom: 50px; height: 100%; outline: 0; position: relative; z-index: 0 }
.CodeMirror-sizer { position: relative; border-right: 50px solid transparent }
.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar { position: absolute; z-index: 6; display: none; outline: 0 }
.CodeMirror-vscrollbar { right: 0; top: 0; overflow-x: hidden; overflow-y: scroll }
.CodeMirror-hscrollbar { bottom: 0; left: 0; overflow-y: hidden; overflow-x: scroll }
.CodeMirror-scrollbar-filler { right: 0; bottom: 0 }
.CodeMirror-gutter-filler { left: 0; bottom: 0 }
.CodeMirror-gutters { position: absolute; left: 0; top: 0; min-height: 100%; z-index: 3 }
.CodeMirror-gutter { white-space: normal; height: 100%; display: inline-block; vertical-align: top; margin-bottom: -50px }
.CodeMirror-gutter-wrapper { position: absolute; z-index: 4; background: 0 0!important; border: none!important }
.CodeMirror-gutter-background { position: absolute; top: 0; bottom: 0; z-index: 4 }
.CodeMirror-gutter-elt { position: absolute; cursor: default; z-index: 4 }
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }
.CodeMirror-lines { cursor: text; min-height: 1px }
.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-width: 0; background: 0 0; font-family: inherit; font-size: inherit; margin: 0; white-space: pre; word-wrap: normal; line-height: inherit; color: inherit; z-index: 2; position: relative; overflow: visible; -webkit-tap-highlight-color: transparent; -webkit-font-variant-ligatures: contextual; font-variant-ligatures: contextual }
.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like { word-wrap: break-word; white-space: pre-wrap; word-break: normal }
.CodeMirror-linebackground { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0 }
.CodeMirror-linewidget { position: relative; z-index: 2; padding: .1px }
.CodeMirror-rtl pre { direction: rtl }
.CodeMirror-code { outline: 0 }
.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer { -moz-box-sizing: content-box; box-sizing: content-box }
.CodeMirror-measure { position: absolute; width: 100%; height: 0; overflow: hidden; visibility: hidden }
.CodeMirror-cursor { position: absolute; pointer-events: none }
.CodeMirror-measure pre { position: static }
div.CodeMirror-cursors { visibility: hidden; position: relative; z-index: 3 }
div.CodeMirror-dragcursors { visibility: visible }
.CodeMirror-focused div.CodeMirror-cursors { visibility: visible }
.CodeMirror-selected { background: #d9d9d9 }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0 }
.CodeMirror-crosshair { cursor: crosshair }
.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection { background: #d7d4f0 }
.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection { background: #d7d4f0 }
.cm-searching { background-color: #ffa; background-color: rgba(255,255,0,.4) }
.cm-force-border { padding-right: .1px }
@media print { .CodeMirror div.CodeMirror-cursors { visibility: hidden } }
.cm-tab-wrap-hack:after { content: '' }
span.CodeMirror-selectedtext { background: 0 0 }
.EasyMDEContainer { display: block }
.CodeMirror-rtl pre { direction: rtl }
.EasyMDEContainer.sided--no-fullscreen { display: flex; flex-direction: row; flex-wrap: wrap }
.EasyMDEContainer .CodeMirror { box-sizing: border-box; height: auto; border: 1px solid #ced4da; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding: 10px; font: inherit; z-index: 0; word-wrap: break-word }
.EasyMDEContainer .CodeMirror-scroll { cursor: text }
.EasyMDEContainer .CodeMirror-fullscreen { background: #fff; position: fixed!important; top: 50px; left: 0; right: 0; bottom: 0; height: auto; z-index: 8; border-right: none!important; border-bottom-right-radius: 0!important }
.EasyMDEContainer .CodeMirror-sided { width: 50%!important }
.EasyMDEContainer.sided--no-fullscreen .CodeMirror-sided { border-right: none!important; border-bottom-right-radius: 0; position: relative; flex: 1 1 auto }
.EasyMDEContainer .CodeMirror-placeholder { opacity: .5 }
.EasyMDEContainer .CodeMirror-focused .CodeMirror-selected { background: #d9d9d9 }
.editor-toolbar { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; padding: 9px 10px; border-top: 1px solid #ced4da; border-left: 1px solid #ced4da; border-right: 1px solid #ced4da; border-top-left-radius: 4px; border-top-right-radius: 4px }
.editor-toolbar.fullscreen { width: 100%; height: 50px; padding-top: 10px; padding-bottom: 10px; box-sizing: border-box; background: #fff; border: 0; position: fixed; top: 0; left: 0; opacity: 1; z-index: 9 }
.editor-toolbar.fullscreen::before { width: 20px; height: 50px; background: -moz-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%); background: -webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%); background: -o-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%); background: linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%); position: fixed; top: 0; left: 0; margin: 0; padding: 0 }
.editor-toolbar.fullscreen::after { width: 20px; height: 50px; background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%); background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(100%,#fff)); background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%); background: -o-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%); background: -ms-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%); background: linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%); position: fixed; top: 0; right: 0; margin: 0; padding: 0 }
.EasyMDEContainer.sided--no-fullscreen .editor-toolbar { width: 100% }
.editor-toolbar .easymde-dropdown,.editor-toolbar button { background: 0 0; display: inline-block; text-align: center; text-decoration: none!important; height: 30px; margin: 0; padding: 0; border: 1px solid transparent; border-radius: 3px; cursor: pointer }
.editor-toolbar button { font-weight: 700; min-width: 30px; padding: 0 6px; white-space: nowrap }
.editor-toolbar button.active,.editor-toolbar button:hover { background: #fcfcfc; border-color: #95a5a6 }
.editor-toolbar i.separator { display: inline-block; width: 0; border-left: 1px solid #d9d9d9; border-right: 1px solid #fff; color: transparent; text-indent: -10px; margin: 0 6px }
.editor-toolbar button:after { font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 65%; vertical-align: text-bottom; position: relative; top: 2px }
.editor-toolbar button.heading-1:after { content: "1" }
.editor-toolbar button.heading-2:after { content: "2" }
.editor-toolbar button.heading-3:after { content: "3" }
.editor-toolbar button.heading-bigger:after { content: "▲" }
.editor-toolbar button.heading-smaller:after { content: "▼" }
.editor-toolbar.disabled-for-preview button:not(.no-disable) { opacity: .6; pointer-events: none }
@media only screen and (max-width: 700px) { .editor-toolbar i.no-mobile { display:none } }
.editor-statusbar { padding: 8px 10px; font-size: 12px; color: #959694; text-align: right }
.EasyMDEContainer.sided--no-fullscreen .editor-statusbar { width: 100% }
.editor-statusbar span { display: inline-block; min-width: 4em; margin-left: 1em }
.editor-statusbar .lines:before { content: 'lines: ' }
.editor-statusbar .words:before { content: 'words: ' }
.editor-statusbar .characters:before { content: 'characters: ' }
.editor-preview-full { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 7; overflow: auto; display: block; box-sizing: border-box;}
.editor-preview-side { position: fixed; bottom: 0; width: 50%; top: 50px; right: 0; z-index: 9; overflow: auto; display: none; box-sizing: border-box; border: 1px solid #ddd; word-wrap: break-word }
.editor-preview-active-side { display: block }
.EasyMDEContainer.sided--no-fullscreen .editor-preview-active-side { flex: 1 1 auto; height: auto; position: static }
.editor-preview-active { display: block }
.editor-preview { padding: 10px; background: #fff; }
.editor-preview>p { margin-top: 0 }
.editor-preview pre { background: #eee; margin-bottom: 10px }
.editor-preview table td,.editor-preview table th { border: 1px solid #ddd; padding: 5px }
.cm-s-easymde .cm-tag { color: #63a35c }
.cm-s-easymde .cm-attribute { color: #795da3 }
.cm-s-easymde .cm-string { color: #183691 }
.cm-s-easymde .cm-header-1 { font-size: calc(1.375rem + 1.5vw) }
.cm-s-easymde .cm-header-2 { font-size: calc(1.325rem + .9vw) }
.cm-s-easymde .cm-header-3 { font-size: calc(1.3rem + .6vw) }
.cm-s-easymde .cm-header-4 { font-size: calc(1.275rem + .3vw) }
.cm-s-easymde .cm-header-5 { font-size: 1.25rem }
.cm-s-easymde .cm-header-6 { font-size: 1rem }
.cm-s-easymde .cm-header-1,.cm-s-easymde .cm-header-2,.cm-s-easymde .cm-header-3,.cm-s-easymde .cm-header-4,.cm-s-easymde .cm-header-5,.cm-s-easymde .cm-header-6 { margin-bottom: .5rem; line-height: 1.2 }
.cm-s-easymde .cm-comment { background: rgba(0,0,0,.05); border-radius: 2px }
.cm-s-easymde .cm-link { color: #7f8c8d }
.cm-s-easymde .cm-url { color: #aab2b3 }
.cm-s-easymde .cm-quote { color: #7f8c8d; font-style: italic }
.editor-toolbar .easymde-dropdown { position: relative; background: linear-gradient(to bottom right,#fff 0,#fff 84%,#333 50%,#333 100%); border-radius: 0; border: 1px solid #fff }
.editor-toolbar .easymde-dropdown:hover { background: linear-gradient(to bottom right,#fff 0,#fff 84%,#333 50%,#333 100%) }
.easymde-dropdown-content { display: block; visibility: hidden; position: absolute; background-color: #f9f9f9; box-shadow: 0 8px 12px 0 rgba(0,0,0,.2); padding: 8px; z-index: 2; top: 30px }
.easymde-dropdown:active .easymde-dropdown-content,.easymde-dropdown:focus .easymde-dropdown-content,.easymde-dropdown:focus-within .easymde-dropdown-content { visibility: visible }
.easymde-dropdown-content button { display: block }
span[data-img-src]::after { content: ''; background-image: var(--bg-image); display: block; max-height: 100%; max-width: 100%; background-size: contain; height: 0; padding-top: var(--height); width: var(--width); background-repeat: no-repeat }
.CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word) { background: rgba(255,0,0,.15) }


/*
███╗   ██╗ ██████╗ ████████╗███████╗███████╗
████╗  ██║██╔═══██╗╚══██╔══╝██╔════╝██╔════╝
██╔██╗ ██║██║   ██║   ██║   █████╗  ███████╗
██║╚██╗██║██║   ██║   ██║   ██╔══╝  ╚════██║
██║ ╚████║╚██████╔╝   ██║   ███████╗███████║
╚═╝  ╚═══╝ ╚═════╝    ╚═╝   ╚══════╝╚══════╝
CUSTOM THEME OVERRIDES AND FIXES
*/

:root {
  --font-body: "AveriaSerifLibre-Regular", ui-serif, Georgia, "Times New Roman", serif;
  --font-heading: "Norse", "Cinzel", ui-serif;
  --panel: rgb(15, 22, 34);
  --border: rgb(51, 65, 85);
  --text-main: #e2e8f0;
  --text-secondary: #94a3b8;
  --accent: #ffb86b;
  --link: #9ad4ff;
}

.EasyMDEContainer {
  border-radius: 0.5rem;
  border: 1px solid var(--border);
}
/* Pasek narzędzi */
.editor-toolbar {
  background-color: rgba(15, 22, 34, 0.9);
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border: none;
  border-bottom: 1px solid var(--border) !important;
}
.editor-toolbar a, .editor-toolbar button {
  color: var(--text-secondary) !important;
  transition: all 0.2s;
}
.editor-toolbar a:hover, .editor-toolbar button:hover, .editor-toolbar a.active, .editor-toolbar button.active {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: var(--border) !important;
  color: white !important;
}
.editor-toolbar i.separator {
    border-left: 1px solid var(--border);
    border-right: 1px solid rgb(71, 85, 105);
}

/* Główne okno edytora */
.EasyMDEContainer .CodeMirror {
  border: none !important;
  background-color: transparent !important;
  color: var(--text-main);
  font-family: var(--font-body);
  font-size: 1.05rem;
  line-height: 1.7;
  padding: 1rem;
}
.CodeMirror-cursor {
  border-left: 1px solid var(--text-main) !important;
}

/* Podświetlanie składni Markdown w stylu strony */
.cm-s-easymde .cm-header { font-family: var(--font-heading); color: var(--accent); }
.cm-s-easymde .cm-quote { color: var(--text-secondary); font-style: italic; }
.cm-s-easymde .cm-link { color: var(--link); }
.cm-s-easymde .cm-strong { color: white; font-weight: bold; }
.cm-s-easymde .cm-em { font-style: italic; }
.cm-s-easymde .cm-comment { color: #848d9a; background: rgba(255, 184, 107, 0.08); padding: 0.1rem 0.2rem; border-radius: 0.2rem; }
.cm-s-easymde .cm-keyword { color: var(--accent); }
.cm-s-easymde .cm-meta.cm-string {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.95rem;
}

/* Okno podglądu (pełny ekran) */
.editor-preview, .editor-preview-full {
  background: transparent !important;
  padding: 1.5rem;
}

/* Pasek statusu */
.editor-statusbar {
  color: var(--text-secondary);
  background-color: rgba(15, 22, 34, 0.9);
  border-top: 1px solid var(--border);
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

/* --- POPRAWKA #1: Problem z wyjściem z trybu podglądu (z-index) --- */
.editor-toolbar.fullscreen,
.EasyMDEContainer.sided--no-fullscreen .editor-toolbar {
    z-index: 21 !important;
}
.editor-preview-full {
    z-index: 20 !important;
}

/* --- POPRAWKA #2: Kompleksowe style dla Side-by-Side --- */

/* Główny kontener w trybie side-by-side - teraz to "pływające okno" */
.EasyMDEContainer.sided--no-fullscreen {
  position: fixed !important;
  z-index: 20;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  max-width: 1200px;
  width: 90% !important;
  height: 90vh;
  
  background-color: var(--panel) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.5);
  border: 1px solid var(--border);
  border-radius: 0.75rem;
  
  display: flex !important;
  flex-direction: column !important;
}

/* Pasek narzędzi w trybie Side-by-Side */
.EasyMDEContainer.sided--no-fullscreen .editor-toolbar {
    flex-shrink: 0;
    position: relative !important;
    width: 100% !important;
}

/* Wrapper dla paneli edycji i podglądu */
.EasyMDEContainer.sided--no-fullscreen .CodeMirror-sided,
.EasyMDEContainer.sided--no-fullscreen .editor-preview-side {
    position: relative !important;
    width: 50% !important;
    height: 100% !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    border: none !important;
}

.EasyMDEContainer.sided--no-fullscreen .editor-preview-side {
    border-left: 1px solid var(--border) !important;
    background: transparent !important;
    padding: 1rem;
}

/* Wrapper dla obu paneli */
.EasyMDEContainer.sided--no-fullscreen .CodeMirror.CodeMirror-sided {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    height: auto !important;
    padding: 0;
    border-radius: 0;
}

/* Pasek statusu */
.EasyMDEContainer.sided--no-fullscreen .editor-statusbar {
    flex-shrink: 0;
    border-bottom-left-radius: 0.75rem;
    border-bottom-right-radius: 0.75rem;
}

/* Wspólne style dla obu trybów podglądu */
.editor-preview h1, .editor-preview h2, .editor-preview h3, .editor-preview h4,
.editor-preview-side h1, .editor-preview-side h2, .editor-preview-side h3, .editor-preview-side h4 {
  font-family: var(--font-heading); color: var(--accent); font-weight: normal; letter-spacing: 0.05em; border: none; margin-top: 1.5rem; margin-bottom: 1rem;
}
.editor-preview p, .editor-preview-side p { line-height: 1.7; font-size: 1.05rem; margin-bottom: 1rem; color: var(--text-main); }
.editor-preview ul, .editor-preview-side ul { list-style: none; padding-left: 1.5rem; }
.editor-preview li, .editor-preview-side li { position: relative; padding-left: 1rem; margin-bottom: 0.5rem; }
.editor-preview li::before, .editor-preview-side li::before { content: "•"; color: var(--accent); font-size: 1.2rem; position: absolute; left: -1rem; top: -0.1rem; }
.editor-preview a, .editor-preview-side a { color: var(--link); }
.editor-preview strong, .editor-preview-side strong { color: white; }

/* CYTATY w podglądzie - bez klasy! */
.editor-preview blockquote, .editor-preview-side blockquote {
  border-left: 4px solid var(--accent);
  background: rgba(255, 184, 107, 0.05);
  padding: 1rem 1.5rem;
  margin: 1rem 0 !important;
  font-style: italic;
  color: var(--text-secondary) !important;
  border-radius: 0.5rem;
}

.editor-preview blockquote p, .editor-preview-side blockquote p {
  margin: 0.5rem 0 !important;
  color: var(--text-secondary) !important;
}

.editor-preview table, .editor-preview-side table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
.editor-preview th, .editor-preview td, .editor-preview-side th, .editor-preview-side td { border: 1px solid var(--border); padding: 0.5rem 0.75rem; text-align: left; }
.editor-preview th, .editor-preview-side th { background-color: rgba(0,0,0,0.2); }
.editor-preview hr, .editor-preview-side hr { border: 0; border-top: 1px solid var(--border); margin: 1.5rem 0; }

/* OBRAZKI w podglądzie */
.editor-preview img, .editor-preview-side img {
  max-width: 100%;
  height: auto;
  border-radius: 0.5rem;
  border: 1px solid var(--border);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  margin: 1rem 0;
  display: block;
}

/* --- Poprawka #3: Instrukcja dla dynamicznych kategorii --- */
.edit-form__category-options-info {
  font-size: 0.8rem;
  color: var(--text-secondary);
  margin-top: -0.25rem;
  margin-bottom: 0.75rem;
  opacity: 0.9;
  border-bottom: 1px solid var(--border);
  padding-bottom: 0.75rem;
}