.skpm-article-workspace { gap: 1.5rem; align-items: start; }
.skpm-article-workspace .fi-section { border-radius: 1rem; }
.skpm-article-workspace .fi-section-header { padding: 1.35rem 1.5rem; }
.skpm-article-workspace .fi-section-header-heading { letter-spacing: -.02em; }
.skpm-article-editor { min-width: 0; }
.skpm-article-editor .tiptap { min-height: 30rem; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 1rem; line-height: 1.75; }
.skpm-article-editor .tiptap h2 { font-size: 1.8rem; line-height: 1.25; letter-spacing: -.025em; }
.skpm-article-editor .tiptap h3 { font-size: 1.35rem; line-height: 1.3; }
.skpm-article-editor .tiptap .grid-layout { display: grid; gap: 1rem; margin: 1.5rem 0; align-items: start; }
.skpm-article-editor .tiptap .grid-layout > .grid-layout-col { min-width: 0; min-height: 7rem; padding: 1rem; border: 1px dashed #a8c6e6; border-radius: .75rem; background: #f8fbff; }
.skpm-article-editor .tiptap .grid-layout > .grid-layout-col:focus-within { border-color: #0067d0; background: #fff; }
.skpm-article-editor .tiptap .grid-layout-col > :first-child { margin-top: 0; }
.skpm-article-editor .grid-layout-col .skpm-block-preview { padding: .65rem; }
.skpm-article-editor .grid-layout-col .article-split, .skpm-article-editor .grid-layout-col .article-stats dl { grid-template-columns: minmax(0, 1fr); }
@media (max-width: 47.999rem) {
    .skpm-article-editor .tiptap .grid-layout { grid-template-columns: minmax(0, 1fr) !important; }
    .skpm-article-editor .tiptap .grid-layout > .grid-layout-col { grid-column: auto !important; }
}
.skpm-block-preview { padding: 1.25rem; background: #fff; border: 1px solid #dbe4ee; border-radius: .8rem; pointer-events: none; overflow: hidden; }
.skpm-block-preview .article-block { margin: 0; }
.skpm-block-preview .article-block--wide { width: 100%; margin-left: 0; transform: none; }
.skpm-block-preview .article-gallery__items { max-height: 22rem; overflow: hidden; }
.skpm-block-preview .article-split { grid-template-columns: 1fr 1fr; }
.skpm-block-preview .article-gallery--carousel figure { flex-basis: 85%; }
.skpm-block-preview .article-chart__plot { max-height: 18rem; }
.skpm-block-preview .article-chart__donut { max-height: 14rem; }
.skpm-block-preview .article-video__player { min-height: 14rem; }
.skpm-editor-status { position: sticky; bottom: 1rem; z-index: 5; display: flex; align-items: center; gap: .6rem; width: fit-content; max-width: 100%; margin: 1rem 0 0; padding: .7rem 1rem; border: 1px solid #dbe4ee; border-radius: .7rem; background: #fff; color: #44566c; box-shadow: 0 .4rem 1.5rem rgba(10,27,45,.07); font-size: .78rem; }
.skpm-editor-status__dot { width: .45rem; height: .45rem; flex: 0 0 auto; border-radius: 50%; background: #127c76; }
.skpm-editor-preview__toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; margin-bottom: 1rem; }
.skpm-editor-preview__toolbar button, .skpm-editor-preview__toolbar a { display: inline-flex; align-items: center; min-height: 2.75rem; padding: .65rem 1rem; border: 1px solid #dbe4ee; border-radius: .65rem; background: #fff; color: #0a1b2d; font-size: .85rem; font-weight: 650; text-decoration: none; cursor: pointer; }
.skpm-editor-preview__toolbar button[aria-pressed="true"] { color: #fff; background: #0067d0; border-color: #0067d0; }
.skpm-editor-preview__toolbar a { margin-left: auto; }
.skpm-editor-preview__canvas { width: 100%; background: #e8edf3; padding: 1rem; border-radius: .8rem; }
.skpm-editor-preview iframe { display: block; width: 100%; height: 72vh; margin: 0 auto; border: 1px solid #dbe4ee; border-radius: .6rem; background: #fff; }
.skpm-editor-preview iframe.skpm-editor-preview__mobile { width: min(390px, 100%); }
@media (max-width: 42rem) {
    .skpm-article-editor .tiptap { min-height: 24rem; }
    .skpm-block-preview { padding: .85rem; }
    .skpm-block-preview .article-split { grid-template-columns: 1fr; }
    .skpm-editor-preview__canvas { padding: .35rem; }
    .skpm-editor-preview__toolbar a { margin-left: 0; }
}