.workspace:is([data-view=team],[data-view=settings],[data-view=projects],[data-view=drafts],[data-view=trash]) main { grid-column: 3 / 5; }
.workspace:is([data-view=team],[data-view=settings],[data-view=projects],[data-view=drafts],[data-view=trash]) .calendar-panel { display: none; }
.editor-dialog { --editor-unit: 12px; --editor-scale: .75; overflow: hidden; font-size: var(--editor-unit); line-height: 1.4; }
[data-theme=dark] .editor-dialog { --paper: #21262b; --raised: #282e34; }
.editor-dialog > form { height: 100%; min-height: 0; }
.editor-grid { position: relative; grid-template-columns: minmax(0, var(--editor-split, 3fr)) minmax(0, 2fr); height: calc(100dvh - var(--editor-unit) * 4.625); min-height: 0; }
/* Draggable border between editor and preview (PostMyPost: 12.5 px handle at the column edge). */
.editor-resizer { position: absolute; z-index: 5; top: 0; bottom: 0; left: var(--editor-split-left, 60%); width: calc(var(--editor-unit) * .893); cursor: ew-resize; touch-action: none; }
.editor-resizer::after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 2px; background: transparent; }
.editor-resizer:hover::after, .editor-resizer:focus-visible::after, .resizing .editor-resizer::after { background: var(--brand); }
.editor-resizer:focus-visible { outline: 0; }
.preview-hidden .editor-resizer { display: none; }
body.resizing { cursor: ew-resize; user-select: none; }
.editor-fields, .preview-pane { overflow-y: scroll; scrollbar-gutter: stable; }
.editor-fields::-webkit-scrollbar, .preview-pane::-webkit-scrollbar { width: 14px; }
.editor-fields::-webkit-scrollbar-track, .preview-pane::-webkit-scrollbar-track { background: transparent; }
.editor-fields::-webkit-scrollbar-thumb, .preview-pane::-webkit-scrollbar-thumb { background: #414b55; background-clip: content-box; border: calc(var(--editor-unit) * .25) solid transparent; border-radius: var(--editor-unit); }
.editor-fields::-webkit-scrollbar-button, .preview-pane::-webkit-scrollbar-button { display: none; }
.editor-dialog .dialog-header { height: calc(var(--editor-unit) * 4.625); min-height: 0; padding: var(--editor-unit); border: 0; gap: var(--editor-unit); }
.editor-dialog .project-avatar { width: calc(var(--editor-unit) * 2.625); height: calc(var(--editor-unit) * 2.625); font-size: var(--editor-unit); }
.editor-dialog .editor-identity { gap: calc(var(--editor-unit) * .5); }
.editor-dialog .editor-identity h2 { margin-top: calc(var(--editor-unit) * .125); font-size: calc(var(--editor-unit) * .875); }
.editor-dialog :is(.secondary,.publish-button,.add-version) { min-height: calc(var(--editor-unit) * 2.625); padding: 0 var(--editor-unit); font-size: var(--editor-unit); font-weight: 400; line-height: 1.4; border-radius: calc(var(--editor-unit) * .625); }
.editor-dialog :is(.secondary,.add-version) { color: var(--muted); }
.editor-dialog .icon-button { width: calc(var(--editor-unit) * 2.625); min-height: calc(var(--editor-unit) * 2.625); font-size: calc(var(--editor-unit) * 1.5); }
.editor-identity strong { font-weight: 400; }
.editor-theme { position: absolute; bottom: var(--editor-unit); left: var(--editor-unit); font-size: calc(var(--editor-unit) * 1.5); }
.editor-fields { padding: calc(var(--editor-unit) * 2); padding-bottom: calc(var(--editor-unit) * 5); }
.editor-content { width: 100%; max-width: calc(var(--editor-unit) * 48); margin: 0 auto; }
.editor-actions { margin-top: calc(var(--editor-unit) * 2); gap: calc(var(--editor-unit) * .375); }
.editor-dialog.preview-hidden .editor-fields { max-width: none; }
.publish-button { background: #2ac668; }
.publish-button:hover { background: #1bb55d; }
#project-switcher { display: flex; flex-direction: column; gap: 15px; align-items: center; max-height: 60vh; overflow-y: auto; padding: 4px; }
#project-switcher .rail-project { position: relative; }
.color-pink { background: #d94372; color: white; }
.color-red { background: #e35455; color: white; }
.color-orange { background: #de8b3e; color: white; }
.color-yellow { background: #d6b73a; color: #282510; }
.color-green { background: #63a64a; color: white; }
.color-teal { background: #33aa8e; color: white; }
.color-cyan { background: #38a6c9; color: white; }
.color-blue { background: #438fd4; color: white; }
.color-indigo { background: #6673cd; color: white; }
.color-purple { background: #a469c8; color: white; }
.color-gray { background: #8995a5; color: white; }
.color-brown { background: #a27b61; color: white; }
.management-page { padding: 32px; max-width: 1080px; }
.management-page > p { margin: 16px 0 22px; max-width: 690px; }
.management-heading { display: flex; gap: 20px; justify-content: space-between; align-items: center; }
.section-label { margin: 30px 0 14px; }
.project-row { display: flex; align-items: center; gap: 16px; width: 100%; padding: 18px; border: 0; border-bottom: 1px solid var(--line); background: transparent; text-align: left; }
.project-row > :last-child { margin-left: auto; }
.settings-layout { display: grid; grid-template-columns: 210px 1fr; height: 100%; }
.settings-layout > aside { border-right: 1px solid var(--line); background: var(--paper); padding: 15px; }
.settings-form { max-width: 560px; margin-top: 30px; }
.settings-form > label { margin-bottom: 24px; }
.color-picker { display: flex; gap: 10px; margin: 24px 0; flex-wrap: wrap; }
.color-picker legend { margin-bottom: 12px; }
.color-picker label { display: block; width: 24px; height: 24px; border-radius: 50%; cursor: pointer; }
.color-picker input { opacity: 0; position: absolute; width: 24px; height: 24px; margin: 0; cursor: pointer; }
.color-picker label:has(input:checked) { outline: 2px solid var(--ink); outline-offset: 3px; }
.custom-rights { margin: 18px 0; }
.custom-rights .radio-label { margin: 10px 0; }
.management-page .account-row .badge { margin-top: 6px; }
.connection-fields > .primary { margin-top: 20px; }
.version-card { margin-bottom: calc(var(--editor-unit) * 2); position: relative; padding: var(--editor-unit); border-radius: calc(var(--editor-unit) * .625); }
.version-card.drop-target { outline: 2px dashed var(--brand); outline-offset: -2px; }
.version-header { display: flex; justify-content: space-between; align-items: flex-start; }
.version-header .post-type { margin-bottom: calc(var(--editor-unit) * .875); height: calc(var(--editor-unit) * 1.859375); padding: 0 calc(var(--editor-unit) * .4375); font-size: calc(var(--editor-unit) * .875); line-height: 1.4; font-weight: 400; border-radius: calc(var(--editor-unit) * .4375); }
.remove-version { min-height: 20px; padding: 0 5px; }
.version-card .account-choice { --account-color: #3f9ed9; position: relative; padding: 0 calc(var(--editor-unit) * .875) 0 0; height: calc(var(--editor-unit) * 2.296875); width: calc(var(--editor-unit) * 7.2625); gap: calc(var(--editor-unit) * .4375); border: 0; border-radius: calc(var(--editor-unit) * 1.3125); font-size: calc(var(--editor-unit) * .875); font-weight: 400; line-height: 1.2; }
.version-card .account-choice[data-provider=vk] { --account-color: #0080ff; }
.version-card .account-choice[data-provider=discord] { --account-color: #5966f3; }
.version-card .account-choice:has(input:checked) { background: var(--account-color); color: white; }
.version-card .account-choice input, .version-card .select-all input { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.version-card .account-choice:has(input:focus-visible), .version-card .select-all:has(input:focus-visible) { outline: 2px solid var(--brand); outline-offset: 3px; }
.account-avatar { position: relative; flex: 0 0 calc(var(--editor-unit) * 2.296875); height: calc(var(--editor-unit) * 2.296875); display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #5f6872; color: #d0d5dc; font-size: calc(var(--editor-unit) * .875); }
.account-service, .account-check { position: absolute; display: grid; place-items: center; width: calc(var(--editor-unit) * 1.5); height: calc(var(--editor-unit) * 1.5); border: calc(var(--editor-unit) * .1333) solid var(--raised); border-radius: 50%; color: white; }
.account-service { right: calc(var(--editor-unit) * -.1667); bottom: calc(var(--editor-unit) * -.1667); background: var(--account-color); }
.account-check { left: calc(var(--editor-unit) * -.1667); top: calc(var(--editor-unit) * -.1667); background: #1f8cf9; visibility: hidden; }
.account-choice:has(input:checked) .account-check { visibility: visible; }
.version-card .account-service svg { width: 75%; height: 75%; }
.version-card .account-check svg, .version-card .select-all-check svg { width: 100%; height: 100%; stroke-width: 2; }
.account-choice-name { min-width: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.version-card .select-all { position: relative; margin: 0; padding: 0; gap: calc(var(--editor-unit) * .4375); font-size: calc(var(--editor-unit) * .875); font-weight: 400; cursor: pointer; }
.select-all-check { position: relative; display: inline-flex; width: calc(var(--editor-unit) * 1.09375); height: calc(var(--editor-unit) * 1.09375); border: 1px solid var(--muted); border-radius: calc(var(--editor-unit) * .1875); color: white; }
.select-all-check svg { visibility: hidden; }
.select-all input:is(:checked,:indeterminate) + .select-all-check { background: #1f8cf9; border-color: #1f8cf9; }
.select-all input:checked + .select-all-check svg { visibility: visible; }
.select-all input:indeterminate + .select-all-check::after { content: ''; position: absolute; inset: 45% 23%; background: white; }
.rich-input { margin: calc(var(--editor-unit) * 2) 0; }
.tiptap { min-height: 1.4em; outline: none; font-size: var(--editor-unit); line-height: 1.4; overflow-wrap: anywhere; padding: 0; }
.tiptap p { margin: 0; min-height: 1.4em; line-height: inherit; }
.tiptap p.is-editor-empty:first-child::before { content: attr(data-placeholder); color: var(--muted); pointer-events: none; float: left; height: 0; }
.tiptap:has(p:only-child:empty)::before { content: 'Текст публикации...'; color: var(--muted); position: absolute; pointer-events: none; }
[data-theme=dark] .tiptap::before, [data-theme=dark] .tiptap p.is-editor-empty:first-child::before { color: #8c99a6; }
.tiptap ul, .tiptap ol, .rich-preview ul, .rich-preview ol { padding-left: 24px; margin: 0; }
.tiptap blockquote, .rich-preview blockquote { border-left: 3px solid var(--brand); padding: 4px 10px; margin: 5px 0; background: var(--nav-active); border-radius: 3px; }
.tiptap pre, .rich-preview pre { background: var(--paper); padding: 10px; border-radius: 5px; white-space: pre-wrap; }
.tiptap code, .rich-preview code { font-family: Consolas, monospace; background: var(--button); padding: 1px 3px; }
.spoiler { background: var(--muted); color: transparent; border-radius: 2px; }
.tiptap .spoiler, .spoiler:hover { color: inherit; background: var(--button); }
.format-toolbar { display: none; position: fixed; z-index: 10; width: max-content; max-width: min(480px, calc(100vw - 24px)); margin: 0; padding: 4px; background: var(--paper); border: 1px solid var(--line); border-radius: 5px; box-shadow: 0 3px 12px #0003; flex-wrap: wrap; gap: 2px; }
.format-toolbar.visible { display: flex; }
.format-toolbar button { border: 0; background: transparent; color: var(--ink); min-height: 28px; min-width: 28px; border-radius: 3px; }
.format-toolbar button:hover, .format-toolbar [aria-pressed=true] { background: var(--nav-active); color: var(--brand); }
[data-format=bold] { font-weight: 750; }
[data-format=italic] { font-style: italic; }
[data-format=underline] { text-decoration: underline; }
[data-format=strike] { text-decoration: line-through; }
.add-version { color: var(--ink); background: var(--button); margin-top: 0; }
.editor-dialog .add-version { padding: 0 var(--editor-unit) 0 calc(var(--editor-unit) * .5); }
.add-version svg { width: calc(var(--editor-unit) * 1.5); height: calc(var(--editor-unit) * 1.5); }
.version-card .composer-tools { position: relative; padding-top: 0; gap: calc(var(--editor-unit) * .375); min-height: calc(var(--editor-unit) * 1.5857); }
.version-card svg { width: calc(var(--editor-unit) * 1.5); height: calc(var(--editor-unit) * 1.5); }
.version-header .post-type { display: inline-flex; align-items: center; gap: 3px; }
.version-header .post-type svg { width: calc(var(--editor-unit) * 1.3125); height: calc(var(--editor-unit) * 1.3125); }
.composer-tools .upload-label, .composer-tools > button, .composer-tools .composer-more > button { width: calc(var(--editor-unit) * 1.5); min-height: calc(var(--editor-unit) * 1.5857); padding: 0; justify-content: center; }
.version-card > fieldset { display: flex; flex-wrap: wrap; align-items: center; gap: calc(var(--editor-unit) * .328125); }
.version-card .account-picker { display: contents; }
.editor-content > .post-options { float: right; margin: calc(var(--editor-unit) * .5) 0 0; max-width: 100%; }
.editor-content > .post-options summary { list-style: none; }
.editor-content > .post-options[open] { float: none; margin-top: calc(var(--editor-unit) * 1.5); }
.version-card .composer-tools .char-count { margin-left: auto; }
.version-card :is(.char-count,.hashtag-count) { font-size: calc(var(--editor-unit) * .875); white-space: nowrap; display: inline-flex; align-items: center; gap: calc(var(--editor-unit) * .25); line-height: 1; }
[data-theme=dark] .composer-tools, [data-theme=dark] .composer-tools > .quiet, [data-theme=dark] .composer-tools .composer-more > .quiet { color: #8c99a6; }
[data-theme=light] .composer-tools > .quiet, [data-theme=light] .composer-tools .composer-more > .quiet, [data-theme=light] .composer-tools .upload-label { color: #808080; }
.emoji-picker { position: absolute; right: 0; bottom: calc(100% + 8px); width: min(304px, calc(100vw - 60px)); padding: 8px; display: grid; grid-template-columns: repeat(8,1fr); gap: 2px; background: var(--paper); border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 4px 24px #0004; z-index: 5; }
.emoji-picker.opens-down { top: calc(100% + 8px); bottom: auto; }
.emoji-picker button { border: 0; background: transparent; border-radius: 4px; padding: 5px 0; font-size: 20px; }
.emoji-picker button:hover { background: var(--hover); }
.media-order { position: absolute; left: 0; bottom: 0; display: flex; gap: 3px; }
.media-order button { position: static; width: 28px; height: 23px; border-radius: 3px; }
.preview-pane { padding: 0; position: relative; background: var(--paper); }
.preview-devices { display: flex; justify-content: flex-end; gap: 0; position: sticky; top: var(--editor-unit); height: 0; z-index: 2; margin-right: var(--editor-unit); }
.preview-devices button { min-width: calc(var(--editor-unit) * 2.625); height: calc(var(--editor-unit) * 2.625); min-height: 0; background: var(--raised); padding: 0; border-radius: calc(var(--editor-unit) * .625); }
.preview-devices button:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.preview-devices button:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.preview-devices svg { width: calc(var(--editor-unit) * 1.5); height: calc(var(--editor-unit) * 1.5); }
.preview-devices button[aria-pressed=true] { color: var(--muted); background: var(--button); }
.network-preview { margin: 0; max-width: none; padding: calc(var(--editor-unit) * 5.25) var(--editor-unit); text-align: center; min-height: 0; }
.network-preview.vk { background: #edeef0; }
.network-preview.telegram, .network-preview.telegram_chat { background-color: #fff; background-image: url('/assets/telegram-pattern-light.svg'); background-size: calc(160 / 14 * var(--editor-unit)); }
.network-preview.discord { background: #fff; }
[data-theme=dark] .network-preview.vk { background: #141414; }
[data-theme=dark] .network-preview.telegram, [data-theme=dark] .network-preview.telegram_chat { background-color: #101010; background-image: url('/assets/telegram-pattern.svg'); background-size: calc(160px * var(--editor-scale)) auto; }
[data-theme=dark] .network-preview.discord { background: #21262b; }
.preview-network { font-size: var(--editor-unit); line-height: 1.4; border-radius: calc(var(--editor-unit) * 2); margin: 0 auto var(--editor-unit); padding: calc(var(--editor-unit) * .25) calc(var(--editor-unit) * .75); }
.discord .preview-network { background: #5865f2; }
.telegram .preview-network, .telegram_chat .preview-network { background: #38a7d8; }
.post-preview { text-align: left; margin: auto; width: calc(100% * var(--editor-scale)); max-width: calc(var(--editor-unit) * 34.375); background: var(--raised); border: 1px solid var(--line); border-radius: calc(var(--editor-unit) * .625); }
.network-preview.empty-preview:is(.telegram,.telegram_chat) .post-preview { display: none; }
.network-preview.empty-preview:is(.telegram,.telegram_chat) { min-height: calc(var(--editor-unit) * 15.4625); }
.network-preview.empty-preview .preview-text { display: none; }
.network-preview.discord .preview-social-footer { display: none; }
.network-preview.discord .preview-author small { display: none; }
.network-preview.discord .preview-author strong::after { content: 'BOT'; font-size: 9px; margin-left: calc(var(--editor-unit) * .5); font-weight: 400; }
.network-preview.discord .post-preview { max-width: calc(var(--editor-unit) * 28.125); }
[data-theme=dark] .network-preview.vk .post-preview { background: #222; border-color: #333; }
.preview-author .network-mark { width: calc(var(--editor-unit) * 2.3625); height: calc(var(--editor-unit) * 2.3625); font-size: calc(var(--editor-unit) * .875); }
.preview-author > div { min-width: 0; }
.preview-author strong { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.vk .preview-author small { display: none; }
.vk .preview-author::after { content: '•••'; color: var(--muted); margin-left: auto; }
.vk .post-preview { font-family: -apple-system, BlinkMacSystemFont, Roboto, "Open Sans", "Helvetica Neue", Arial, sans-serif; }
.vk .preview-author strong { font-size: calc(var(--editor-unit) * .875); font-weight: 500; }
.vk .preview-author .network-mark { width: calc(var(--editor-unit) * 2.5); height: calc(var(--editor-unit) * 2.5); }
.vk .preview-social-footer { display: flex; align-items: center; gap: var(--editor-unit); min-height: 0; padding: calc(var(--editor-unit) * 1.25) calc(var(--editor-unit) * 1.25) calc(var(--editor-unit) * 1.125); }
.vk .preview-social-footer svg { width: calc(var(--editor-unit) * 1.5); height: calc(var(--editor-unit) * 1.5); }
.vk .preview-social-footer time { margin-left: auto; font-size: calc(var(--editor-unit) * .8125); }
.preview-author { padding: var(--editor-unit); gap: calc(var(--editor-unit) * .75); }
.preview-author strong { font-size: calc(var(--editor-unit) * .9375); line-height: 1.4; }
.preview-author small { font-size: calc(var(--editor-unit) * .75); }
.preview-text { min-height: 0; padding: calc(var(--editor-unit) * .75) var(--editor-unit); font-size: var(--editor-unit); line-height: 1.4; }
.vk .preview-body, .discord .preview-body { display: flex; flex-direction: column; }
.vk .preview-text, .discord .preview-text { order: -1; }
.rich-preview { white-space: normal; }
.rich-preview p { white-space: pre-wrap; min-height: 1.6em; }
.preview-text:empty::after { content: ''; }
.preview-social-footer { padding: calc(var(--editor-unit) * .75) var(--editor-unit); color: var(--muted); font-size: calc(var(--editor-unit) * .875); }
.vk .preview-author { padding: var(--editor-unit) calc(var(--editor-unit) * 1.25) 0; }
.vk .preview-text { padding-top: var(--editor-unit); font-size: calc(var(--editor-unit) * .9375); line-height: 1.5; }
.preview-views { display: none; margin-left: auto; font-size: calc(var(--editor-unit) * .875); }
.mobile-preview .vk .post-preview { border: 1px solid var(--line); border-radius: calc(var(--editor-unit) * 1.25); background: var(--raised); }
[data-theme=dark] .mobile-preview .vk { background: #0a0a0a; }
[data-theme=dark] .mobile-preview .vk .post-preview { background: #19191a; border-color: #141415; }
.mobile-preview .vk .preview-author { padding: calc(var(--editor-unit) * .75) var(--editor-unit) 0; }
.mobile-preview .vk .preview-author strong { font-size: calc(var(--editor-unit) * .9375); }
.mobile-preview .vk .preview-author .network-mark { width: calc(var(--editor-unit) * 2); height: calc(var(--editor-unit) * 2); }
.mobile-preview .vk .preview-author small { display: block; margin-top: 0; font-size: calc(var(--editor-unit) * .75); }
.mobile-preview .vk .preview-social-footer { min-height: calc(var(--editor-unit) * 3.25); gap: calc(var(--editor-unit) * .5); padding: calc(var(--editor-unit) * .75) var(--editor-unit) calc(var(--editor-unit) * .5); }
.mobile-preview .vk .preview-social-footer > svg { box-sizing: content-box; padding: calc(var(--editor-unit) * .25) calc(var(--editor-unit) * .5); background: var(--button); border-radius: calc(var(--editor-unit) * 2); }
.mobile-preview .vk .preview-social-footer time { display: none; }
.mobile-preview .vk .preview-views { display: inline; }
.telegram .preview-social-footer, .telegram_chat .preview-social-footer { text-align: right; }
.telegram .post-preview, .telegram_chat .post-preview { background: #fff; border: 0; width: fit-content; max-width: min(100%, calc(var(--editor-unit) * 29.5)); border-radius: calc(var(--editor-unit) * .625); }
[data-theme=dark] :is(.telegram,.telegram_chat) .post-preview { background: #343a44; }
:is(.telegram,.telegram_chat) .post-preview:has(.preview-media > *) { width: calc(var(--editor-unit) * 29.5); max-width: 100%; }
:is(.telegram,.telegram_chat) .preview-author { display: block; padding: calc(var(--editor-unit) * .75) calc(var(--editor-unit) * .75) 0; }
:is(.telegram,.telegram_chat) .preview-author .network-mark, :is(.telegram,.telegram_chat) .preview-author small { display: none; }
:is(.telegram,.telegram_chat) .preview-author strong { color: #38a7d8; font-size: calc(var(--editor-unit) * .875); max-width: none; }
:is(.telegram,.telegram_chat) .preview-text { padding: 0 calc(var(--editor-unit) * .75); font-size: calc(var(--editor-unit) * .875); line-height: 1.5; }
:is(.telegram,.telegram_chat) .preview-social-footer { padding: 0 calc(var(--editor-unit) * .75) calc(var(--editor-unit) * .375); font-size: calc(var(--editor-unit) * .6875); }
:is(.telegram,.telegram_chat) .preview-media:not(:empty) { margin-top: 6px; margin-bottom: 4px; }
.discord .post-preview { border: 0; position: relative; padding: var(--editor-unit) var(--editor-unit) var(--editor-unit) calc(var(--editor-unit) * 4.375); min-height: calc(var(--editor-unit) * 4.625); }
.discord .preview-author { padding: 0; }
.discord .preview-author strong { font-size: var(--editor-unit); }
.discord .preview-author .network-mark { position: absolute; left: var(--editor-unit); top: var(--editor-unit); width: calc(var(--editor-unit) * 2.625); height: calc(var(--editor-unit) * 2.625); }
.discord .preview-text { padding: calc(var(--editor-unit) * .25) 0 0; font-size: calc(var(--editor-unit) * .875); line-height: 1.5; }
.preview-disclaimer { padding: var(--editor-unit); font-size: calc(var(--editor-unit) * .75); }
.repeat-label { margin-top: 20px; }
#repeat-options label { margin-top: 16px; }
.weekday-picker { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }
.weekday-picker legend { margin-bottom: 8px; }
.weekday-picker label { display: flex; flex-direction: row; gap: 2px; font-size: 10px; }
.planning-dialog .dialog-footer { justify-content: center; background: transparent; border: 0; position: relative; }
#planning-now { position: absolute; left: 24px; font-size: 10px; }
.planning-dialog { width: 576px; }
.planning-dialog .dialog-header { border: 0; padding: 24px 24px 8px; }
.planning-dialog .dialog-header h2 { font-size: 14px; }
.planning-grid { grid-template-columns: 1.1fr 1fr; gap: 28px; padding: 8px 24px 36px; min-height: 280px; }
.planning-time { transform: translateY(16px); }
.planning-time { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; }
.planning-time p { font-size: 12px; }
.time-spinner { display: flex; align-items: center; gap: 5px; }
.time-spinner > div { display: flex; flex-direction: column; align-items: center; }
.time-spinner input { width: 62px !important; text-align: center; background: var(--button) !important; border: 0 !important; appearance: textfield; }
.time-spinner input::-webkit-inner-spin-button { appearance: none; }
.time-spinner .quiet { min-height: 25px; padding: 3px; }
.planning-extras { padding: 0 24px 8px; }
.planning-extras > .radio-label { margin: 10px 0; font-size: 11px; }
.planning-extras input[role=switch] { appearance: none; width: 24px; height: 13px; border: 1px solid var(--muted); border-radius: 10px; position: relative; background: transparent; }
.planning-extras input[role=switch]::after { content: ''; position: absolute; width: 9px; height: 9px; border-radius: 50%; background: var(--muted); top: 1px; left: 1px; }
.planning-extras input[role=switch]:checked { background: var(--brand); border-color: var(--brand); }
.planning-extras input[role=switch]:checked::after { left: 12px; background: white; }
.planning-grid .mini-heading strong { background: transparent; font-size: 11px; }
.planning-grid .mini-day { height: 33px; font-size: 10px; text-align: left; padding: 3px 4px; align-items: flex-start; display: flex; }
.planning-grid .mini-day.past { background: transparent; }
.planning-grid .mini-day.today { background: var(--raised); color: var(--ink); }
.mini-counts { position: absolute; bottom: 2px; right: 2px; display: flex; gap: 2px; }
.mini-counts i { font-size: 8px; font-style: normal; color: var(--amber); }
.mini-counts i.published { color: var(--green); }
.mini-counts i.failed { color: var(--red); }
#repeat-fields { display: grid; grid-template-columns: 1fr 2fr; gap: 20px; }
.tiptap:has(p:only-child > br:only-child)::before { content: 'Текст публикации...'; color: var(--muted); position: absolute; pointer-events: none; }
.vk-intro { text-align: center; padding: 12px 12px 24px; }
.vk-intro > .network-mark { width: 64px; height: 64px; font-size: 22px; margin: 0 auto 20px; }
.vk-intro h3 { margin-bottom: 16px; }
.vk-intro p { color: var(--muted); line-height: 1.6; }
.vk-manual { display: block; margin: 16px auto 0; font-size: 12px; }
.vk-select-tools { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 16px 0; font-size: 12px; }
.vk-select-tools .quiet { min-height: 40px; padding: 6px 8px; }
.vk-select-tools > span { margin-left: auto; }
.vk-groups { max-height: 42vh; overflow-y: auto; }
.vk-groups .vk-group { display: flex; flex-direction: row; align-items: center; gap: 12px; margin: 0; padding: 14px 8px; border-bottom: 1px solid var(--line); cursor: pointer; }
.vk-group[hidden] { display: none; }
.vk-group input { width: 18px; height: 18px; flex-shrink: 0; }
.vk-group > span:last-child { min-width: 0; }
.vk-group strong, .vk-group small { display: block; overflow-wrap: anywhere; }
.vk-group small { color: var(--muted); margin-top: 5px; font-size: 12px; }
#vk-body > h3 { margin-bottom: 10px; }
#vk-body > .muted { margin-bottom: 20px; }
#vk-footer { flex-wrap: wrap; gap: 12px; }
@media(max-width:900px) { .settings-layout { grid-template-columns: 1fr; } .settings-layout > aside { display: none; } }
@media(min-width:1456px) { .editor-dialog { --editor-unit: 14px; --editor-scale: .875; } }
@media(min-width:1936px) { .editor-grid { grid-template-columns: minmax(0, var(--editor-split, 7fr)) minmax(0,3fr); } .editor-resizer { left: var(--editor-split-left, 70%); } }
@media(min-width:2064px) { .editor-dialog { --editor-unit: 16px; --editor-scale: 1; } }
@media(max-width:600px) {
  .editor-grid { overflow-y: auto; }
  .editor-dialog { --editor-unit: 14px; --editor-scale: 1; }
  .editor-fields { padding: 16px; }
  .editor-fields, .preview-pane { overflow: visible; }
  .editor-theme { position: static; margin-top: 20px; }
  .management-page { padding: 24px 16px; }
  .management-heading { flex-wrap: wrap; }
  .management-page .user-avatar { display: inline-flex; }
  .project-row { flex-wrap: wrap; }
  .project-row .muted { width: 100%; }
  .network-preview { padding: 50px 16px 30px; }
  .planning-grid { grid-template-columns: 1fr; }
  #repeat-fields { grid-template-columns: 1fr; }
}