:root{--ink:#16233c;--muted:#7c879a;--line:#e8ebf1;--blue:#2f6df6;--blue2:#174ed2;--soft:#f5f7fb;--violet:#7157e8;--green:#22a06b;--red:#d9435f}*{box-sizing:border-box}html{background:#f1f3f7}body{margin:0;color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}.appShell{min-height:100vh;display:grid;grid-template-columns:224px minmax(620px,1fr) 286px;background:#f5f6f9}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:27px 18px 22px;background:#0c1830;color:#fff;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 30px;font-size:17px;font-weight:750}.brand>span:last-child{display:grid}.brand small{margin-top:2px;color:#76839b;font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.brandMark{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:linear-gradient(145deg,#4a82ff,#6e57e6);font-size:18px;font-weight:800}.sidebar nav{display:grid;grid-gap:6px;gap:6px}.sidebar nav button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;border-radius:10px;background:transparent;color:#9ca8bd;font:600 13px inherit;text-align:left;cursor:pointer}.sidebar nav button span{width:20px;color:#71809b;font-size:18px;text-align:center}.sidebar nav button.active,.sidebar nav button:hover{background:#182846;color:#fff}.sidebar nav button.active span{color:#75a0ff}.sidebarFoot{margin-top:auto;display:flex;align-items:center;gap:9px;padding:14px 10px;border-top:1px solid #20304b}.sidebarFoot>div:last-child{display:grid;grid-gap:2px;gap:2px}.sidebarFoot strong{font-size:11px}.sidebarFoot small{color:#6f7c92;font-size:10px}.statusDot{width:8px;height:8px;border-radius:50%;background:#667187}.statusDot.online{background:#36c98a;box-shadow:0 0 0 4px #183c38}.workspace{min-width:0;padding:0 30px 60px}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between}.eyebrow{margin:0 0 4px;color:#9aa3b3;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.activityHead h2,.topbar h1{margin:0;font-size:22px;letter-spacing:-.03em}.topActions{display:flex;align-items:center;gap:11px}.aiBadge,.safeBadge{padding:7px 10px;border:1px solid #dce4f4;border-radius:8px;background:#fff;color:#64728a;font-size:10px;font-weight:650}.safeBadge{color:#3a9773}.iconButton{width:33px;height:33px;border:1px solid #dfe3eb;border-radius:9px;background:#fff;color:#8792a5}.connectBanner{display:grid;grid-template-columns:auto minmax(200px,1fr) minmax(220px,350px) auto;align-items:center;grid-gap:16px;gap:16px;margin-bottom:20px;padding:16px 18px;border:1px solid #dce4f3;border-radius:14px;background:#fff}.connectIcon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#edf3ff;color:var(--blue);font-size:24px}.connectBanner h2{margin:0 0 4px;font-size:14px}.connectBanner p{margin:0;color:var(--muted);font-size:10px;line-height:1.4}.tokenField{display:flex;border:1px solid #dfe3eb;border-radius:9px;overflow:hidden}.tokenField input{min-width:0;flex:1 1;padding:10px;border:0;outline:none}.tokenField button{border:0;background:#f7f8fa;color:#65738a;font-size:10px}.aiButton,.primary,.secondary,.uploadButton{border:0;border-radius:9px;font:700 11px inherit;cursor:pointer}.primary{padding:11px 17px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:white;box-shadow:0 7px 18px #2f6df62c}.aiButton:disabled,.primary:disabled{cursor:not-allowed;opacity:.45}.contentGrid,.mailingGrid{display:grid;grid-template-columns:minmax(520px,1fr) 290px;grid-gap:20px;gap:20px}.editorCard,.previewColumn{border:1px solid var(--line);border-radius:16px;background:white;box-shadow:0 10px 32px rgba(21,32,57,.035)}.editorCard{padding:22px}.sectionHead{justify-content:space-between;gap:16px}.sectionHead,.sectionHead>div{display:flex;align-items:center}.sectionHead>div{gap:9px}.previewHead h2,.sectionHead h2{margin:0;font-size:13px}.step{display:grid;width:25px;height:25px;place-items:center;border-radius:8px;background:#edf3ff;color:var(--blue);font-size:8px;font-weight:800}.muted{color:#9aa3b3;font-size:9px}.dangerText{color:var(--red);font-size:9px}.divider{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}.groupPicker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:9px;gap:9px;margin-top:13px}.groupPicker button{display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;grid-gap:9px;gap:9px;padding:10px;border:1px solid var(--line);border-radius:11px;background:#fff;text-align:left;cursor:pointer}.groupPicker button.selected{border-color:#7aa0f7;background:#f8faff;box-shadow:0 0 0 2px #e7efff}.groupPicker img,.postAuthor img{width:38px;height:38px;border-radius:10px;object-fit:cover}.groupPicker span,.postAuthor span{display:grid;grid-gap:3px;gap:3px;min-width:0}.groupPicker strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.groupPicker small,.postAuthor small{color:#9aa3b3;font-size:8px}.groupPicker b{display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:var(--blue);color:white;font-size:9px}.emptyMini{grid-column:1/-1;padding:20px;border:1px dashed #dbe0e8;border-radius:10px;color:#9aa3b3;font-size:10px;text-align:center}.mailText,.postText{width:100%;min-height:112px;margin-top:13px;padding:14px;border:1px solid #e1e5ec;border-radius:11px;outline:none;resize:vertical;color:var(--ink);font:12px/1.55 inherit}.mailText:focus,.postText:focus,.promptPanel input:focus,.promptPanel textarea:focus{border-color:#75a0ff;box-shadow:0 0 0 3px #edf3ff}.composerTools{display:flex;gap:16px;margin-top:9px;color:#8f99aa;font-size:9px}.aiBadge{border-color:#e2dcff;background:#f7f4ff;color:#7157e8}.imageStudio{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:12px;gap:12px;margin-top:13px}.imageCanvas{position:relative;min-height:192px;overflow:hidden;border:1px dashed #cfd5df;border-radius:12px;background:linear-gradient(135deg,#f4f7fc,#f7f4ff)}.imageCanvas>div{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;grid-gap:6px;gap:6px;color:#9ba5b7}.imageCanvas>div span{font-size:27px}.imageCanvas strong{font-size:10px}.imageCanvas small{font-size:8px}.imageCanvas.hasImage{border-style:solid}.imageCanvas img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.imageCanvas>button{position:absolute;top:8px;right:8px;width:25px;height:25px;border:0;border-radius:50%;background:#0b1730cc;color:white}.promptPanel{display:grid;grid-gap:10px;gap:10px}.promptPanel label{display:grid;grid-gap:5px;gap:5px;color:#64728a;font-size:9px;font-weight:650}.promptPanel input,.promptPanel textarea{width:100%;border:1px solid #e1e5ec;border-radius:9px;outline:none;font:10px/1.45 inherit}.promptPanel textarea{min-height:84px;padding:10px;resize:none}.promptPanel input{padding:9px}.promptActions{display:flex;gap:7px}.aiButton{flex:1 1;padding:10px;background:linear-gradient(135deg,#7359ec,#5540c5);color:#fff}.uploadButton{position:relative;padding:10px 12px;border:1px solid #dfe3ea;color:#65738a}.uploadButton input{position:absolute;inset:0;opacity:0;cursor:pointer}.publishBar{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:22px -22px -22px;padding:16px 22px;border-top:1px solid var(--line);background:#fafbfc;border-radius:0 0 16px 16px}.publishBar label,.publishBar>div{display:grid;grid-gap:4px;gap:4px;color:#69778d;font-size:9px}.publishBar input{padding:8px 10px;border:1px solid #dfe3e9;border-radius:8px;background:#fff;color:var(--ink);font:10px inherit}.publishBar small{color:#a0a9b8}.publish{min-width:150px}.previewColumn{align-self:start;position:-webkit-sticky;position:sticky;top:16px;padding:17px;background:#f9fafc}.previewHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.previewHead span{color:#9ca5b5;font-size:9px}.vkPost{overflow:hidden;border:1px solid #e2e5eb;border-radius:12px;background:white;box-shadow:0 5px 15px #16233c0b}.postAuthor{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;grid-gap:9px;gap:9px;padding:12px}.postAuthor strong{font-size:10px}.postAuthor b{align-self:start;color:#8892a2;letter-spacing:2px}.avatarPlaceholder{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:linear-gradient(135deg,#3676f6,#6d5ae5);color:white;font-weight:800}.vkPost>p{margin:0;padding:0 12px 11px;font-size:10px;line-height:1.5;white-space:pre-wrap}.postImage{display:block;width:100%;max-height:250px;object-fit:cover}.postImagePlaceholder{display:grid;height:180px;place-items:center;background:linear-gradient(135deg,#edf3ff,#f2edff);color:#a0a9b8;font-size:9px}.postStats{display:flex;justify-content:space-around;padding:10px;border-top:1px solid #edf0f4;color:#8994a6;font-size:8px}.tips,.warning{margin-top:12px;padding:13px;border-radius:10px;background:#eef4ff;color:#627089}.tips strong,.warning strong{font-size:9px}.tips p,.warning p{margin:4px 0 0;font-size:8px;line-height:1.5}.mailingCard{min-height:640px}.secondary{padding:8px 12px;border:1px solid #dce2eb;background:#fff;color:#64728a}.dialogList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;max-height:290px;margin-top:14px;overflow:auto}.dialogList label{display:grid;grid-template-columns:auto 35px minmax(0,1fr) 18px;align-items:center;grid-gap:8px;gap:8px;padding:9px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.dialogList label.checked{border-color:#7aa0f7;background:#f7faff}.dialogList input{width:13px;height:13px}.dialogAvatar,.dialogList img{width:35px;height:35px;border-radius:50%;object-fit:cover}.dialogAvatar{display:grid;place-items:center;background:#eaf1ff;color:var(--blue);font-size:11px;font-weight:800}.dialogList label>span:nth-of-type(2){display:grid;grid-gap:3px;gap:3px}.dialogList strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.dialogList small{color:#9aa3b3;font-size:7px}.dialogList b{visibility:hidden;color:var(--blue)}.dialogList label.checked b{visibility:visible}.dialogsEmpty{grid-column:1/-1;display:grid;place-items:center;min-height:185px;border:1px dashed #dce1e8;border-radius:12px;color:#99a3b4}.dialogsEmpty>span{font-size:25px}.dialogsEmpty strong{font-size:10px}.dialogsEmpty p{margin:0;font-size:8px}.consent{display:flex;gap:10px;margin-top:14px;padding:12px;border-radius:10px;background:#fff8e9}.consent input{margin-top:2px}.consent span{display:grid;grid-gap:4px;gap:4px}.consent strong{font-size:9px;color:#7b622a}.consent small{font-size:8px;line-height:1.45;color:#9a814a}.recipientCard{display:grid;grid-gap:7px;gap:7px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fff}.recipientCard span{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid #eff1f5;font-size:9px}.recipientCard span:last-child{border:0}.recipientCard b{color:var(--green)}.recipientCard p{color:#9aa3b3;font-size:9px;text-align:center}.warning{background:#fff4e5;color:#94703b}.activityPanel{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:27px 20px;border-left:1px solid #e1e4ea;background:#fff}.activityHead{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line)}.activityHead h2{font-size:16px}.activityHead>span{display:grid;width:24px;height:24px;place-items:center;border-radius:8px;background:#f1f4f8;color:#8290a4;font-size:9px}.activityList{display:grid;grid-gap:14px;gap:14px;padding-top:18px;overflow:auto}.activityList>div:not(.activityEmpty){display:grid;grid-template-columns:27px 1fr;grid-gap:9px;gap:9px}.activityList i{display:grid;width:27px;height:27px;place-items:center;border-radius:9px;background:#eaf7f1;color:var(--green);font-size:10px;font-style:normal;font-weight:800}.activityList .error i{background:#fff0f2;color:var(--red)}.activityList .info i{background:#eef4ff;color:var(--blue)}.activityList span{display:grid;grid-gap:3px;gap:3px}.activityList strong{font-size:9px}.activityList p{margin:0;color:#78869a;font-size:8px;line-height:1.45}.activityList small{color:#afb6c2;font-size:7px}.activityEmpty{display:grid;place-items:center;grid-gap:8px;gap:8px;padding:55px 18px;text-align:center;color:#a0a9b8}.activityEmpty span{font-size:30px}.activityEmpty p{font-size:9px;line-height:1.5}.securityNote{display:grid;grid-template-columns:25px 1fr;grid-gap:8px;gap:8px;margin-top:auto;padding:12px;border-radius:11px;background:#f4f7fb;color:#7b879a}.securityNote>span{font-size:20px}.securityNote p{display:grid;grid-gap:4px;gap:4px;margin:0;font-size:8px;line-height:1.45}.securityNote strong{font-size:9px;color:#526077}@media(max-width:1120px){.appShell{grid-template-columns:190px 1fr}.activityPanel{display:none}}@media(max-width:850px){.appShell{display:block}.sidebar{position:relative;width:100%;height:auto;flex-direction:row;align-items:center;padding:12px 16px}.brand{padding:0;margin-right:auto}.brand small,.sidebarFoot{display:none}.sidebar nav{display:flex}.sidebar nav button{width:auto;padding:9px}.sidebar nav button span{display:none}.workspace{padding:0 14px 40px}.contentGrid,.mailingGrid{grid-template-columns:1fr}.previewColumn{position:relative;top:auto}.connectBanner{grid-template-columns:auto 1fr}.connectBanner .primary,.connectBanner .tokenField{grid-column:1/-1}.dialogList,.groupPicker,.imageStudio{grid-template-columns:1fr}}@media(max-width:560px){.topbar{height:80px}.iconButton,.safeBadge{display:none}.editorCard{padding:16px}.publishBar{margin:18px -16px -16px;padding:14px 16px;align-items:stretch;flex-direction:column}.publish{width:100%}.sectionHead .muted{display:none}.sidebar nav button{font-size:0}.brand>span:last-child,.sidebar nav button:first-letter{font-size:14px}.imageCanvas{min-height:220px}}.vaultFields{display:grid;grid-gap:7px;gap:7px}.adminField{width:100%;padding:10px;border:1px solid #dfe3eb;border-radius:9px;outline:none}.adminField:focus{border-color:#75a0ff;box-shadow:0 0 0 3px #edf3ff}