:root{color-scheme:dark;--bg:#101211;--panel:#191c1a;--raised:#202420;--line:#303830;--text:#eef1eb;--muted:#a6b0a4;--accent:#c5ee95;--ink:#172211;--danger:#ffaaa1;--radius:14px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}::selection{background:var(--accent);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button,input,textarea,select{font:inherit}button,a,label.dropzone{touch-action:manipulation}button{cursor:pointer}button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:9px;min-height:42px;padding:10px 16px;color:var(--text);background:var(--raised);transition:background .15s}button:hover{background:#30382f}button:disabled{cursor:not-allowed;opacity:.45}a{color:var(--accent);text-underline-offset:4px}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{padding:38px 22px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:grid;grid-template-columns:40px 1fr;align-items:center;text-decoration:none;color:var(--text);font-size:27px;font-weight:650;letter-spacing:-.03em}.brand svg{grid-row:span 2;width:32px;height:32px;color:var(--accent)}.brand span{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)}nav{margin-top:50px;display:grid;gap:8px}.nav{width:100%;justify-content:flex-start;background:transparent;padding:12px;font-size:14px}.nav.active{background:#273021;color:var(--accent)}.nav span{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums}.local{margin-top:auto;display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--text)}.local i{width:7px;height:7px;background:var(--accent);border-radius:50%;margin-top:6px}.local small{display:block;font-size:12px;color:var(--muted);margin-top:3px}main{min-width:0}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px;color:var(--muted);font-size:12px}.local-label{border:1px solid var(--line);border-radius:6px;padding:4px 9px}.view{padding:39px 44px 44px;max-width:1500px;margin:auto}[hidden]{display:none!important}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:32px}h1{font-size:32px;font-weight:600;line-height:1.2;letter-spacing:-.03em;margin:0 0 10px}p{margin:0}h2{font-size:14px;font-weight:600;margin:0}h3{font-size:14px;font-weight:600;margin:0 0 8px}.page-heading p{color:var(--muted)}.quiet{background:transparent;color:var(--muted);font-size:12px}.workspace{display:grid;grid-template-columns:minmax(320px,1.6fr) minmax(260px,1fr);gap:42px}.compose{min-width:0}.section-label{display:block;font-weight:600;margin-bottom:12px}textarea{width:100%;min-height:218px;resize:vertical;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;color:var(--text);font-size:16px;line-height:1.6;caret-color:var(--accent)}textarea::placeholder,input::placeholder{color:#8f9c8b}.editor-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;margin:9px 0 29px;font-variant-numeric:tabular-nums}.attachments-head,.destinations-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.attachments-head span{color:var(--muted);font-size:12px}.dropzone{display:flex;align-items:center;flex-direction:column;border:1px dashed #53604e;border-radius:var(--radius);padding:25px 12px;cursor:pointer;background:#141813}.dropzone:hover,.dropzone.dragover{background:#20291b;border-color:var(--accent)}.dropzone svg{color:var(--accent);margin-bottom:10px;width:24px;height:24px}.dropzone strong{font-weight:500}.dropzone span{font-size:12px;color:var(--muted);margin-top:4px}.dropzone input{position:absolute;width:1px;height:1px;clip-path:inset(50%)}.file-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.file-row{display:flex;align-items:center;gap:10px;background:var(--panel);padding:8px 12px;border-radius:8px;min-width:0}.file-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px}.file-row small{color:var(--muted);font-size:12px}.file-row button{min-height:30px;padding:2px 7px;background:transparent}.destinations-head{margin-top:30px}.text-button{background:transparent;color:var(--accent);padding:3px 0;min-height:32px;font-size:12px}.text-button:hover{background:transparent;color:#e0ffc0}.empty{padding:22px 0;color:var(--muted);border-block:1px solid var(--line);font-size:13px}.empty strong{color:var(--text);display:block;font-weight:500;margin-bottom:5px}.destination{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);cursor:pointer}.destination input{accent-color:var(--accent);width:17px;height:17px}.channel-mark{background:var(--raised);color:var(--accent);width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:700}.channel-description{flex:1;min-width:0}.channel-description strong{display:block;font-weight:500;overflow-wrap:anywhere}.channel-description small{color:var(--muted);font-size:12px}.publish-bar{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}#selection-info{font-size:12px;color:var(--muted)}.primary{background:var(--accent);color:var(--ink);font-weight:600;min-height:44px}.primary:hover{background:#d8ffaf}.preview-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.preview-heading span{font-size:12px;color:var(--muted)}.post-preview{background:var(--panel);border-radius:var(--radius);padding:20px;overflow:hidden}.preview-author{display:flex;align-items:center;gap:10px;margin-bottom:22px}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#34412c;color:var(--accent);font-size:16px}.preview-author strong{font-size:13px;font-weight:600;overflow-wrap:anywhere}.preview-author small{display:block;font-size:12px;color:var(--muted)}.preview-author>svg{margin-left:auto;color:var(--muted)}#preview-text{font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;max-height:450px;overflow:auto}.placeholder{color:var(--muted)}#preview-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}#preview-media:empty{display:none}#preview-media:not(:empty){margin-bottom:16px}#preview-media img,#preview-media video{width:100%;height:155px;object-fit:cover;border-radius:6px;background:#080a08}#preview-media>:only-child{grid-column:1/-1;height:auto;max-height:320px;object-fit:contain}.preview-footer{display:flex;gap:7px;align-items:center;margin-top:24px;color:var(--muted);font-size:12px}.preview-footer svg{width:15px;height:15px}.preview-note{font-size:12px;color:var(--muted);line-height:1.7;margin:16px 5px 35px}.connection-note{border-top:1px solid var(--line);padding-top:22px}.connection-note p{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:10px}.channels-layout{display:grid;grid-template-columns:minmax(260px,420px) minmax(250px,1fr);gap:60px}.channels-layout h2{margin-bottom:22px}form label{display:block;font-size:12px;margin:0 0 16px}input:not([type=checkbox]),select{display:block;margin-top:7px;width:100%;background:var(--panel);border:1px solid var(--line);padding:12px;color:var(--text);border-radius:8px;caret-color:var(--accent)}.help{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 20px}.channel-item{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:16px 0}.channel-item button{background:transparent;color:var(--muted);font-size:12px;padding:6px}.history-item{padding:24px 0;border-top:1px solid var(--line)}.history-item time{font-size:12px;color:var(--muted)}.history-item>p{margin:12px 0 18px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:150px;overflow:auto}.delivery{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid #242a23;font-size:12px}.delivery>div{flex:1;min-width:0}.delivery small{display:block;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.status{color:var(--accent);font-size:12px;white-space:nowrap}.status.error,.status.unknown{color:var(--danger)}.delivery a{font-size:12px}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(600px,calc(100vw - 32px));background:var(--accent);color:var(--ink);padding:14px 22px;border-radius:10px;box-shadow:0 12px 35px #0007;z-index:10}#notice.error{background:#ffcec7;color:#431712}.remove{color:var(--danger)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#45513e;border-radius:9px;border:2px solid var(--bg)}::-webkit-scrollbar-track{background:var(--bg)}@media(min-width:1600px){.view{padding-top:55px}.workspace{gap:65px}}@media(max-width:1100px){.shell{grid-template-columns:190px 1fr}.sidebar{padding-inline:14px}.view{padding:30px 25px}.topbar{padding-inline:25px}.workspace{gap:24px;grid-template-columns:minmax(280px,1.3fr) minmax(230px,1fr)}.channels-layout{gap:30px}}@media(max-width:820px){.shell{display:block}.sidebar{height:auto;position:static;border-right:0;border-bottom:1px solid var(--line);padding:18px 20px}.brand{grid-template-columns:36px 1fr;width:170px;font-size:23px}.brand span{font-size:12px}nav{display:flex;margin-top:20px;gap:6px}.nav{width:auto;flex:1;padding:10px 8px;white-space:nowrap;font-size:12px}.nav span{display:none}.local{display:none}.topbar{height:48px;padding-inline:20px}.view{padding:26px 20px}.workspace{grid-template-columns:1fr}.preview-wrap{max-width:500px;width:100%}.page-heading{align-items:flex-start;gap:10px}h1{font-size:27px}.page-heading p{font-size:12px}.page-heading .quiet{font-size:12px;padding:5px}.channels-layout{grid-template-columns:1fr;gap:38px}.editor-meta{font-size:12px}.preview-wrap{border-top:1px solid var(--line);padding-top:24px}.delivery{flex-wrap:wrap}.connection-note{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.login-page{max-width:440px;margin:10vh auto;padding:28px}.login-page .brand{display:block;margin-bottom:45px;color:var(--accent)}.login-page h1{font-size:28px}.login-page>p{color:var(--muted);margin-bottom:28px}.login-page form{margin-block:30px}.login-page .primary{width:100%}#login-error{color:var(--danger);margin-top:16px;font-size:14px}

.signature-settings,.schedule-settings,.media-preparation{border-top:1px solid var(--line);padding-top:22px;margin-top:26px}.signature-settings h2,.schedule-settings h2{margin-bottom:16px}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.option-grid label{font-size:12px;min-width:0}.option-grid select,.option-grid input{min-height:44px;font-size:13px}.check-label,.radio-row label{display:flex;align-items:center;gap:9px;font-size:13px;margin-bottom:16px}.check-label input,.radio-row input{width:17px;height:17px;accent-color:var(--accent)}.radio-row{display:flex;gap:25px}.schedule-settings>label{display:block;font-size:13px}.signature-settings .help,.schedule-settings .help{margin-bottom:12px}.media-preparation{background:var(--panel);padding:18px;border-radius:var(--radius)}.media-preparation h2{overflow-wrap:anywhere;max-width:75%}#prepare-status{margin:14px 0 0}.file-row{flex-wrap:wrap}.file-row>span{min-width:100px}.file-row .text-button{padding:0 5px;font-size:12px}.preview-heading select{width:auto;max-width:160px;margin:0;padding:5px 7px;background:transparent;font-size:12px}#preview-invitation:not(:empty){margin-top:18px;overflow-wrap:anywhere}.queue-actions{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px}.queue-actions label{font-size:12px;margin:0;min-width:200px}.queue-actions button{margin-bottom:1px}.status.cancelled{color:var(--muted)}@media(max-width:820px){nav{flex-wrap:wrap}.nav{flex:1 1 40%}.option-grid{grid-template-columns:1fr}.option-grid select,.option-grid input,input[type=datetime-local]{font-size:16px}.file-row{gap:8px}.file-row small{margin-left:auto}}

#vk-connect-panel{margin:20px 0 30px}#vk-connect-panel>h2{margin-bottom:14px}#vk-open-window{display:inline-block;margin:12px 0}#vk-groups{margin-top:25px}#vk-technical{margin-top:25px;border-top:1px solid var(--line);padding-top:18px}#vk-technical summary{cursor:pointer;color:var(--muted);margin-bottom:16px}#vk-technical code{overflow-wrap:anywhere;font-size:12px}#vk-group-list{margin-bottom:18px}
/* Shared connection panel for OK and VK. */
#ok-connect-panel{margin:20px 0 30px}#ok-connect-panel>h2{margin-bottom:14px}#ok-open-window{display:inline-block;margin:12px 0}#ok-groups{margin-top:25px}#ok-technical{margin-top:25px;border-top:1px solid var(--line);padding-top:18px}#ok-technical summary{cursor:pointer;color:var(--muted);margin-bottom:16px}#ok-technical code{overflow-wrap:anywhere;font-size:12px}#ok-group-list{margin-bottom:18px}
.select-control{position:relative;margin-top:7px;min-width:0}.select-trigger{width:100%;min-height:46px;justify-content:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--line);background:var(--panel);border-radius:9px;font-size:13px;text-align:left}.select-trigger:hover{background:var(--raised);border-color:#53604e}.select-trigger[aria-expanded=true]{border-color:var(--accent);background:var(--raised)}.select-trigger>svg{margin-left:auto;width:16px;height:16px;color:var(--muted);transition:transform .15s}.select-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.select-caption{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-mark{display:inline-grid;place-items:center;flex-shrink:0;width:26px;height:26px;border-radius:7px;background:#303b29;color:var(--accent);font-size:10px;font-weight:650;letter-spacing:.01em}.select-menu{position:fixed;z-index:30;overflow-y:auto;padding:5px;background:#252b25;border-radius:12px;box-shadow:0 12px 34px #0008;outline:1px solid #46513f;outline-offset:-1px}.select-option{display:flex;width:100%;justify-content:flex-start;gap:10px;padding:9px 10px;min-height:44px;border-radius:7px;background:transparent;font-size:13px;text-align:left}.select-option-name{flex:1}.select-option>svg{width:16px;height:16px;visibility:hidden;color:var(--accent)}.select-option[aria-selected=true]{background:#343f2d;color:#e4f4d4}.select-option[aria-selected=true]>svg{visibility:visible}.select-option:hover,.select-option:focus-visible{background:#3b4834;outline:none}.preview-heading .select-control{margin:0;max-width:190px}.preview-heading .select-trigger{min-height:38px;padding:5px 10px;font-size:12px;background:var(--panel)}.preview-heading .select-mark{width:22px;height:22px;font-size:9px}.option-grid .select-control{margin-bottom:8px}@media(max-width:820px){.select-trigger,.select-option{font-size:15px;min-height:46px}.preview-heading{gap:12px}.preview-heading .select-control{max-width:190px}.select-menu{max-width:calc(100vw - 24px)}}

#vk-token-panel,#ok-token-panel{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line)}
#vk-token-panel h3,#ok-token-panel h3{margin:0 0 12px;font-size:16px}
.token-actions{display:flex;flex-wrap:wrap;gap:12px}
#vk-token-result,#ok-token-result{margin-top:18px;overflow-wrap:anywhere;font-size:14px;line-height:1.6}
.token-rights{list-style:none;padding:0;margin:12px 0}
.token-rights li{padding:6px 0;border-bottom:1px solid var(--line)}
.token-rights .allowed{color:var(--accent)}
.token-rights .missing{color:var(--danger)}