@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&family=Noto+Sans:wght@400;600;700;800&display=swap'); :root { --bg:#f7f7fb; --surface:#fff; --surface-2:#f2f2f8; --text:#20212b; --muted:#8a8c9a; --line:#e9e9f0; --accent:#6060e9; --accent-dark:#4f50d6; --shadow:0 12px 28px rgba(33,32,66,.06); --radius:16px; } *{box-sizing:border-box} [hidden]{display:none!important} html{scroll-behavior:smooth;overflow-x:hidden} body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,Arial,sans-serif;overflow-x:hidden} button,input,textarea,select{font:inherit}button{cursor:pointer;touch-action:manipulation}.app-shell{display:none;min-height:100vh} body.authenticated .app-shell{display:block}body.authenticated .auth-screen{display:none} /* Authentication */ .auth-screen{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#fff} .auth-visual{position:relative;overflow:hidden;padding:34px 48px;color:#fff;background:radial-gradient(circle at 78% 23%,rgba(140,119,255,.95),transparent 26%),radial-gradient(circle at 15% 88%,rgba(219,96,199,.45),transparent 34%),linear-gradient(145deg,#20174a,#443095 54%,#6654cb)} .auth-visual:before,.auth-visual:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%} .auth-visual:before{width:520px;height:520px;right:-190px;top:-135px}.auth-visual:after{width:370px;height:370px;left:-150px;bottom:-140px} .auth-brand{padding:8px 11px!important;position:relative;z-index:2;background:rgba(255,255,255,.94);border-radius:13px;width:max-content}.auth-brand img{width:132px} .auth-message{position:relative;z-index:2;max-width:600px;margin:20vh auto 0}.auth-kicker,.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.3px} .auth-kicker{opacity:.65}.auth-message h1{font:800 clamp(36px,4.4vw,66px)/1.05 Manrope;margin:16px 0 22px;letter-spacing:-3px}.auth-message>p{max-width:480px;font-size:15px;line-height:1.7;opacity:.75} .auth-proof{margin-top:38px;font-size:12px;opacity:.76}.auth-proof span{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;border-radius:50%;background:rgba(255,255,255,.16)} .auth-panel{display:grid;place-items:center;padding:38px;background:#fbfbfe}.auth-box{width:min(390px,100%)}.auth-mobile-logo{display:none;width:136px;height:auto} .auth-box h2{font:800 28px Manrope;margin:0 0 7px;letter-spacing:-.8px}.auth-box>p{color:#8b8c99;font-size:13px;margin:0 0 28px}.auth-box form{display:grid;gap:15px} .auth-box label{display:grid;gap:7px;color:#555664;font-size:11px;font-weight:700}.auth-box input{height:44px;border:1px solid #dedee8;border-radius:9px;padding:0 12px;background:#fff;color:#292a35;outline:none} .auth-box input:focus{border-color:#8582ef;box-shadow:0 0 0 3px #eeeeff}.auth-submit{height:44px;margin-top:2px;font-size:13px!important} .auth-error{padding:10px 12px;border-radius:8px;background:#fff0f1;color:#c34e5d;font-size:11px;line-height:1.4}.auth-switch{text-align:center;margin-top:22px;font-size:12px;color:#8a8b98} .auth-switch button{border:0;background:none;color:var(--accent);font-weight:700}.auth-terms{display:block;text-align:center;color:#acadb7;font-size:9px;line-height:1.6;margin-top:26px} .auth-divider{display:flex;align-items:center;gap:12px;color:#adaebb;font-size:10px;margin:18px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#e5e5ed;flex:1} .vk-login{height:46px;border-radius:10px;background:#07f;color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:700;box-shadow:0 7px 18px rgba(0,119,255,.18)}.vk-login:hover{background:#0877e6}.vk-logo{font:800 12px Manrope;background:#fff;color:#07f;border-radius:7px;padding:4px 5px;letter-spacing:-.5px} .vk-official-widget{width:100%;min-height:46px;display:grid;place-items:center;overflow:hidden;border-radius:12px}.vk-official-widget>div,.vk-official-widget iframe{width:100%!important;max-width:100%!important}.auth-error:not([hidden])+.vk-official-widget{margin-top:14px}.vk-auth-note{display:grid;gap:5px;margin-top:18px;padding:14px;border:1px solid #e7e8f1;border-radius:11px;background:#f7f8fd;color:#777988;font-size:11px;line-height:1.5}.vk-auth-note b{color:#343641} .auth-panel{grid-template-rows:minmax(min-content,1fr) auto;align-items:center;justify-items:center} .auth-box{align-self:center} .auth-terms a{color:#7475c9;text-decoration:none}.auth-terms a:hover{text-decoration:underline} .auth-legal-footer{align-self:end;width:100%;display:grid;justify-items:center;gap:7px;padding-top:22px;color:#9b9ca8;text-align:center;font-size:9px;line-height:1.45} .auth-legal-footer nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px}.auth-legal-footer a{color:#858694;text-decoration:none}.auth-legal-footer a:hover{color:#5d5edb;text-decoration:underline}.auth-legal-footer>small{font-size:9px}.auth-legal-footer .auth-vk-community{color:#447bba;font-weight:700} /* Shell */ .sidebar{width:254px;background:var(--surface);position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:27px 14px 15px;z-index:10} .sidebar-backdrop,.mobile-tabbar{display:none} .brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font:800 24px Manrope;letter-spacing:-1.6px;padding:0 13px 24px}.brand>img{display:block;width:132px;height:auto} .brand-mark{display:flex;gap:2px;align-items:end;width:25px;height:24px}.brand-mark i{display:block;width:7px;border-radius:5px;background:linear-gradient(180deg,#8280ff,#5b58da)} .brand-mark i:nth-child(1){height:13px}.brand-mark i:nth-child(2){height:21px}.brand-mark i:nth-child(3){height:17px} .workspace-switcher{width:100%;border:0;background:var(--surface-2);border-radius:12px;padding:10px;display:flex;text-align:left;align-items:center;gap:9px;color:var(--text);margin-bottom:18px} .workspace-avatar{background:linear-gradient(135deg,#f29b8a,#d06686);width:33px;height:33px;border-radius:9px;color:#fff;display:grid;place-items:center;font-weight:700} .workspace-switcher b,.profile b{display:block;font-size:12px}.workspace-switcher small,.profile small,.activity-list small,.posts small,.simple-list small{color:var(--muted);font-size:11px;display:block;margin-top:2px}.chevron{margin-left:auto} .nav{display:flex;flex-direction:column;gap:2px}.nav p{font-weight:700;color:#a2a3b0;font-size:9px;letter-spacing:.8px;margin:13px 12px 6px} .nav-link{height:40px;border-radius:10px;padding:0 10px;color:#6d6f7c;text-decoration:none;display:flex;align-items:center;gap:11px;font-size:13px;font-weight:500} .nav-link>svg,.icon-button svg,.mobile-menu svg,.profile button svg,.primary svg,.modal-symbol svg,.ticket-welcome svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active{color:var(--accent);background:#eeeeff;font-weight:700;box-shadow:inset 3px 0 0 var(--accent)} .nav-link em{margin-left:auto;font-size:10px;font-style:normal;font-weight:700;background:var(--surface-2);border-radius:12px;padding:3px 6px}.nav-link .trial-badge{color:#ce7b19;background:#fff3df} .sidebar-foot{margin-top:auto}.profile{border-top:1px solid var(--line);padding:14px 7px 1px;display:flex;align-items:center;gap:9px}.profile-photo{width:31px;height:31px;display:grid;place-items:center;color:#fff;border-radius:50%;font-size:12px;background:linear-gradient(135deg,#8a63e8,#da7ac0)} .profile button{border:0;background:none;color:#9596a1;font-size:20px;margin-left:auto;width:36px;height:36px;display:grid;place-items:center}.main{margin-left:254px;min-height:100vh} .topbar{height:73px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);position:sticky;top:0;z-index:6;backdrop-filter:blur(10px)} .crumb{font-weight:700;font-size:13px}.top-actions{display:flex;align-items:center;gap:9px}.icon-button,.help-button,.mobile-menu{border:0;background:transparent;width:33px;height:33px;font-size:19px;color:#777;border-radius:8px;position:relative} .help-button{border:1px solid var(--line);border-radius:50%;font-size:13px;width:23px;height:23px}.notification i{width:6px;height:6px;background:#ef677d;border-radius:50%;position:absolute;right:6px;top:7px}.mobile-menu{display:none} .view{display:none;padding:38px 36px 52px;max-width:1510px;margin:0 auto}.view.active{display:block}.hero-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:27px} .eyebrow{color:#9192a0}.hero-head h1{font:800 27px/1.2 Manrope;margin:5px 0 6px;letter-spacing:-1.1px}.hero-head p{color:var(--muted);font-size:13px;margin:0} .primary,.secondary,.soft-button,.text-button{border:0;border-radius:9px;padding:10px 14px;white-space:nowrap;font-size:12px;font-weight:700}.primary{background:var(--accent);color:#fff;box-shadow:0 6px 12px rgba(92,91,229,.18);display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary:hover{background:var(--accent-dark)} .secondary{background:var(--surface);border:1px solid var(--line);color:var(--text)}.soft-button{color:var(--accent);background:#eeeeff}.text-button{color:var(--accent);background:transparent;padding:3px;text-decoration:none}.button-group{display:flex;gap:8px}.button-group select{border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);padding:8px} /* Dashboard and shared cards */ .trial-banner{border:1px solid #dfddff;background:linear-gradient(100deg,#f4f2ff,#fbf9ff);padding:15px 17px;border-radius:13px;display:flex;align-items:center;gap:12px;margin-bottom:18px;color:#484858} .trial-icon{width:34px;height:34px;border-radius:10px;color:#625de3;background:#e6e2ff;display:grid;place-items:center}.trial-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.trial-banner p{font-size:12px;color:#777786;margin:3px 0 0}.trial-banner strong{color:var(--accent)}.trial-banner .soft-button{margin-left:auto} .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:15px}.stat-card,.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.stat-card{padding:18px;min-height:140px} .stat-label{font-size:9px;font-weight:800;letter-spacing:.6px;color:#9495a2;display:flex;justify-content:space-between}.stat-icon,.activity-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px}.stat-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.purple,.violet{background:#efecff;color:#7263e8}.blue{background:#e7f5ff;color:#4f9bde}.orange{background:#fff0e3;color:#e79951}.pink{background:#ffebf0;color:#dd7594} .stat-card>strong{font:800 27px Manrope;display:block;margin-top:15px}.stat-card p{font-size:11px}.up{color:#36a875!important}.muted{color:var(--muted)!important} .dashboard-grid{display:grid;grid-template-columns:1.68fr 1fr;gap:15px}.dashboard-grid.single{grid-template-columns:1fr}.dashboard-grid.lower{margin-top:15px}.panel{padding:20px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.panel h2{font:800 15px Manrope;margin:0}.panel-head p{font-size:11px;color:var(--muted);margin:4px 0} .panel select{border:1px solid var(--line);border-radius:7px;padding:6px;background:var(--surface);color:var(--text)}.chart-total{display:flex;gap:9px;align-items:center;margin:19px 0}.chart-total b{font:800 24px Manrope}.line-chart{height:165px}.line-chart svg{width:100%;height:135px}.gridline{fill:none;stroke:var(--line)}.area{fill:url(#fill)}.line{fill:none;stroke:#6969ec;stroke-width:3}.chart-labels{display:flex;justify-content:space-between;color:#aaaab5;font-size:10px} .dashboard-bars{height:140px}.danger-button{color:#d34b63!important;border-color:color-mix(in srgb,#d34b63 35%,var(--line))!important} .community-cover{position:relative;overflow:hidden}.community-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.community-cover-image~.community-logo{position:absolute;z-index:1;left:20px;bottom:18px}.community-logo-image{object-fit:cover;border:3px solid rgba(255,255,255,.9)} .primary-mini{color:#6262ea!important;border-color:#8d8df2!important}.error-text{color:#d34b63} .more{border:0;background:transparent;color:#999;font-size:17px}.activity-list>div,.simple-list>div{display:flex;align-items:center;gap:10px;padding:9px 0}.activity-list strong,.simple-list strong{margin-left:auto}.posts{margin-top:8px}.post{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)} .compact-empty{color:var(--muted);font-size:12px;text-align:center;padding:35px 12px} .date-box{border:1px solid var(--line);width:39px;border-radius:7px;text-align:center;padding:3px}.date-box b{display:block}.post-type{width:25px;height:25px;background:#f0edff;color:#7365df;display:grid;place-items:center;border-radius:7px}.post-type svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}.scheduled,.draft{margin-left:auto;border-radius:8px;font-size:9px;font-weight:700;padding:5px 7px}.scheduled{background:#eafff3;color:#28a16c}.draft{background:var(--surface-2);color:#858691} /* Communities, bots and editor */ .community-grid,.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.community-card{overflow:hidden;padding:0}.community-cover{height:89px;background:linear-gradient(135deg,#342661,#9856c7);position:relative}.community-cover.c2{background:linear-gradient(135deg,#112044,#46b2cf)}.community-cover.c3{background:linear-gradient(135deg,#352a12,#dd9873)} .community-logo{width:50px;height:50px;border:3px solid var(--surface);background:#21165c;position:absolute;bottom:-25px;left:17px;border-radius:13px;color:#fff;font:800 14px Manrope;display:grid;place-items:center}.community-card .body{padding:34px 17px 17px}.community-card h2{margin:0;font:800 15px Manrope}.community-card p{font-size:11px;color:var(--muted)}.community-bottom{border-top:1px solid var(--line);display:flex;gap:18px;padding-top:13px;align-items:center}.community-bottom b,.community-bottom small{display:block}.community-bottom small{font-size:10px;color:var(--muted);margin-top:3px}.community-actions{margin-left:auto;display:flex;align-items:center;gap:3px}.community-delete{width:32px;height:32px;border:0;border-radius:8px;color:#c25b68;background:#fff0f2;font-size:19px}.community-delete:hover{background:#ffe2e6}.community-open{padding:7px} .bot-layout,.editor-layout{display:grid;grid-template-columns:1.6fr .8fr;gap:15px}.bot-flow{min-height:410px;display:flex;align-items:center;flex-direction:column;padding:35px}.flow-label{color:var(--muted);font-size:10px;font-weight:800;margin-bottom:25px}.flow-node{width:220px;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:13px;text-align:center}.flow-node.start{background:#f0edff;color:#6255d8}.flow-node.condition{background:#fff7e8}.flow-arrow{margin:8px;color:var(--muted)}.status{width:9px;height:9px;border-radius:50%}.status.online{background:#48c68b;box-shadow:0 0 0 3px #e2f9ee} .editor-layout{grid-template-columns:minmax(0,1fr) 230px}.editor-panel{padding:13px}.editor-toolbar{height:38px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;padding:4px}.editor-toolbar span{flex:1}.editor-toolbar button{border:0;background:transparent;color:var(--text);min-width:32px}.cover-canvas{aspect-ratio:3.975;min-height:280px;background:#17142c;position:relative;overflow:hidden;border-radius:10px;user-select:none;transition:max-width .25s}.cover-canvas.mobile-mode{max-width:430px;aspect-ratio:2.4;margin-inline:auto}.cover-gradient{position:absolute;inset:0;background:linear-gradient(112deg,#22134b,#402882 43%,#796ce3)} .cover-title,.cover-subtitle,.followers{position:absolute;z-index:2;color:#fff;cursor:grab}.cover-title{font:800 clamp(29px,4vw,60px)/.83 Manrope;letter-spacing:-3px}.cover-subtitle{font-size:clamp(8px,1vw,12px);letter-spacing:1.8px}.followers{font:800 clamp(15px,2vw,28px) Manrope;text-align:right}.followers small{font:500 10px Inter;display:block} .orb{position:absolute;border-radius:50%;opacity:.75}.orb.one{width:35%;aspect-ratio:1;right:-4%;top:-23%;background:radial-gradient(circle at 35% 35%,#b9b4ff,#6d55db 52%,transparent 55%)}.orb.two{width:25%;aspect-ratio:1;right:9%;bottom:-35%;background:radial-gradient(circle at 35% 35%,#eb79e8,#935ce2 50%,transparent 53%)}.editor-caption{margin-top:12px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.editor-caption button{border:0;background:none;color:var(--accent)} .layers{padding:13px}.layer{width:100%;display:flex;gap:8px;border:0;background:transparent;padding:10px 7px;color:var(--muted);border-radius:7px;text-align:left}.layer.selected{background:#f0efff;color:#5c57d7}.layer span{margin-left:auto} /* Calendar, analytics and settings */ .calendar{width:min(100%,760px);margin-inline:auto;overflow:auto;padding:14px}.calendar-head{display:flex;align-items:center;gap:7px}.calendar-head h2{margin:0 8px}.calendar-head>div{flex:1}.calendar-head button{border:0;background:transparent;color:var(--text);padding:6px}.calendar-head .active{background:#eeeefe;color:var(--accent);border-radius:7px}.weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);min-width:520px}.weekdays{margin-top:12px;color:var(--muted);font-size:9px;text-align:center}.calendar-days{border-left:1px solid var(--line);border-top:1px solid var(--line);margin-top:7px}.day{height:58px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:5px;color:var(--muted);font-size:10px}.day.today>span{width:20px;height:20px;background:var(--accent);color:#fff;border-radius:50%;display:grid;place-items:center}.cal-event{font-size:8px;border-radius:4px;padding:3px;margin-top:4px;white-space:nowrap;overflow:hidden} .bar-chart{height:240px;margin-top:23px;display:flex;align-items:end;gap:13px;border-bottom:1px solid var(--line)}.bar-chart i{flex:1;background:linear-gradient(#8c87ff,#635ee8);border-radius:5px 5px 0 0}.insight-card{background:radial-gradient(circle at 100% 0,#f2dcff,transparent 48%),var(--surface)}.insight-card p{color:var(--muted);line-height:1.7} .template-grid article{border:1px solid var(--line);background:var(--surface);border-radius:14px;overflow:hidden;padding-bottom:15px}.template-preview{height:160px;color:#fff;padding:25px;font:800 32px Manrope}.p1{background:linear-gradient(135deg,#33145d,#a8317e)}.p2{background:linear-gradient(135deg,#13404b,#55b4b0)}.p3{background:linear-gradient(135deg,#152a4b,#507cf7)}.template-grid h3,.template-grid p,.template-grid button{margin-left:15px}.template-grid p{color:var(--muted);font-size:11px} .storage-panel{min-height:370px}.meter{height:7px;background:var(--surface-2);border-radius:10px;margin-top:10px}.meter i{display:block;width:0;height:100%;background:var(--accent);border-radius:inherit;transition:width .3s}.empty-state{text-align:center;padding:85px 20px}.empty-state p{color:var(--muted)}.storage-files{margin-top:18px}.storage-file{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--line)}.storage-file-icon{width:38px;height:38px;border-radius:10px;background:#efefff;color:var(--accent);display:grid;place-items:center}.storage-file-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.storage-file small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.storage-file a{text-decoration:none} .subscription-grid{display:grid;grid-template-columns:.8fr 1.15fr;gap:16px;max-width:880px}.plan-card{padding:26px;background:linear-gradient(145deg,#625ee8,#8f73e9);border-radius:17px;color:#fff}.plan-badge{background:rgba(255,255,255,.2);border-radius:10px;padding:4px 7px;font-size:9px}.plan-card h2{font:800 21px Manrope}.trial-count{display:flex;align-items:center;gap:10px;margin:26px 0}.trial-count b{font:800 58px Manrope}.full{width:100%;margin:20px 0 12px}.plan-card .primary{background:#fff;color:#605ae4}.feature-list div{padding:13px 0;border-bottom:1px solid var(--line)} .settings-card{max-width:760px}.settings-profile{display:flex;align-items:center;gap:13px}.profile-photo.large{width:52px;height:52px;font-size:18px}.settings-profile p{color:var(--muted)}.settings-profile button{margin-left:auto}.settings-card hr{border:0;border-top:1px solid var(--line);margin:22px 0}.setting-row{display:flex;justify-content:space-between}.setting-row small{display:block;color:var(--muted);font-size:11px}.toggle{height:25px;width:44px;border:0;background:#dedee8;border-radius:20px;padding:3px}.toggle i{display:block;height:19px;width:19px;background:#fff;border-radius:50%;transition:.2s}.toggle.on{background:var(--accent)}.toggle.on i{transform:translateX(19px)} /* Support and administration */ .support-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px;min-height:590px}.ticket-list-panel,.ticket-chat{padding:0;overflow:hidden}.ticket-list-panel .panel-head{padding:20px;border-bottom:1px solid var(--line)}.ticket-list{max-height:530px;overflow:auto}.ticket-item{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);padding:15px 18px;text-align:left}.ticket-item:hover,.ticket-item.active{background:var(--surface-2)}.ticket-item.active{box-shadow:inset 3px 0 var(--accent)}.ticket-item-head{display:flex;justify-content:space-between;gap:8px}.ticket-item b{font-size:12px}.ticket-item p{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:7px 0}.ticket-meta{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:9px}.ticket-status{border-radius:20px;padding:4px 7px;background:#fff3de;color:#bc7622}.ticket-status.closed{background:#e9f8f0;color:#2d9868}.ticket-status.waiting_user{background:#eef1ff;color:#5e65c7}.ticket-welcome{height:100%;min-height:500px;display:grid;place-content:center;justify-items:center;text-align:center;padding:25px}.ticket-welcome svg{width:48px;height:48px;color:var(--accent);margin-bottom:12px}.ticket-welcome p{color:var(--muted)}.ticket-chat-head{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;border-bottom:1px solid var(--line);gap:12px}.ticket-chat-head h2{margin:0}.ticket-messages{padding:22px;display:flex;flex-direction:column;gap:13px;height:410px;overflow:auto;background:var(--bg)}.ticket-message{align-self:flex-start;max-width:78%;padding:12px 14px;border-radius:14px 14px 14px 4px;background:var(--surface);border:1px solid var(--line)}.ticket-message.admin{align-self:flex-end;border-radius:14px 14px 4px 14px;background:#efefff;border-color:#ddddff}.ticket-message.admin b{color:var(--accent)}.ticket-message.user b{color:var(--text)}.ticket-message b,.ticket-message small{display:block}.ticket-message p{white-space:pre-wrap;line-height:1.55;margin:5px 0}.ticket-message small{font-size:9px;color:var(--muted)}.ticket-reply{display:flex;gap:10px;padding:14px;border-top:1px solid var(--line)}.ticket-reply textarea{flex:1;min-height:48px;max-height:120px;resize:vertical;border:1px solid var(--line);border-radius:10px;padding:11px;background:var(--surface);color:var(--text)}.ticket-reply button{width:48px;padding:0;display:grid;place-items:center}.ticket-form{text-align:left}.ticket-form h2,.ticket-form>p{text-align:center}.ticket-form label{display:grid;gap:6px;font-size:11px;font-weight:700;margin:11px 0}.ticket-form input,.ticket-form select,.ticket-form textarea,.admin-panel input{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px;background:var(--surface);color:var(--text)}.ticket-form textarea{min-height:115px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px} .admin-tabs{display:flex;gap:7px;margin-bottom:14px}.admin-tabs button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:9px;padding:9px 13px}.admin-tabs button.active{color:#fff;background:var(--accent);border-color:var(--accent)}.admin-panel{display:none}.admin-panel.active{display:block}.admin-panel .panel-head{align-items:center;margin-bottom:12px}.admin-panel input{width:min(300px,100%)}.admin-list{display:grid}.admin-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(140px,1fr) auto;align-items:center;gap:14px;padding:13px 4px;border-bottom:1px solid var(--line)}.ticket-admin-row{width:100%;border:0;background:transparent;color:var(--text);text-align:left}.ticket-admin-row:hover{background:var(--surface-2)}.admin-row:last-child{border:0}.admin-row p{margin:3px 0;color:var(--muted);font-size:10px}.admin-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.mini-button{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:8px;padding:7px 9px;font-size:10px}.mini-button.danger{color:#c55362;background:#fff0f2}.admin-badge{font-size:9px;border-radius:20px;padding:4px 7px;background:var(--surface-2);color:var(--muted)}.admin-badge.blocked{background:#fff0f2;color:#c55362} /* Modal and theme */ .modal-backdrop{position:fixed;inset:0;background:rgba(23,23,39,.35);z-index:20;display:grid;place-items:center;padding:20px;backdrop-filter:blur(3px)}.modal{position:relative;background:var(--surface);border-radius:18px;width:min(410px,100%);padding:30px;text-align:center}.modal-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:24px;color:#999}.modal-symbol{display:grid;place-items:center;width:43px;height:43px;background:#eeeaff;color:#675ae5;border-radius:13px;margin:0 auto 13px}.modal h2{font:800 19px Manrope}.modal p{font-size:12px;color:var(--muted);line-height:1.55}.modal-input input{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px;margin-bottom:10px}.modal small{color:var(--muted);font-size:9px} .toast{position:fixed;z-index:30;bottom:22px;left:50%;transform:translate(-50%,20px);background:#252538;color:#fff;border-radius:10px;padding:11px 16px;font-size:12px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)} body.dark{--bg:#171721;--surface:#20202d;--surface-2:#282837;--text:#eeeef6;--muted:#a9a9b7;--line:#30303f;--shadow:0 12px 28px rgba(0,0,0,.16)} body.dark .nav-link.active,body.dark .soft-button{background:#302e53}body.dark .trial-banner{background:#262440;color:#ddd;border-color:#3b3767}body.dark .flow-node,body.dark .day{background:var(--surface)} @media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.community-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:760px){ body.authenticated{padding-bottom:calc(68px + env(safe-area-inset-bottom))}body.drawer-open{overflow:hidden} .auth-screen{grid-template-columns:1fr;min-height:100svh}.auth-visual{display:none}.auth-panel{padding:calc(28px + env(safe-area-inset-top)) 22px calc(28px + env(safe-area-inset-bottom));align-items:start;background:linear-gradient(180deg,#f5f4ff 0,#fbfbfe 190px)}.auth-box{margin:0 auto}.auth-mobile-logo{display:block;margin-bottom:clamp(26px,7vh,54px)}.auth-box h2{font-size:26px}.auth-box>p{font-size:13px;line-height:1.5;margin-bottom:24px}.auth-box input,.auth-submit,.vk-login{height:48px}.auth-switch{margin-top:20px}.auth-terms{margin-top:22px;padding:0 10px} .sidebar{width:min(86vw,330px);z-index:50;transform:translateX(-103%);transition:transform .24s ease;padding:calc(22px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));box-shadow:12px 0 35px rgba(22,22,40,.13)}.sidebar.open{transform:translateX(0)}.sidebar .brand{padding-bottom:18px}.sidebar .nav{overflow-y:auto;overscroll-behavior:contain}.nav-link{min-height:44px;height:44px;font-size:14px}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:40;border:0;background:rgba(18,18,32,.42);opacity:0;pointer-events:none;transition:opacity .24s;backdrop-filter:blur(2px)}.sidebar-backdrop.visible{opacity:1;pointer-events:auto} .main{margin:0}.topbar{height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;gap:10px;background:color-mix(in srgb,var(--surface) 92%,transparent)}.mobile-menu{display:grid;place-items:center;width:42px;height:42px}.crumb{font-size:14px;flex:1}.top-actions{gap:2px}.top-actions .notification{display:none}.icon-button{width:42px;height:42px}.help-button{width:30px;height:30px} .view{padding:24px 16px 28px}.hero-head{flex-direction:column;gap:17px;margin-bottom:20px}.hero-head h1{font-size:25px;letter-spacing:-.8px}.hero-head p{line-height:1.5}.hero-head>.primary,.hero-head>.secondary,.hero-head>.button-group{width:100%}.primary,.secondary,.soft-button{min-height:44px}.button-group button{flex:1;white-space:normal} .trial-banner{align-items:flex-start;flex-wrap:wrap;padding:14px}.trial-banner>div:nth-child(2){flex:1;min-width:calc(100% - 54px)}.trial-banner .soft-button{width:100%;margin:2px 0 0}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px;min-height:126px}.stat-card>strong{font-size:24px}.stat-label{font-size:8px;line-height:1.4;gap:5px}.dashboard-grid,.bot-layout,.editor-layout,.subscription-grid{grid-template-columns:1fr}.dashboard-grid{gap:12px}.dashboard-grid.lower{margin-top:12px}.panel{padding:16px}.panel-head{gap:8px}.growth-panel{overflow:hidden}.line-chart{margin-left:-8px;margin-right:-8px}.activity-list>div{gap:8px}.activity-list strong{font-size:12px} .community-grid,.template-grid{grid-template-columns:1fr}.community-grid .empty-state{grid-column:1}.community-card{border-radius:14px}.community-cover{height:104px}.community-bottom{gap:13px}.community-actions{gap:0}.community-open{display:none}.cover-canvas{min-height:0;aspect-ratio:3.2}.cover-title{letter-spacing:-1px}.layers{display:none}.editor-toolbar{overflow-x:auto}.editor-caption{gap:10px;align-items:center}.editor-caption button{text-align:right} .posts .post{align-items:flex-start;flex-wrap:wrap}.post>span:nth-child(3){flex:1;min-width:150px}.scheduled,.draft{margin-left:74px}.bar-chart{height:190px;gap:7px}.settings-profile{flex-wrap:wrap}.settings-profile>div{flex:1}.settings-profile .secondary{width:100%}.setting-row{gap:14px}.setting-row>span{flex:1}.calendar{width:100%;padding:10px}.calendar-head{min-width:500px}.weekdays,.calendar-days{min-width:500px}.day{height:64px} .modal-backdrop{align-items:end;padding:0;z-index:70}.modal{width:100%;border-radius:22px 22px 0 0;padding:30px 20px calc(24px + env(safe-area-inset-bottom));animation:sheet-in .22s ease-out}.modal-close{width:44px;height:44px;right:7px;top:5px}.modal-input input{min-height:48px}.toast{bottom:calc(82px + env(safe-area-inset-bottom));width:calc(100% - 32px);text-align:center} .mobile-tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:30;inset:auto 0 0;background:color-mix(in srgb,var(--surface) 94%,transparent);border-top:1px solid var(--line);padding:5px 5px calc(5px + env(safe-area-inset-bottom));backdrop-filter:blur(15px);box-shadow:0 -8px 26px rgba(33,32,66,.07)}.mobile-tabbar button{border:0;background:transparent;color:var(--muted);height:58px;min-width:0;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px;font-weight:600}.mobile-tabbar button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mobile-tabbar button.active{color:var(--accent);background:#eeeeff} .support-layout{grid-template-columns:1fr;min-height:0}.ticket-list-panel{max-height:330px}.ticket-chat{min-height:450px}.ticket-messages{height:330px;padding:14px}.ticket-message{max-width:90%}.ticket-reply{padding:10px}.admin-row{grid-template-columns:1fr}.admin-actions{justify-content:flex-start}.admin-tabs{overflow-x:auto}.admin-tabs button{white-space:nowrap}.admin-panel .panel-head{align-items:stretch;flex-direction:column}.form-grid{grid-template-columns:1fr}.storage-file{grid-template-columns:auto minmax(0,1fr) auto}.storage-file .danger{grid-column:2/4;justify-self:start} body.dark .mobile-tabbar button.active{background:#302e53} } /* Cover Studio 3.0: the editor and generated VK image share one 1590x530 scene. */ .cover-canvas{ --cover-card-accent:#402882; } .cover-canvas[data-theme="ocean"]{--cover-card-accent:#096c8e} .cover-canvas[data-theme="sunset"]{--cover-card-accent:#a83f74} .cover-canvas[data-theme="midnight"]{--cover-card-accent:#151b35} .cover-canvas[data-theme="forest"]{--cover-card-accent:#1a6b4a} .cover-canvas[data-theme="candy"]{--cover-card-accent:#8f5cff} .cover-canvas:not(.has-custom-background) .cover-gradient{ background:linear-gradient(135deg,#22134b 0%,#402882 58%,#796ce3 100%)!important; } .cover-canvas[data-theme="ocean"]:not(.has-custom-background) .cover-gradient{ background:linear-gradient(135deg,#08244a 0%,#096c8e 58%,#42c3cf 100%)!important; } .cover-canvas[data-theme="sunset"]:not(.has-custom-background) .cover-gradient{ background:linear-gradient(135deg,#3a143f 0%,#a83f74 58%,#ff9a62 100%)!important; } .cover-canvas[data-theme="midnight"]:not(.has-custom-background) .cover-gradient{ background:linear-gradient(135deg,#050914 0%,#151b35 58%,#3c376f 100%)!important; } .cover-canvas[data-theme="forest"]:not(.has-custom-background) .cover-gradient{ background:linear-gradient(135deg,#09291f 0%,#1a6b4a 58%,#77b85b 100%)!important; } .cover-canvas[data-theme="candy"]:not(.has-custom-background) .cover-gradient{ background:linear-gradient(135deg,#ff4fa3 0%,#8f5cff 58%,#42d4ff 100%)!important; } .cover-canvas .cover-title, .cover-canvas .cover-subtitle, .cover-canvas .followers, .cover-canvas .cover-extra-text{ width:max-content; max-width:none; line-height:1!important; white-space:nowrap; overflow:visible; overflow-wrap:normal; word-break:normal; text-shadow:none; transform-origin:top left; } .cover-canvas .cover-anchor-center{transform:translateX(-50%)!important} .cover-canvas .cover-anchor-right{transform:translateX(-100%)!important} .cover-canvas .dynamic-user{ display:block; width:235px; height:48px; max-width:none; padding:0; gap:0; border:1px solid rgba(255,255,255,.22); border-radius:13px; background:rgba(15,14,35,.45); box-sizing:border-box; overflow:hidden; } .cover-canvas .dynamic-user.no-avatar{width:185px} .cover-canvas .dynamic-user .dynamic-avatar{ position:absolute; left:8px; top:8px; width:32px; height:32px; border-radius:50%; background-color:#fff; background-image:none; color:var(--cover-card-accent); font:800 9px/32px "Noto Sans",sans-serif; text-align:center; } .cover-canvas .dynamic-user>span:not(.dynamic-avatar){position:absolute;inset:0} .cover-canvas .dynamic-user b, .cover-canvas .dynamic-user small{ position:absolute; left:49px; display:block; max-width:176px; margin:0; padding:0; white-space:nowrap; overflow:hidden; text-overflow:clip; } .cover-canvas .dynamic-user b{top:10px;font-size:10px;line-height:10px;font-weight:inherit} .cover-canvas .dynamic-user small{top:26px;font-size:8px;line-height:8px;font-weight:600;opacity:.72} .cover-canvas .dynamic-user.no-avatar b, .cover-canvas .dynamic-user.no-avatar small{left:10px;max-width:165px} .cover-canvas .dynamic-user[data-cover-dynamic-type="views_today"]>span:not(.dynamic-avatar), .cover-canvas .dynamic-user[data-cover-dynamic-type="views_yesterday"]>span:not(.dynamic-avatar){display:flex;align-items:center;gap:7px;padding:0 11px;white-space:nowrap} .cover-canvas .dynamic-user[data-cover-dynamic-type="views_today"] b, .cover-canvas .dynamic-user[data-cover-dynamic-type="views_today"] small, .cover-canvas .dynamic-user[data-cover-dynamic-type="views_yesterday"] b, .cover-canvas .dynamic-user[data-cover-dynamic-type="views_yesterday"] small{position:static;display:inline;max-width:none;line-height:48px;opacity:1} .cover-canvas .dynamic-user[data-cover-dynamic-type="views_today"] small, .cover-canvas .dynamic-user[data-cover-dynamic-type="views_yesterday"] small{font-size:11px;font-weight:800;color:inherit} .cover-canvas .cover-exact-preview{ position:absolute; z-index:1; inset:0; display:block; width:1590px; height:530px; object-fit:fill; opacity:0; pointer-events:none; } .cover-canvas.exact-render-ready .cover-exact-preview{opacity:1} .cover-canvas.exact-render-ready .cover-title, .cover-canvas.exact-render-ready .cover-subtitle, .cover-canvas.exact-render-ready .followers, .cover-canvas.exact-render-ready .cover-extra-text{color:transparent!important;text-shadow:none!important} .cover-canvas.exact-render-ready .dynamic-user{background:transparent!important;border-color:transparent!important;color:transparent!important} .cover-canvas.exact-render-ready .dynamic-user .dynamic-avatar{visibility:hidden} .cover-data-settings{display:grid;gap:9px}.cover-data-source-card{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface))}.cover-data-hint{margin:11px 0 0;color:var(--muted);font-size:9px;line-height:1.5} @media(max-width:390px){ .view{padding-left:12px;padding-right:12px}.stats-grid{grid-template-columns:1fr}.stat-card{min-height:108px}.stat-card>strong{margin-top:10px}.top-actions .help-button{display:none}.community-bottom{gap:10px}.mobile-tabbar button{font-size:8px}.mobile-tabbar button svg{width:18px;height:18px} } /* Public legal documents */ .legal-body{min-height:100vh;background:#f5f5fa;color:#242532;overflow-x:hidden} .legal-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px max(22px,calc((100vw - 980px)/2));border-bottom:1px solid #e7e7ef;background:rgba(255,255,255,.92);backdrop-filter:blur(14px)} .legal-header img{display:block;width:128px;height:auto}.legal-header a{text-decoration:none}.legal-back{padding:9px 12px;border:1px solid #e1e1ea;border-radius:9px;color:#555765;background:#fff;font-size:11px;font-weight:700} .legal-main{width:min(920px,calc(100% - 32px));margin:34px auto 50px;padding:42px clamp(22px,5vw,62px);border:1px solid #e7e7ef;border-radius:20px;background:#fff;box-shadow:0 18px 55px rgba(32,31,68,.07)} .legal-kicker{display:inline-block;margin-bottom:12px;color:#6262df;font-size:10px;font-weight:800;letter-spacing:1.1px}.legal-main h1{margin:0;font:800 clamp(28px,4vw,42px)/1.12 Manrope;letter-spacing:-1.5px}.legal-updated{margin:12px 0 30px;color:#8b8c99;font-size:11px}.legal-lead{padding:16px 18px;border-left:3px solid #6464e5;border-radius:0 12px 12px 0;background:#f5f4ff;color:#555765;line-height:1.7}.legal-main section{padding-top:24px}.legal-main h2{margin:0 0 10px;font:800 18px/1.3 Manrope}.legal-main h3{margin:18px 0 8px;font:800 14px Manrope}.legal-main p,.legal-main li{color:#555765;font-size:12px;line-height:1.75}.legal-main ul,.legal-main ol{padding-left:22px}.legal-main li+li{margin-top:6px}.legal-main a{color:#5556d8}.legal-contact{display:grid;gap:8px;margin-top:14px;padding:16px;border-radius:13px;background:#f5f5fa}.legal-contact a{font-weight:700;text-decoration:none}.legal-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;padding:0 20px 36px;color:#8c8d99;font-size:10px}.legal-footer a{color:#6869c9;text-decoration:none} @media(max-width:760px){.auth-panel{min-height:100svh;grid-template-rows:minmax(min-content,1fr) auto!important;align-items:center!important;padding-bottom:calc(18px + env(safe-area-inset-bottom))!important}.auth-box{align-self:center}.auth-legal-footer{padding-top:24px}.legal-header{padding:13px 16px}.legal-header img{width:112px}.legal-main{width:calc(100% - 20px);margin:14px auto 30px;padding:27px 18px;border-radius:15px}.legal-main h1{font-size:27px}.legal-main p,.legal-main li{font-size:11px}} /* CAPVK 1.4 */ .dashboard-grid>.growth-panel:only-child{grid-column:1/-1}.top-actions{height:42px;align-items:center}.top-actions>.icon-button,.top-actions .notification>.icon-button,.top-actions>.help-button{display:grid;place-items:center;margin:0}.help-button{width:33px;height:33px;border-radius:9px} .dynamic-user{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid rgba(255,255,255,.22);border-radius:13px;color:#fff;background:rgba(15,14,35,.45);backdrop-filter:blur(10px);max-width:34%}.dynamic-user b,.dynamic-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dynamic-user b{font-size:10px}.dynamic-user small{font-size:8px;opacity:.72}.dynamic-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7bc8ff,#9a6af1);font-size:9px;font-weight:800;flex:none}.dynamic-user.no-avatar .dynamic-avatar{display:none}.dynamic-settings{display:grid;gap:10px;margin-top:14px;padding:12px;background:var(--surface-2);border-radius:11px}.dynamic-settings label{display:grid;gap:5px;font-size:10px;font-weight:700}.dynamic-settings select,.dynamic-settings input[type="text"],.dynamic-settings input:not([type]){width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;padding:8px}.dynamic-settings .setting-check{display:flex;grid-template-columns:auto 1fr;align-items:center} .template-section-title{font:800 18px Manrope;margin:28px 0 13px}.template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.template-preview{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.template-preview:before,.template-preview:after{content:"";position:absolute;border-radius:50%;filter:blur(2px)}.template-preview span,.template-preview small{position:relative;z-index:2}.p4{background:linear-gradient(135deg,#052e51,#0790a5)}.p4:before{width:150px;height:150px;background:#52d7df;right:-45px;top:-55px}.p5{background:linear-gradient(135deg,#54103b,#ee6f78)}.p5:after{width:120px;height:120px;border:20px solid rgba(255,255,255,.16);right:-25px;top:-20px}.p6{background:linear-gradient(135deg,#050714,#282456)}.p6:before{width:95px;height:95px;background:linear-gradient(135deg,#5e59f0,#c259d5);right:20px;top:22px}.bot-template-grid article{padding-top:22px}.template-bot-icon{width:54px;height:54px;margin:0 15px 12px;border-radius:16px;display:grid;place-items:center;font-size:25px;background:var(--surface-2)} .empty-cloud{width:66px;height:66px!important;border-radius:20px;display:grid!important;place-items:center;margin:0 auto 14px;background:linear-gradient(135deg,#e9f5ff,#eeebff);color:var(--accent)}.empty-cloud svg{width:33px;height:33px;fill:none;stroke:currentColor;stroke-width:1.6} .support-illustration{position:relative;width:86px;height:86px;border-radius:28px;display:grid;place-items:center;margin-bottom:18px;color:#fff;background:radial-gradient(circle at 25% 20%,#a39cff,#625ee8 58%,#9b55c7);box-shadow:0 16px 35px rgba(83,71,201,.25)}.support-illustration:before,.support-illustration:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.28);border-radius:50%}.support-illustration:before{inset:9px}.support-illustration:after{inset:18px}.support-illustration svg{position:relative;z-index:2;width:34px;height:34px;margin:0}.support-illustration i{position:absolute;z-index:3;right:-4px;top:-5px;width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#fff;color:var(--accent);font-style:normal;font-weight:800;box-shadow:0 6px 14px rgba(38,36,85,.16)} .guide-grid{display:grid;gap:18px}.guide-card{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(280px,1fr);gap:26px;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.guide-card>div:last-child{padding:18px 18px 18px 0}.guide-card em{font:800 11px Manrope;color:var(--accent);letter-spacing:1px}.guide-card h2{font:800 21px Manrope;margin:7px 0 12px}.guide-card ol{padding-left:20px;color:var(--muted);line-height:1.8}.guide-shot{min-height:230px;border-radius:15px;padding:22px;overflow:hidden;position:relative;background:#17172d;color:#fff}.shot-community span{display:block;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#6b7cff,#bd62d3);margin-bottom:24px}.shot-community b{font-size:20px}.shot-community i{display:block;height:34px;margin-top:12px;border-radius:9px;background:rgba(255,255,255,.08)}.shot-content{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-content:start;background:linear-gradient(135deg,#173050,#355fa0)}.shot-content span{padding:8px;text-align:center;font-size:10px;opacity:.6}.shot-content i{grid-column:1/3;height:65px;border-radius:8px;background:linear-gradient(135deg,#7f75ff,#c260cf)}.shot-bot{display:grid;justify-items:center;align-content:center;background:linear-gradient(135deg,#152d32,#327a79)}.shot-bot b{width:130px;padding:10px;border:1px solid rgba(255,255,255,.22);border-radius:9px;text-align:center}.shot-bot i{font-style:normal;padding:5px}.shot-cover{background:linear-gradient(135deg,#3b1557,#695bdc);display:grid;align-content:center}.shot-cover strong{font:800 36px Manrope}.shot-cover small{margin-top:9px}.shot-cover i{position:absolute;width:140px;height:140px;border-radius:50%;right:-20px;top:-25px;background:linear-gradient(135deg,#ff7fc8,#785eff)} .pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.pricing-card{position:relative;border:1px solid var(--line);border-radius:20px;padding:24px;background:var(--surface);box-shadow:var(--shadow)}.pricing-card.featured{border-color:#a7a1ff;box-shadow:0 18px 45px rgba(83,74,202,.14)}.pricing-card.premium{background:radial-gradient(circle at 100% 0,rgba(186,91,213,.18),transparent 35%),var(--surface)}.pricing-card h2{font:800 20px Manrope;margin:18px 0 5px}.pricing-card>p{color:var(--muted);min-height:38px}.pricing-card>strong{display:block;font:800 33px Manrope;margin:24px 0}.pricing-card>strong small{font:500 11px Inter;color:var(--muted)}.pricing-card>small{display:block;color:var(--muted);margin:7px 0 18px}.pricing-card ul{list-style:none;padding:0;margin:18px 0}.pricing-card li{padding:8px 0;border-bottom:1px solid var(--line)}.pricing-card li:before{content:"✓";color:var(--success);font-weight:800;margin-right:8px}.pricing-card button+button{margin-top:8px}.pricing-card.current{box-shadow:inset 0 0 0 2px var(--accent)} .admin-system-panel{margin-bottom:16px}.admin-system-panel .activity-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.admin-system-panel .activity-list>div{padding:12px;border:1px solid var(--line);border-radius:11px}.admin-user-main{display:flex;align-items:center;gap:10px}.admin-avatar{width:42px;height:42px;border-radius:12px;object-fit:cover;background:var(--surface-2);display:grid;place-items:center;font-weight:800}.user-detail-modal{width:min(850px,100%);text-align:left;max-height:min(820px,90vh);overflow:auto}.user-detail-head{display:flex;align-items:center;gap:14px}.user-detail-head .admin-avatar{width:64px;height:64px;border-radius:18px}.user-detail-head h2{margin:0}.user-detail-head a{color:var(--accent)}.user-detail-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:18px 0}.user-detail-stats div{padding:12px;border-radius:10px;background:var(--surface-2)}.user-detail-stats b,.user-detail-stats small{display:block}.user-detail-stats small{color:var(--muted);margin-top:4px}.user-detail-section{margin-top:18px}.user-detail-list{display:grid;gap:7px}.user-detail-list>div{display:flex;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--line);border-radius:9px} .app-dialog{text-align:left}.app-dialog h2,.app-dialog>p{text-align:center}.app-dialog label{display:grid;gap:7px;margin:16px 0;font-size:11px;font-weight:700}.app-dialog input{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px;background:var(--surface);color:var(--text)}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.toast{display:flex;align-items:center;gap:10px;max-width:min(520px,calc(100vw - 32px));border:1px solid rgba(255,255,255,.13);box-shadow:0 18px 40px rgba(22,21,48,.22);border-radius:14px;padding:13px 17px}.toast:before{content:"✓";width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:#4fc58d;color:#fff;font-weight:800} @media(max-width:1100px){.template-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr}.admin-system-panel .activity-list{grid-template-columns:1fr}} @media(max-width:760px){.guide-card{grid-template-columns:1fr;padding:10px}.guide-card>div:last-child{padding:12px}.guide-shot{min-height:180px}.template-grid{grid-template-columns:1fr}.pricing-card{padding:20px}.dynamic-user{max-width:48%}.user-detail-stats{grid-template-columns:1fr 1fr}.top-actions .notification{display:block}.top-actions>.icon-button,.top-actions .notification>.icon-button,.top-actions>.help-button{width:36px;height:36px}.top-actions{gap:1px}} /* CAPVK 1.3 — product polish */ :root{--accent-soft:#eeeeff;--success:#31b57b;--danger:#e35f72} body{background: radial-gradient(circle at 82% -10%,rgba(112,105,242,.08),transparent 30rem), radial-gradient(circle at 30% 110%,rgba(200,89,213,.05),transparent 32rem),var(--bg)} .sidebar{width:268px;padding:22px 12px 12px;box-shadow:8px 0 32px rgba(35,34,73,.035)} .main{margin-left:268px}.sidebar .brand{padding:2px 12px 18px}.sidebar .brand>img{width:142px} .workspace-switcher{flex:none;border:1px solid transparent;transition:.2s}.workspace-switcher:hover{border-color:var(--line);transform:translateY(-1px)} .nav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin;scrollbar-color:var(--line) transparent} .nav-link{min-height:40px;flex:none;transition:background .18s,color .18s,transform .18s}.nav-link:hover{transform:translateX(2px)} .sidebar-foot{flex:none;padding-top:8px;background:var(--surface);box-shadow:0 -12px 24px var(--surface)} .profile{min-width:0}.profile>span:nth-child(2){min-width:0}.profile b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px} .profile-photo{overflow:hidden;position:relative;flex:none}.profile-photo img{width:100%;height:100%;object-fit:cover;display:block}.profile-photo i{font-style:normal}.profile-photo img:not([hidden])+i{display:none} .profile-photo.large{width:64px;height:64px;font-size:20px;border:3px solid color-mix(in srgb,var(--accent) 25%,var(--surface));box-shadow:0 8px 20px rgba(67,62,157,.15)} .topbar{height:70px;padding:0 32px}.top-actions{position:relative}.balance-chip{height:36px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:11px;padding:0 12px;display:flex;align-items:center;gap:7px;font-weight:800;font-size:12px;box-shadow:var(--shadow)} .balance-chip svg{width:17px;height:17px;fill:none;stroke:var(--accent);stroke-width:1.8}.balance-nav em{background:#e9fff4;color:#24865d} .notification-wrap{position:relative}.notification-popover{position:absolute;right:-36px;top:45px;width:min(360px,calc(100vw - 24px));padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 70px rgba(28,27,58,.18);z-index:40} .notification-head{display:flex;justify-content:space-between;align-items:center;padding:7px 8px 10px}.notification-head button{border:0;background:transparent;color:var(--muted);font-size:21px}.notification-item{width:100%;border:0;background:var(--surface-2);color:var(--text);border-radius:11px;padding:11px;text-align:left;margin:3px 0;display:grid;gap:3px}.notification-item small{color:var(--muted)} .view{padding:34px clamp(20px,3vw,46px) 64px;max-width:1600px}.hero-head h1{font-size:30px}.panel,.stat-card{transition:border-color .18s,box-shadow .18s}.panel:hover,.stat-card:hover{border-color:color-mix(in srgb,var(--accent) 20%,var(--line));box-shadow:0 16px 38px rgba(37,35,82,.075)} .primary,.secondary,.soft-button,.balance-chip{transition:transform .16s,box-shadow .16s,background .16s}.primary:hover,.secondary:hover,.soft-button:hover,.balance-chip:hover{transform:translateY(-1px)} .community-card .body{min-width:0}.community-card h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-card[data-status="needs_token"] .community-cover:after{content:"Нужен токен для публикации";position:absolute;right:10px;top:10px;background:rgba(20,20,35,.72);color:#fff;border-radius:20px;padding:5px 8px;font-size:8px;z-index:2} .bot-layout{grid-template-columns:minmax(0,1.5fr) minmax(290px,.7fr)}.bot-flow{align-items:stretch;padding:18px;min-width:0}.bot-builder-head{display:flex;gap:9px;justify-content:space-between}.bot-builder-head select{min-width:0;flex:1}.bot-toolbox{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.bot-toolbox button{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:9px;padding:8px 10px;font-size:11px;font-weight:700}.bot-toolbox button:hover{border-color:var(--accent);color:var(--accent)}.bot-flow-canvas{min-height:330px;border:1px dashed color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:14px;padding:20px;background:linear-gradient(var(--surface-2) 1px,transparent 1px),linear-gradient(90deg,var(--surface-2) 1px,transparent 1px);background-size:24px 24px}.bot-node-wrap{display:grid;justify-items:center}.bot-node-card{width:min(340px,100%);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:0 8px 20px rgba(41,39,83,.06)}.bot-node-card.condition{border-color:#edce8d}.bot-node-card.delay{border-color:#88cddc}.bot-node-card.action{border-color:#bba8f2}.bot-node-card button{border:0;background:#fff0f2;color:#c55265;border-radius:7px;width:28px;height:28px}.bot-node-arrow{height:24px;color:var(--muted);display:grid;place-items:center}.bot-node-icon{font-size:18px}.bot-list-panel{min-width:0} .editor-layout{width:100%;min-width:0;grid-template-columns:minmax(0,1fr) 250px}.editor-panel{min-width:0;overflow:hidden}.editor-toolbar{height:auto;min-height:44px;gap:4px;overflow-x:auto;overflow-y:hidden}.editor-toolbar select{height:32px}.editor-toolbar label{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px;color:var(--muted)}.editor-toolbar input[type="range"]{width:85px}.cover-stage{width:100%;max-width:100%;overflow:hidden;padding-top:12px}.cover-canvas{width:100%;max-width:100%;min-height:0;aspect-ratio:3.975;contain:layout paint}.cover-canvas[data-theme="ocean"] .cover-gradient{background:linear-gradient(115deg,#08244a,#096c8e 50%,#42c3cf)}.cover-canvas[data-theme="sunset"] .cover-gradient{background:linear-gradient(115deg,#3a143f,#a83f74 50%,#ff9a62)}.cover-canvas[data-theme="midnight"] .cover-gradient{background:linear-gradient(115deg,#050914,#151b35 55%,#3c376f)}.cover-title,.cover-subtitle,.followers{max-width:88%;overflow-wrap:anywhere}.cover-canvas.align-center .cover-title,.cover-canvas.align-center .cover-subtitle{text-align:center;transform:translateX(-50%)}.cover-tip{margin-top:14px;padding:12px;background:var(--surface-2);border-radius:10px}.cover-tip p{font-size:10px;color:var(--muted);line-height:1.5}.cover-tip select{width:100%} .balance-grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.4fr);gap:16px}.balance-card{position:relative;overflow:hidden;min-height:280px;padding:28px;border-radius:22px;color:#fff;background:radial-gradient(circle at 90% 10%,rgba(255,255,255,.26),transparent 25%),linear-gradient(135deg,#3b38a3,#7163eb 58%,#bd5dd1);box-shadow:0 22px 50px rgba(73,62,184,.25)}.balance-card:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-75px;bottom:-100px}.balance-card>span{font-size:10px;font-weight:800;letter-spacing:1.3px;opacity:.7}.balance-card strong{display:block;font:800 clamp(38px,5vw,62px) Manrope;margin:26px 0 4px}.balance-card p{opacity:.72}.balance-pay-button{position:absolute;left:28px;right:28px;bottom:26px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.14);color:#fff;border-radius:12px;padding:12px;font-weight:800;backdrop-filter:blur(8px)}.balance-history{margin-top:10px}.balance-row{display:flex;align-items:center;gap:10px;padding:13px 2px;border-bottom:1px solid var(--line)}.balance-row:last-child{border:0}.balance-row>span:first-child{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--surface-2)}.balance-row>div{flex:1}.balance-row small{display:block;color:var(--muted);margin-top:3px}.balance-row strong.positive{color:var(--success)}.balance-row strong.negative{color:var(--text)}.plan-card .secondary{margin-top:8px} body.dark .balance-nav em{background:#244738;color:#91e2b9}body.dark .notification-popover{box-shadow:0 24px 70px rgba(0,0,0,.35)} @media(max-height:760px) and (min-width:761px){ .sidebar{padding-top:14px}.sidebar .brand{padding-bottom:10px}.workspace-switcher{margin-bottom:8px}.nav p{margin-top:8px}.nav-link{min-height:36px;height:36px}.profile{padding-top:9px} } @media(max-width:1100px){ .bot-layout,.balance-grid{grid-template-columns:1fr}.editor-layout{grid-template-columns:minmax(0,1fr) 210px} } @media(max-width:760px){ .sidebar{width:min(90vw,350px)}.main{margin:0}.view{padding:22px 14px 34px}.topbar{padding-left:12px;padding-right:12px}.balance-chip{padding:0 9px}.balance-chip svg{display:none}.hero-head h1{font-size:27px}.panel:hover,.stat-card:hover{box-shadow:var(--shadow)} .notification-popover{position:fixed;left:12px;right:12px;top:calc(62px + env(safe-area-inset-top));width:auto} .editor-layout{display:block}.editor-panel{padding:10px}.cover-stage{overflow-x:auto;padding-bottom:4px}.cover-canvas{width:100%;min-width:0;aspect-ratio:3.15}.editor-toolbar b{display:none}.editor-toolbar label{display:none}.layers{display:block;margin-top:12px}.cover-tip{display:none} .bot-layout{display:grid}.bot-builder-head{flex-direction:column}.bot-builder-head button{width:100%}.bot-toolbox{display:grid;grid-template-columns:1fr 1fr}.bot-flow-canvas{padding:12px;min-height:260px} .balance-card{min-height:245px;padding:22px}.balance-pay-button{left:22px;right:22px;bottom:22px}.balance-card strong{font-size:42px}.balance-grid{gap:12px} .settings-profile .profile-photo.large{width:58px;height:58px}.community-card[data-status="needs_token"] .community-cover:after{font-size:8px} } @media(max-width:390px){ .balance-chip{display:none}.top-actions{margin-left:auto}.hero-head h1{font-size:24px}.button-group{display:grid;grid-template-columns:1fr 1fr}.button-group select{grid-column:1/-1}.button-group .primary{grid-column:1/-1}.cover-canvas{aspect-ratio:2.8}.bot-toolbox{grid-template-columns:1fr} } @keyframes sheet-in{from{transform:translateY(24px);opacity:.5}to{transform:translateY(0);opacity:1}} /* CAPVK 1.6.1 */ .content-list-panel{margin-top:16px} .dynamic-user{transform-origin:top left} .cover-canvas .cover-title,.cover-canvas .cover-subtitle,.cover-canvas .followers,.cover-canvas .dynamic-user,.cover-canvas .cover-extra-text{font-family:"Noto Sans",sans-serif} .cover-canvas[data-theme="forest"] .cover-gradient{background:linear-gradient(115deg,#09291f,#1a6b4a 58%,#77b85b)} .cover-canvas[data-theme="candy"] .cover-gradient{background:linear-gradient(115deg,#ff4fa3,#8f5cff 52%,#42d4ff)} .dynamic-add-block{display:grid;grid-template-columns:1fr;gap:7px;padding-top:3px;border-top:1px solid var(--line)} .dynamic-add-block .full{margin:0} .user-detail-head>div{min-width:0;flex:1}.user-detail-head .user-balance-add{margin-left:auto} .user-detail-stats{grid-template-columns:repeat(5,1fr)} .source-form .setting-check{display:flex} .cover-custom-background{position:absolute;z-index:0;inset:0;background-color:#111;background-position:center;background-repeat:no-repeat;background-size:cover} .cover-canvas.has-custom-background{background:#111!important} .cover-canvas.has-custom-background .cover-gradient{background:transparent!important} .cover-canvas.has-custom-background .orb{display:none} .cover-background-settings{display:grid;gap:8px;margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)} .cover-background-settings>b{font:800 12px Manrope}.cover-background-settings>p{margin:0;color:var(--muted);font-size:9px;line-height:1.45} .cover-background-settings label{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:700} .cover-background-settings select{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--surface);color:var(--text)} .cover-background-settings .secondary{min-height:38px;padding:8px;font-size:10px}.cover-background-remove{justify-self:start;padding:4px 0;color:var(--danger)} @media(max-width:760px){.cover-background-settings{grid-template-columns:1fr 1fr;align-items:end}.cover-background-settings>b,.cover-background-settings>p{grid-column:1/-1}.cover-background-remove{grid-column:1/-1}} @media(max-width:390px){.cover-background-settings{grid-template-columns:1fr}} /* CAPVK 1.5 — automation studio */ .community-actions .mini-button{white-space:nowrap} .bot-builder-head>.button-group{margin-left:auto}.bot-toolbox{max-height:132px;overflow:auto;align-content:start} .bot-node-actions{display:flex;gap:5px;margin-left:auto}.bot-node-actions button{position:static!important;width:28px!important;height:28px!important;border-radius:8px!important;background:var(--surface-2)!important;color:var(--muted)!important} .bot-code-editor{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#11121d;color:#f4f5ff} .bot-code-editor>div{display:flex;justify-content:space-between;gap:12px}.bot-code-editor>div span{font-size:10px;color:#9698ac} .bot-code-editor textarea{width:100%;min-height:500px;resize:vertical;border:1px solid #303247;border-radius:12px;padding:16px;background:#0a0b12;color:#b8f6cf;font:12px/1.6 Consolas,monospace;tab-size:2} .cover-canvas[data-theme="forest"]{background:linear-gradient(135deg,#09291f,#1a6b4a 58%,#77b85b)} .cover-canvas[data-theme="candy"]{background:linear-gradient(135deg,#ff4fa3,#8f5cff 52%,#42d4ff)} .cover-extra-text{position:absolute;z-index:6;max-width:46%;color:#fff;font:800 28px/1.05 Manrope;text-shadow:0 2px 18px rgba(14,10,42,.28);white-space:nowrap;cursor:grab;touch-action:none} .cover-canvas .selected-cover-element{outline:2px solid #fff;outline-offset:5px;border-radius:5px} .cover-dynamic-generated{z-index:7;transform:scale(.82);transform-origin:top left} .editor-toolbar{flex-wrap:wrap}.editor-toolbar button{white-space:nowrap}.cover-tip .primary{margin-top:9px} .autocontent-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(420px,1.28fr);gap:18px} .content-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px -18px -18px;padding:13px 18px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 72%,var(--surface))}.content-pagination[hidden]{display:none}.content-pagination>span{color:var(--muted);font-size:10px;font-weight:700}.content-pagination>div{display:flex;align-items:center;gap:6px}.content-pagination button{min-width:34px;height:34px;border:1px solid var(--line);border-radius:9px;padding:0 10px;background:var(--surface);color:var(--text);font:700 10px Manrope}.content-pagination button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.content-pagination button.active{border-color:var(--accent);background:var(--accent);color:#fff}.content-pagination button:disabled{opacity:.42;cursor:not-allowed} .content-catalog{margin-bottom:18px}.content-category-tabs{display:flex;gap:7px;margin:4px 0 14px;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin}.content-category-tabs button{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:var(--surface-2);color:var(--muted);font:700 10px Manrope}.content-category-tabs button.active{border-color:var(--accent);background:var(--accent);color:#fff}.content-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.content-preset-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:78px;padding:11px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,var(--surface),var(--surface-2));transition:border-color .16s,transform .16s,box-shadow .16s}.content-preset-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));transform:translateY(-1px);box-shadow:0 8px 20px rgba(40,38,88,.07)}.content-preset-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));font-size:20px}.content-preset-card b{display:block;font-size:11px}.content-preset-card p{margin:3px 0 0;color:var(--muted);font-size:9px;line-height:1.4}.content-preset-card button{border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:8px;padding:8px 9px;background:var(--surface);color:var(--accent);font:800 9px Manrope}.content-preset-card button:hover{background:var(--accent);color:#fff}.source-form .catalog-source-selected input{background:color-mix(in srgb,var(--accent) 7%,var(--surface-2));color:var(--accent);font-weight:700;cursor:default} .source-form{display:grid;gap:13px;align-content:start}.source-form>label,.source-form .form-grid>label{display:grid;gap:6px;color:var(--muted);font-size:10px;font-weight:700} .source-form input,.source-form select{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px;background:var(--surface);color:var(--text)} .source-form>small{color:var(--muted);font-size:9px;line-height:1.55}.source-check{align-content:center;padding:10px 0} .source-list{display:grid;gap:10px}.source-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)} .source-card.disabled{opacity:.62}.source-type{min-width:42px;padding:8px 7px;border-radius:9px;background:#eceaff;color:var(--accent);font:800 10px Manrope;text-align:center} .source-card b,.source-card p,.source-card small{display:block}.source-card p{margin:3px 0;color:var(--muted);font-size:10px}.source-card small{font-size:9px;color:var(--muted)} .source-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px} .template-preview.p7{background:radial-gradient(circle at 78% 22%,#d9ff8d 0 12%,transparent 13%),linear-gradient(135deg,#083a2b,#35a369)} .template-preview.p8{background:radial-gradient(circle at 20% 20%,#fff16d 0 10%,transparent 11%),radial-gradient(circle at 78% 70%,#52e5ff 0 18%,transparent 19%),linear-gradient(135deg,#ff4ca2,#865cff)} .template-preview.p9{background:radial-gradient(circle at 78% 20%,#ffdf7c 0 12%,transparent 13%),linear-gradient(135deg,#ff4f68,#59217d)} .template-preview.p10{background:linear-gradient(110deg,transparent 48%,rgba(64,238,255,.24) 49% 52%,transparent 53%),linear-gradient(135deg,#090e22,#203b83)} .guide-ui{display:grid!important;align-content:start!important;gap:12px!important;background:linear-gradient(160deg,#f8f8fd,#ececf7)!important;color:#23243a!important;border:1px solid #dedfec} .guide-ui>b{font:800 15px Manrope}.guide-primary{justify-self:start;padding:9px 12px;border-radius:8px;background:#7266ee;color:#fff;font:800 9px Manrope} .guide-community-card,.guide-calendar,.guide-code,.guide-source,.guide-status{display:grid!important;gap:5px!important;height:auto!important;margin:0!important;padding:13px!important;border:1px solid #dedfec!important;border-radius:10px!important;background:#fff!important;color:#292a3b!important;font-style:normal!important} .guide-community-card strong{font-size:12px}.guide-community-card small,.guide-calendar small{color:#77798c;font-size:9px}.guide-community-card em{justify-self:start;color:#7266ee;font-size:9px} .guide-chip{display:inline-block;width:max-content;padding:7px 9px;border:1px solid #dedfec;border-radius:8px;background:#fff;font-size:9px} .guide-code{background:#151625!important;color:#b8f6cf!important;font:10px Consolas,monospace}.guide-cover-shot{background:linear-gradient(135deg,#332071,#7c5be8)!important;color:#fff!important} .guide-cover-shot strong{font:800 30px Manrope}.guide-cover-shot strong small{display:block;font-size:10px}.guide-cover-shot i{font-style:normal;font-size:10px} .guide-source{text-align:center;font:800 12px Manrope}.guide-status{font-size:9px}.guide-status.good{color:#24845a!important}.guide-status.bad{color:#c14f63!important} .guide-note{margin:12px 0;padding:10px 12px;border-radius:9px;background:var(--surface-2);color:var(--muted);font-size:10px;line-height:1.55} .support-question{width:72px;height:72px;margin-bottom:18px;display:grid;place-items:center;border:2px solid var(--accent);border-radius:50%;color:var(--accent);background:var(--surface);font:800 34px Manrope;box-shadow:0 12px 26px rgba(98,88,211,.14)} @media(max-width:1050px){.autocontent-layout{grid-template-columns:1fr}.source-list-panel{min-height:300px}.content-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:760px){ .bot-builder-head{align-items:stretch;flex-direction:column}.bot-builder-head>.button-group{margin-left:0}.bot-builder-head>.button-group button{flex:1} .bot-toolbox{max-height:170px}.bot-code-editor textarea{min-height:420px;font-size:11px}.source-card{grid-template-columns:auto minmax(0,1fr)}.source-actions{grid-column:1/-1;justify-content:flex-start} .content-pagination{align-items:stretch;flex-direction:column}.content-pagination>div{overflow-x:auto;padding-bottom:2px}.content-pagination button{flex:0 0 auto}.content-preset-grid{grid-template-columns:1fr}.content-preset-card{grid-template-columns:40px minmax(0,1fr) auto} .community-actions .mini-button{padding:7px 9px}.guide-card>div:last-child{padding:4px}.guide-card ol{line-height:1.65}.cover-extra-text{max-width:55%} .user-detail-head{flex-wrap:wrap}.user-detail-head .user-balance-add{width:100%;margin-left:0}.user-detail-stats{grid-template-columns:1fr 1fr} } /* CAPVK 2.0 — cover and content studios */ .top-actions{display:flex!important;align-items:center!important;gap:8px!important;min-height:42px} .top-actions>.icon-button,.top-actions>.help-button,.top-actions>.notification-wrap>.icon-button,.notification-wrap{width:38px;height:38px;flex:0 0 38px} .top-actions>.icon-button,.top-actions>.help-button,.top-actions>.notification-wrap>.icon-button{display:grid!important;place-items:center!important;margin:0!important;padding:0!important;border:1px solid transparent;border-radius:11px} .top-actions>.icon-button:hover,.top-actions>.help-button:hover,.top-actions>.notification-wrap>.icon-button:hover{background:var(--surface-2);border-color:var(--line)} .top-actions svg{width:19px!important;height:19px!important}.notification-wrap{display:block;position:relative} .cover-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start;min-width:0}.cover-inspector{display:grid;gap:12px;width:100%;min-width:0;max-width:100%;max-height:calc(100vh - 128px);overflow-y:auto;overflow-x:hidden;position:sticky;top:88px;padding-right:3px}.inspector-card{padding:15px;min-width:0;max-width:100%;overflow-x:hidden}.inspector-card .panel-head{margin-bottom:12px;min-width:0}.inspector-card label{display:grid;gap:5px;min-width:0;color:var(--muted);font-size:10px;font-weight:700}.inspector-card input,.inspector-card select{width:100%;max-width:100%;min-width:0;border:1px solid var(--line);border-radius:9px;padding:9px;background:var(--surface);color:var(--text)}.cover-main-toolbar{padding:8px}.cover-main-toolbar .danger-tool{color:var(--danger)}.cover-layer-list{display:grid;gap:6px;min-width:0}.cover-layer-row{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:7px;min-width:0;max-width:100%;border:1px solid var(--line);border-radius:10px;padding:6px;background:var(--surface);color:var(--text);cursor:pointer}.cover-layer-row.active{border-color:var(--accent);background:var(--accent-soft)}.cover-layer-row.hidden-layer{opacity:.55}.cover-layer-row>i{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:var(--surface-2);font-style:normal;font-weight:800}.cover-layer-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-weight:700;font-size:11px}.cover-layer-row .layer-visibility{width:28px;height:28px;border:0;background:transparent;color:var(--muted);padding:0}.inspector-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;min-width:0}.inspector-grid .wide{grid-column:1/-1}.inspector-grid output{float:right;color:var(--text)}.inspector-grid input[type="range"]{padding:0;border:0}.inspector-grid input[type="color"]{height:40px;padding:4px}.inspector-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:0;margin-top:11px}.inspector-actions button{min-width:0;max-width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:8px;padding:8px;font-size:9px;font-weight:700}.background-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;min-width:0;margin-top:8px}.background-tools .danger-button{grid-column:1/-1}.cover-publish-card{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 12%,var(--surface)),var(--surface))}.cover-publish-card p{color:var(--muted);font-size:10px}.cover-publish-card select{margin:8px 0}.cover-custom-background{pointer-events:none}.cover-canvas .draggable[hidden]{display:none!important}.cover-canvas .selected-cover-element{box-shadow:0 0 0 2px rgba(96,88,232,.75),0 0 0 5px rgba(255,255,255,.9);outline:0}.cover-extra-text{transform-origin:top left} .cover-canvas .dynamic-user.cover-backgroundless{display:inline-grid!important;grid-template-columns:auto auto;align-items:center;gap:9px;width:max-content!important;height:max-content!important;min-width:0!important;max-width:none!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important;backdrop-filter:none!important} .cover-canvas .dynamic-user.cover-backgroundless.no-avatar{grid-template-columns:auto;gap:0} .cover-canvas .dynamic-user.cover-backgroundless .dynamic-avatar{position:static!important;width:32px;height:32px;line-height:32px} .cover-canvas .dynamic-user.cover-backgroundless>span:not(.dynamic-avatar){position:static!important;inset:auto!important;display:grid;align-content:center;gap:4px;width:max-content;min-width:0;padding:0!important} .cover-canvas .dynamic-user.cover-backgroundless b,.cover-canvas .dynamic-user.cover-backgroundless small{position:static!important;display:block;width:max-content;max-width:none!important;line-height:1!important;overflow:visible;text-overflow:clip} .cover-canvas .dynamic-user.cover-backgroundless[data-cover-dynamic-type="views_today"]>span:not(.dynamic-avatar),.cover-canvas .dynamic-user.cover-backgroundless[data-cover-dynamic-type="views_yesterday"]>span:not(.dynamic-avatar){display:flex;gap:7px;padding:0!important} .cover-canvas .dynamic-user.cover-backgroundless[data-cover-dynamic-type="views_today"] b,.cover-canvas .dynamic-user.cover-backgroundless[data-cover-dynamic-type="views_today"] small,.cover-canvas .dynamic-user.cover-backgroundless[data-cover-dynamic-type="views_yesterday"] b,.cover-canvas .dynamic-user.cover-backgroundless[data-cover-dynamic-type="views_yesterday"] small{line-height:1!important} .content-community-bar{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px;padding:16px 18px}.content-community-bar label{display:grid;gap:6px;min-width:min(440px,55%);font-size:10px;font-weight:800;color:var(--muted)}.content-community-bar select{border:1px solid var(--line);border-radius:10px;padding:11px;background:var(--surface);color:var(--text)}.content-community-bar>div{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px}.post-editor-modal{width:min(900px,calc(100vw - 24px));max-height:94vh;overflow:auto;text-align:left}.post-editor-head{display:flex;align-items:center;gap:12px;margin-bottom:15px}.post-editor-head .modal-symbol{margin:0;flex:none}.post-editor-head h2,.post-editor-head p{margin:2px 0;text-align:left}.post-editor-modal label{display:grid;gap:6px;color:var(--muted);font-size:10px;font-weight:700}.post-editor-modal input,.post-editor-modal select,.post-editor-modal textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px;background:var(--surface);color:var(--text)}.vk-composer{margin-top:13px;border:1px solid var(--line);border-radius:15px;overflow:visible;background:var(--surface)}.composer-toolbar{position:relative;display:flex;align-items:center;gap:4px;padding:7px;border-bottom:1px solid var(--line);background:var(--surface-2);border-radius:15px 15px 0 0}.composer-toolbar button{width:33px;height:31px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);font-weight:800}.composer-toolbar>span{margin-left:auto;color:var(--muted);font-size:9px}.emoji-picker{position:absolute;z-index:20;left:7px;top:45px;width:min(330px,calc(100vw - 64px));max-height:230px;overflow:auto;display:grid;grid-template-columns:repeat(8,1fr);gap:5px;padding:10px;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:0 18px 45px rgba(30,28,70,.2)}.emoji-picker[hidden]{display:none}.emoji-picker button{width:34px;height:34px;padding:0;border-color:transparent;background:var(--surface-2);font-size:20px}.emoji-picker button:hover{border-color:var(--accent);transform:translateY(-1px)}.vk-composer textarea{min-height:210px;resize:vertical;border:0;border-radius:0;padding:16px;font:14px/1.65 Inter}.attachment-dropzone{display:flex;align-items:center;gap:12px;margin:0 12px 10px;padding:12px;border:1px dashed color-mix(in srgb,var(--accent) 40%,var(--line));border-radius:11px;background:var(--surface-2)}.attachment-dropzone.dragover{border-color:var(--accent);background:var(--accent-soft)}.attachment-dropzone svg{width:30px;height:30px;fill:none;stroke:var(--accent)}.attachment-dropzone div{flex:1}.attachment-dropzone b,.attachment-dropzone small{display:block}.attachment-dropzone small{color:var(--muted);margin-top:3px}.video-attach-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:0 12px 12px}.post-attachments{display:flex;gap:8px;overflow:auto;padding:0 12px 12px}.post-attachment{position:relative;flex:0 0 150px;height:72px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface-2);display:grid;place-items:center;padding:8px;text-align:center}.post-attachment.image{background-size:cover;background-position:center;color:#fff}.post-attachment.image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.6))}.post-attachment span{position:relative;z-index:1;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.post-attachment button{position:absolute;z-index:2;right:4px;top:4px;width:23px;height:23px;border:0;border-radius:7px;background:rgba(18,18,28,.72);color:#fff}.post-schedule-row{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:14px 0}.post-schedule-row label{min-width:300px}.post-schedule-row span{color:var(--muted);font-size:9px}.post-editor-actions{margin-top:10px}.calendar .day .event{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .analytics-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.analytics-kpi{position:relative;overflow:hidden;min-height:145px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow)}.analytics-kpi:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-35px;top:-35px;background:currentColor;opacity:.1}.analytics-kpi.blue{color:#3a85e8}.analytics-kpi.violet{color:#7768ed}.analytics-kpi.orange{color:#e48a37}.analytics-kpi.green{color:#32a976}.analytics-kpi span,.analytics-kpi small{display:block;color:var(--muted)}.analytics-kpi strong{display:block;color:var(--text);font:800 34px Manrope;margin:17px 0 5px}.analytics-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.6fr);gap:16px}.analytics-chart{min-height:280px}.analytics-legend{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px}.analytics-legend i{width:9px;height:9px;border-radius:3px;background:var(--accent)}.analytics-funnel #analyticsStatuses{display:grid;gap:12px;margin-top:18px}.status-progress{display:grid;grid-template-columns:90px 1fr 34px;align-items:center;gap:8px;font-size:10px}.status-progress>i{height:8px;border-radius:8px;background:var(--surface-2);overflow:hidden}.status-progress>i:after{content:"";display:block;width:var(--progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#b45cd3)}.analytics-community-panel{margin-top:16px}.analytics-table-wrap{overflow:auto}.analytics-table{width:100%;border-collapse:collapse;min-width:700px}.analytics-table th,.analytics-table td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:10px}.analytics-table th{color:var(--muted);font-size:9px}.analytics-table b,.analytics-table small{display:block}.analytics-table small{color:var(--muted);margin-top:2px}.template-preview.generated-neon,.template-preview.generated-emerald,.template-preview.generated-campaign{background-size:cover;background-position:center}.template-preview.generated-neon{background-image:linear-gradient(0deg,rgba(8,7,30,.72),transparent 60%),url('/assets/cover-neon.png')}.template-preview.generated-emerald{background-image:linear-gradient(0deg,rgba(4,24,26,.72),transparent 60%),url('/assets/cover-emerald.png')}.template-preview.generated-campaign{background-image:linear-gradient(0deg,rgba(45,9,35,.72),transparent 60%),url('/assets/cover-campaign.png')}.plan-visual{position:absolute;right:18px;top:16px;font:800 42px Manrope;color:var(--accent);opacity:.13}.pricing-card.trial-plan{background:radial-gradient(circle at 100% 0,rgba(70,164,231,.13),transparent 38%),var(--surface)}.toast.error:before{content:"!";background:var(--danger)}.toast.info:before{content:"i";background:var(--accent)}.toast.success:before{content:"✓";background:var(--success)} .bot-template-grid{display:grid;grid-template-columns:1fr 1fr!important;gap:10px}.bot-template-grid article{display:grid;grid-template-columns:56px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:12px;padding:12px!important}.bot-template-grid .template-bot-icon{grid-row:1/3;margin:0}.bot-template-grid h3{grid-column:2;margin:0}.bot-template-grid p{grid-column:2;margin:3px 0!important}.bot-template-grid .soft-button{grid-column:3;grid-row:1/3} @media(max-width:1180px){.cover-workspace{grid-template-columns:1fr}.cover-inspector{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;position:static;overflow-y:visible;overflow-x:hidden}.cover-publish-card{grid-column:1/-1}.analytics-kpi-grid{grid-template-columns:1fr 1fr}.analytics-layout{grid-template-columns:1fr}} @media(max-width:760px){.top-actions{gap:3px!important}.top-actions>.icon-button,.top-actions>.help-button,.top-actions>.notification-wrap>.icon-button,.notification-wrap{width:36px;height:36px;flex-basis:36px}.cover-workspace{display:block}.cover-inspector{display:grid;grid-template-columns:1fr;margin-top:12px}.cover-main-toolbar{display:flex;flex-wrap:nowrap;overflow:auto}.cover-main-toolbar span,.cover-main-toolbar b{display:none}.cover-canvas{aspect-ratio:3.3}.inspector-grid{grid-template-columns:1fr 1fr}.content-community-bar{display:grid;align-items:stretch}.content-community-bar label{min-width:0}.analytics-kpi-grid{grid-template-columns:1fr 1fr}.analytics-kpi{min-height:120px;padding:15px}.post-editor-modal{width:100%;max-height:96vh}.post-editor-modal .form-grid{grid-template-columns:1fr}.attachment-dropzone{display:grid;grid-template-columns:auto 1fr}.attachment-dropzone .secondary{grid-column:1/-1}.post-schedule-row{display:grid}.post-schedule-row label{min-width:0}.composer-toolbar button{width:30px}} @media(max-width:760px){.bot-template-grid{grid-template-columns:1fr!important}.bot-template-grid article{grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto auto}.bot-template-grid .template-bot-icon{grid-row:1/3}.bot-template-grid .soft-button{grid-column:1/-1;grid-row:3}} @media(max-width:430px){.analytics-kpi-grid{grid-template-columns:1fr}.cover-inspector{grid-template-columns:1fr}.inspector-grid{grid-template-columns:1fr}.inspector-grid .wide{grid-column:auto}.video-attach-row{grid-template-columns:1fr}.post-editor-actions{grid-template-columns:1fr}.attachment-dropzone{grid-template-columns:1fr;text-align:center}.attachment-dropzone svg{margin:auto}} .calendar-more{display:block;margin-top:3px;color:var(--accent);font-size:8px;font-weight:800} /* CAPVK 2.1 — support, bot binding and mobile sign-in */ .auth-mobile-explainer{display:none}.plan-visual{display:none!important} body.dark .sidebar .brand>img{content:url('/assets/logo-dark.svg?v=3.6.1')} .bot-settings-modal{text-align:left;width:min(500px,100%)}.bot-settings-modal h2,.bot-settings-modal>p{text-align:center}.bot-settings-modal label{display:grid;gap:6px;margin:12px 0;color:var(--muted);font-size:10px;font-weight:800}.bot-settings-modal input,.bot-settings-modal select{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px;background:var(--surface);color:var(--text)}.bot-community-note{display:flex;align-items:flex-start;gap:9px;margin:14px 0;padding:11px;border:1px solid transparent;border-radius:10px;background:var(--surface-2);color:var(--muted);font-size:10px;line-height:1.5;overflow-wrap:anywhere}.bot-community-note svg{width:20px;height:20px;fill:none;stroke:var(--accent);flex:none}.bot-community-note.connected{border-color:color-mix(in srgb,#31ae72 38%,var(--line));background:color-mix(in srgb,#31ae72 9%,var(--surface));color:#238154}.bot-community-note.error{border-color:color-mix(in srgb,#e25565 38%,var(--line));background:color-mix(in srgb,#e25565 9%,var(--surface));color:#bf3c4c}.bot-settings-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}.bot-settings-actions button{min-height:43px;padding:9px 12px} .support-modal-icon{width:72px;height:72px;margin:0 auto 14px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#7268ed,#a65ed4);color:#fff;box-shadow:0 14px 30px rgba(92,78,205,.24)}.support-modal-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8}.ticket-priority-info{display:grid;align-content:center;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.ticket-priority-info span,.ticket-priority-info small{color:var(--muted);font-size:9px}.ticket-priority-info b{font-size:11px}.support-attach-box{display:flex;align-items:center;gap:10px;padding:11px;border:1px dashed color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:11px;background:var(--surface-2)}.support-attach-box .secondary{display:flex;align-items:center;gap:7px}.support-attach-box svg,.support-submit svg{width:17px;height:17px;fill:none;stroke:currentColor}.support-attach-box small{color:var(--muted);font-size:9px}.support-attachment-preview{display:flex;gap:8px;overflow:auto;margin:10px 0}.support-attachment-thumb{position:relative;flex:0 0 92px;height:72px;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--surface-2)}.support-attachment-thumb img{width:100%;height:100%;object-fit:cover}.support-attachment-thumb button{position:absolute;right:4px;top:4px;width:22px;height:22px;border:0;border-radius:7px;background:rgba(20,20,30,.72);color:#fff}.support-submit{display:flex!important;align-items:center;justify-content:center;gap:8px}.ticket-message,.ticket-chat-head>div,.ticket-item-head,.ticket-item-head b{min-width:0}.ticket-message p,.ticket-chat-head h2,.ticket-chat-head p,.ticket-item-head b{overflow-wrap:anywhere;word-break:break-word}.ticket-message p{white-space:pre-wrap}.ticket-message-images{display:grid;grid-template-columns:repeat(2,minmax(0,160px));gap:7px;margin:8px 0}.ticket-message-images a{display:block;border-radius:9px;overflow:hidden;background:var(--surface-2)}.ticket-message-images img{display:block;width:100%;height:110px;object-fit:cover}.ticket-reply{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end}.ticket-reply-attach{width:44px;height:48px;padding:0;display:grid;place-items:center}.ticket-reply-attach svg{width:19px;height:19px;fill:none;stroke:currentColor}.ticket-reply-preview{grid-column:1/-1;display:flex;gap:7px;overflow:auto}.ticket-reply-send{width:auto!important;min-width:112px;height:48px;padding:0 14px!important;display:flex!important;gap:7px!important;align-items:center;justify-content:center}.ticket-reply-send svg{width:17px;height:17px} @media(max-width:760px){.auth-mobile-explainer{display:block;margin:0 0 18px;padding:15px;border:1px solid #e3e1f5;border-radius:15px;background:#fff;box-shadow:0 10px 30px rgba(57,51,128,.07)}.auth-mobile-explainer>b{font:800 15px Manrope;color:#26263d}.auth-mobile-explainer>p{margin:6px 0 10px;color:#74758a;font-size:11px;line-height:1.5}.auth-mobile-explainer ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.auth-mobile-explainer li{position:relative;padding-left:21px;color:#4e5065;font-size:10px;line-height:1.35}.auth-mobile-explainer li:before{content:"✓";position:absolute;left:0;top:-1px;width:15px;height:15px;display:grid;place-items:center;border-radius:5px;background:#eceaff;color:#645de1;font-size:9px;font-weight:900}.auth-mobile-logo{margin-bottom:24px!important}.ticket-reply{grid-template-columns:44px minmax(0,1fr)}.ticket-reply-send{grid-column:1/-1;width:100%!important}.support-attach-box{align-items:stretch;flex-direction:column}.ticket-message-images{grid-template-columns:1fr 1fr}.bot-settings-actions{grid-template-columns:1fr}} /* CAPVK 2.4 — live VK automations and refined responsive UI */ .date-box{width:46px;min-width:46px;overflow:hidden} .date-box small{display:block;max-width:100%;font-size:8px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:clip} .bot-settings-actions{grid-template-columns:repeat(3,minmax(0,1fr))} @media(max-width:760px){.bot-settings-actions{grid-template-columns:1fr}} .simple-list .bot-list-item{margin:5px 0;padding:11px 10px;border:1px solid transparent;border-radius:12px;transition:border-color .18s,background .18s,box-shadow .18s} .simple-list .bot-list-item.is-active{border-color:#56bf88;background:color-mix(in srgb,#39b878 8%,var(--surface));box-shadow:0 10px 24px rgba(35,157,101,.1)} .bot-list-item>span:nth-child(2){min-width:0;flex:1} .bot-list-item>span:nth-child(2)>b{display:flex;align-items:center;gap:7px;flex-wrap:wrap} .simple-list .bot-list-item{display:grid;grid-template-columns:10px minmax(0,1fr);align-items:start} .bot-list-item .admin-actions{grid-column:2;width:100%;justify-content:flex-start;margin-top:7px} .bot-live-pill{display:inline-flex;align-items:center;border-radius:20px;padding:3px 7px;background:#dbf8e9;color:#22875a;font:800 8px Inter;font-style:normal;text-transform:uppercase;letter-spacing:.35px} .bot-node-card>span:nth-child(2){min-width:0} .bot-node-card b,.bot-node-card small{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word} .bot-node-card small{line-height:1.45;margin-top:3px} .pricing-card.premium{overflow:hidden;border:1px solid #d3a82f;background:radial-gradient(circle at 100% 0,rgba(255,210,80,.25),transparent 36%),radial-gradient(circle at 0 100%,rgba(117,83,242,.16),transparent 44%),linear-gradient(145deg,color-mix(in srgb,#fff6d0 36%,var(--surface)),var(--surface));box-shadow:0 22px 55px rgba(121,88,23,.17)} .pricing-card.premium:before{content:"PREMIUM";position:absolute;right:-40px;top:25px;transform:rotate(45deg);width:160px;padding:6px 0;text-align:center;background:linear-gradient(90deg,#8b62ef,#dca52b);color:#fff;font:800 8px Inter;letter-spacing:1.1px;box-shadow:0 7px 18px rgba(91,64,169,.2)} .pricing-card.premium .plan-badge{background:linear-gradient(90deg,#fff0b2,#f4d069);color:#76520b} .pricing-card.premium .primary{background:linear-gradient(100deg,#7559dd,#a76ad7)} body.dark .pricing-card.premium{background:radial-gradient(circle at 100% 0,rgba(255,209,73,.18),transparent 36%),radial-gradient(circle at 0 100%,rgba(123,88,239,.2),transparent 44%),var(--surface);border-color:#8e783b} .brand>img,.auth-mobile-logo{image-rendering:auto;filter:drop-shadow(0 8px 14px rgba(76,69,181,.12))} body.dark .brand>img{filter:drop-shadow(0 8px 14px rgba(0,0,0,.28))} .instruction-category-nav{display:flex;gap:8px;overflow-x:auto;margin:-6px 0 18px;padding:6px 1px;scrollbar-width:thin} .instruction-category-nav button{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;padding:9px 13px;background:var(--surface);color:var(--muted);font-size:10px;font-weight:800} .instruction-category-nav button.active{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 8px 18px rgba(84,80,210,.18)} .guide-screen-caption{position:absolute;left:14px;bottom:12px;border:1px solid rgba(43,44,73,.12);border-radius:20px;padding:5px 8px;background:rgba(255,255,255,.88);color:#73758d;font:700 8px Inter;box-shadow:0 4px 12px rgba(40,40,75,.08)} .guide-deep-note{margin:12px 0;padding:12px;border-left:3px solid var(--accent);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--accent) 7%,var(--surface));color:var(--muted);font-size:10px;line-height:1.6} .guide-deep-note b{color:var(--text)} .cover-live-status{display:block;margin:2px 0 9px;padding:8px 9px;border-radius:8px;background:var(--surface-2);color:var(--muted);font-size:9px;line-height:1.45;overflow-wrap:anywhere} .cover-live-status.active{background:#ddf8ea;color:#25875c}.cover-live-status.error{background:#fff0f2;color:#bf4c5d} /* Cover Studio: exact current desktop VK viewport (3:1). */ .cover-canvas,.cover-canvas.mobile-mode{aspect-ratio:1590/530!important} .cover-custom-background{background-size:100% 100%} .cover-hero-actions{display:grid;gap:9px;min-width:min(100%,650px)} .cover-hero-actions>.button-group{justify-content:flex-end} .cover-publish-inline{display:grid;grid-template-columns:minmax(150px,1fr) minmax(210px,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 10%,var(--surface)),var(--surface))} .cover-publish-inline>div{min-width:0}.cover-publish-inline b{display:block;font-size:11px}.cover-publish-inline .cover-live-status{margin:2px 0 0;padding:0;background:transparent;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cover-publish-inline .cover-live-status.active,.cover-publish-inline .cover-live-status.error{background:transparent}.cover-publish-inline select{width:100%;min-width:0;border:1px solid var(--line);border-radius:9px;padding:9px;background:var(--surface);color:var(--text)} .inspector-card .dynamic-settings .setting-check{display:inline-flex!important;align-items:center;justify-content:flex-start;gap:8px;width:max-content;max-width:100%}.inspector-card .dynamic-settings .setting-check input[type="checkbox"]{width:17px!important;height:17px;min-width:17px;margin:0;padding:0}.inspector-card .dynamic-settings .setting-check span{line-height:17px} @media(max-width:900px){.cover-hero-actions{width:100%;min-width:0}.cover-publish-inline{grid-template-columns:1fr auto}.cover-publish-inline>div{grid-column:1/-1}.cover-publish-inline select{min-width:0}} @media(max-width:520px){.cover-publish-inline{grid-template-columns:1fr}.cover-publish-inline>div{grid-column:auto}.cover-publish-inline button{width:100%}} /* Every editor pixel maps to one pixel of the generated 1590x530 PNG. */ .cover-stage{position:relative!important;overflow:hidden!important;padding-top:0!important;border-radius:14px;background:#e8ebef;box-shadow:0 0 0 1px var(--line)} .cover-stage.mobile-preview-active{width:min(430px,100%);margin-inline:auto;overflow:hidden!important;border-radius:20px 20px 0 0!important;background:#11131a} .cover-canvas,.cover-canvas.mobile-mode{position:absolute!important;top:12px;left:0;width:1590px!important;max-width:none!important;height:530px!important;min-height:530px!important;aspect-ratio:auto!important;margin:0!important;border-radius:14px!important;transform-origin:top left;contain:layout paint} .cover-stage.mobile-preview-active .cover-canvas{z-index:2;visibility:visible;pointer-events:auto} .dynamic-user{width:235px;height:48px;max-width:none;box-sizing:border-box;transform-origin:top left;backdrop-filter:none}.dynamic-user.no-avatar{width:185px}.dynamic-user small{font-weight:600} .vk-community-preview{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:11px;margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 8px 22px rgba(28,27,58,.06)} .vk-preview-avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#447bba,#2864a8);background-size:cover;background-position:center;color:#fff;font:800 14px Manrope}.vk-preview-avatar.has-image{color:transparent} .vk-community-preview b,.vk-community-preview small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vk-community-preview b{font:800 13px Manrope}.vk-community-preview small{margin-top:4px;color:var(--muted);font-size:9px}.vk-preview-actions{display:flex;gap:7px}.vk-community-preview button{border:0;border-radius:9px;padding:10px 13px;background:#447bba;color:#fff;font:700 10px Manrope}.vk-community-preview .vk-preview-message{background:var(--surface-2);color:var(--text)} .cover-stage.mobile-preview-active+.vk-community-preview{position:relative;width:min(430px,100%);margin:0 auto 12px;grid-template-columns:64px minmax(0,1fr);align-items:end;padding:16px 14px 14px;border-top:0;border-radius:0 0 20px 20px;box-shadow:0 12px 28px rgba(28,27,58,.12)} .cover-stage.mobile-preview-active+.vk-community-preview .vk-preview-avatar{position:relative;z-index:2;width:64px;height:64px;margin-top:-38px;border:4px solid var(--surface);font-size:15px} .cover-stage.mobile-preview-active+.vk-community-preview .vk-preview-identity{min-width:0;padding-bottom:3px} .cover-stage.mobile-preview-active+.vk-community-preview .vk-preview-identity b{font-size:13px;white-space:normal;line-height:1.3} .cover-stage.mobile-preview-active+.vk-community-preview .vk-preview-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px} .cover-stage.mobile-preview-active+.vk-community-preview .vk-preview-actions button{min-height:38px} @media(max-width:620px){.vk-community-preview{grid-template-columns:44px minmax(0,1fr) auto;padding:10px}.vk-preview-avatar{width:44px;height:44px}.vk-community-preview button{padding:9px 10px}.vk-community-preview small{max-width:170px}.cover-stage.mobile-preview-active+.vk-community-preview{grid-template-columns:58px minmax(0,1fr)}.cover-stage.mobile-preview-active+.vk-community-preview .vk-preview-avatar{width:58px;height:58px}} .cover-canvas.cover-drop-target:after{content:"Отпустите, чтобы добавить объект";position:absolute;inset:12px;z-index:100;display:grid;place-items:center;border:3px dashed rgba(255,255,255,.85);border-radius:12px;background:rgba(53,48,126,.48);color:#fff;font:800 24px Manrope;pointer-events:none} .cover-crop-modal{width:min(900px,calc(100vw - 28px))}.cover-crop-modal>p{margin:6px 0 16px;color:var(--muted)}.cover-crop-frame{position:relative;overflow:hidden;width:100%;aspect-ratio:1590/530;border-radius:14px;background:#17142c;cursor:grab;touch-action:none;box-shadow:0 0 0 1px var(--line)}.cover-crop-frame:active{cursor:grabbing}.cover-crop-frame .cover-custom-background{position:absolute;inset:0;background-repeat:no-repeat}.cover-crop-frame>span{position:absolute;left:12px;bottom:10px;padding:6px 8px;border-radius:8px;background:rgba(0,0,0,.54);color:#fff;font-size:9px}.cover-crop-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:18px 0}.cover-crop-controls label{display:grid;grid-template-columns:1fr auto;gap:7px;color:var(--muted);font-size:10px;font-weight:700}.cover-crop-controls input{grid-column:1/-1;width:100%}.cover-crop-controls output{color:var(--text)} /* Cover object palette and focused full-screen workspace. */ .cover-fullscreen-button{display:grid!important;place-items:center;width:38px!important;min-width:38px!important;height:38px!important;margin-left:7px!important;padding:0!important;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line))!important;border-radius:10px!important;color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 7%,var(--surface))!important;font:800 17px/1 Manrope!important;white-space:nowrap} .cover-object-palette{display:flex;align-items:stretch;gap:7px;margin:9px 0 0;padding:9px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin} .cover-object-palette>strong{display:flex;align-items:center;flex:0 0 auto;padding:0 7px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.55px} .cover-object-palette>button{display:grid;grid-template-columns:27px auto;align-items:center;gap:7px;flex:0 0 auto;min-height:38px;padding:5px 10px 5px 6px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font-size:10px;font-weight:700;box-shadow:0 3px 9px rgba(32,31,67,.035)} .cover-object-palette>button:hover{border-color:color-mix(in srgb,var(--accent) 48%,var(--line));color:var(--accent);transform:translateY(-1px)} .cover-object-palette>button i{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent);font:800 10px Manrope;font-style:normal} .cover-object-data-fields{display:grid;gap:9px}.cover-object-data-fields label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:700}.cover-object-data-fields input,.cover-object-data-fields select{width:100%;min-width:0;border:1px solid var(--line);border-radius:9px;padding:9px;background:var(--surface);color:var(--text)} .inspector-grid .inspector-check{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);color:var(--text)}.inspector-grid .inspector-check input{width:16px;height:16px;margin:0;accent-color:var(--accent)} body.cover-editor-fullscreen{overflow:hidden!important;padding-bottom:0!important} body.cover-editor-fullscreen .sidebar,body.cover-editor-fullscreen .topbar,body.cover-editor-fullscreen .mobile-tabbar,body.cover-editor-fullscreen .sidebar-backdrop{display:none!important} body.cover-editor-fullscreen .main{margin-left:0!important} body.cover-editor-fullscreen #coversView{display:block!important;position:fixed;inset:0;z-index:90;max-width:none;margin:0;padding:14px 18px 20px;overflow:auto;background:var(--bg)} body.cover-editor-fullscreen #coversView .cover-hero-head{position:sticky;top:-14px;z-index:45;align-items:center;margin:0 -18px 12px;padding:12px 18px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(14px)} body.cover-editor-fullscreen #coversView .cover-hero-head h1{font-size:21px;margin:2px 0}body.cover-editor-fullscreen #coversView .cover-hero-head p,body.cover-editor-fullscreen #coversView .cover-hero-head .eyebrow{display:none} body.cover-editor-fullscreen #coversView .cover-workspace{grid-template-columns:minmax(0,1fr) 360px;gap:12px;max-width:1900px;margin:0 auto} body.cover-editor-fullscreen #coversView .cover-inspector{top:82px;max-height:calc(100vh - 96px)} body.cover-editor-fullscreen #toggleCoverFullscreen{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important} body.cover-editor-fullscreen .modal-backdrop{z-index:120}body.cover-editor-fullscreen .toast{z-index:130} @media(max-width:760px){ .cover-workspace{min-width:0}.editor-panel{padding:8px!important;overflow:visible}.cover-main-toolbar{position:sticky;top:63px;z-index:24;margin:-8px -8px 8px;padding:8px!important;background:var(--surface);box-shadow:0 8px 20px rgba(28,27,58,.08)} .cover-main-toolbar button{flex:0 0 auto;min-height:38px;padding:8px 11px;border-radius:9px;background:var(--surface-2)} .cover-stage{overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior:contain;scrollbar-width:thin;border-radius:12px}.cover-stage.mobile-preview-active{overflow:hidden!important}.cover-canvas,.cover-canvas.mobile-mode{border-radius:10px!important} .editor-caption{align-items:flex-start;flex-direction:column}.editor-caption button{width:100%;padding:10px;border-radius:9px;background:var(--surface-2)} .cover-inspector{gap:8px!important}.cover-inspector .inspector-card{padding:0;overflow:hidden}.cover-inspector .inspector-card>.panel-head{position:relative;margin:0;padding:14px 42px 14px 14px;cursor:pointer}.cover-inspector .inspector-card>.panel-head:after{content:"⌄";position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--muted)}.cover-inspector .inspector-card.mobile-open>.panel-head:after{transform:translateY(-50%) rotate(180deg)} .cover-inspector .inspector-card:not(.mobile-open)>:not(.panel-head){display:none!important}.cover-inspector .inspector-card.mobile-open>:not(.panel-head){margin-left:12px;margin-right:12px}.cover-inspector .inspector-card.mobile-open>:last-child{margin-bottom:12px} .background-tools{grid-template-columns:1fr 1fr}.background-tools button{min-height:42px}.inspector-actions button{min-height:38px}.cover-layer-row{min-height:46px} .cover-crop-modal{width:calc(100vw - 16px);padding:18px 12px}.cover-crop-controls{grid-template-columns:1fr;gap:14px}.cover-crop-frame{min-height:120px}.cover-crop-modal .modal-actions{display:grid;grid-template-columns:1fr}.cover-crop-modal .modal-actions button{width:100%} .cover-fullscreen-button{position:sticky;right:0}.cover-object-palette{margin-top:7px;padding:7px}.cover-object-palette>strong{display:none}.cover-object-palette>button{grid-template-columns:25px auto;min-height:42px} body.cover-editor-fullscreen #coversView{padding:8px 8px 18px}body.cover-editor-fullscreen #coversView .cover-hero-head{top:-8px;margin:0 -8px 8px;padding:9px 10px}body.cover-editor-fullscreen #coversView .cover-hero-head>div:first-child{display:none}body.cover-editor-fullscreen #coversView .cover-hero-actions{width:100%}body.cover-editor-fullscreen #coversView .cover-workspace{display:block}body.cover-editor-fullscreen #coversView .cover-inspector{position:static;max-height:none} } /* Auto-content checkbox */ .source-form .source-check{display:inline-flex!important;align-items:center;justify-content:flex-start;align-self:center;gap:9px;width:max-content;max-width:100%;padding:10px 0} .source-form .source-check input[type="checkbox"]{appearance:none;width:19px!important;height:19px;min-width:19px;margin:0;padding:0;border:1px solid var(--line);border-radius:6px;background:var(--surface);display:grid;place-items:center;cursor:pointer} .source-form .source-check input[type="checkbox"]:checked{border-color:var(--accent);background:var(--accent)} .source-form .source-check input[type="checkbox"]:checked:after{content:"✓";color:#fff;font:800 13px/1 Manrope} .source-form .disabled-setting{opacity:.5}.source-form .disabled-setting select{cursor:not-allowed;background:var(--surface-2)} /* Extended community analytics */ .analytics-extra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 16px}.analytics-extra-grid article{padding:16px 18px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:var(--shadow)}.analytics-extra-grid span,.analytics-extra-grid small{display:block;color:var(--muted)}.analytics-extra-grid span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.analytics-extra-grid strong{display:block;margin:10px 0 4px;font:800 25px Manrope;color:var(--text)}.analytics-extra-grid strong.positive{color:var(--success)}.analytics-extra-grid strong.negative{color:var(--danger)}.analytics-extra-grid small{font-size:9px}.analytics-insights{margin-bottom:16px}.analytics-insights>#analyticsInsights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.analytics-insight{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:12px;background:var(--surface-2)}.analytics-insight>i{width:9px;height:9px;margin-top:4px;border-radius:50%;background:var(--accent);flex:none}.analytics-insight.error>i{background:var(--danger)}.analytics-insight.success>i{background:var(--success)}.analytics-insight b,.analytics-insight small{display:block}.analytics-insight small{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.45} @media(max-width:900px){.analytics-extra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:520px){.analytics-extra-grid{grid-template-columns:1fr}.analytics-insights>#analyticsInsights{grid-template-columns:1fr}} /* Bot list drawer */ .bot-hero-actions{display:flex;gap:8px;align-items:center}.bot-hero-actions #toggleBotList span{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:6px;padding:0 6px;border-radius:20px;background:var(--accent-soft);color:var(--accent);font-size:10px}.bot-layout{grid-template-columns:minmax(0,1fr)!important}.bot-list-panel{position:fixed;z-index:80;top:78px;right:16px;bottom:16px;width:min(400px,calc(100vw - 28px));padding:0;overflow:hidden;box-shadow:0 24px 70px rgba(26,25,55,.28);transform:translateX(calc(100% + 40px));opacity:0;pointer-events:none;transition:transform .24s ease,opacity .2s ease}.bot-list-panel.open{transform:translateX(0);opacity:1;pointer-events:auto}.bot-list-panel .panel-head{padding:18px;border-bottom:1px solid var(--line)}.bot-list-panel .simple-list{height:calc(100% - 76px);overflow:auto;padding:9px}.bot-list-close{margin-left:auto;width:34px;height:34px;border:0;border-radius:9px;background:var(--surface-2);color:var(--text);font-size:21px} /* The content-post template is removed by installEnhancedTemplates(). */ @media(max-width:760px){.bot-hero-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.bot-list-panel{top:66px;right:8px;bottom:72px;width:calc(100vw - 16px)}.community-bottom{gap:9px}.community-bottom>span:not(.community-actions){min-width:0}.community-bottom small{font-size:8px}} @media(max-width:760px){ .auth-mobile-logo{width:158px;margin:0 auto 22px!important} .sidebar .brand{justify-content:center}.sidebar .brand>img{width:148px} .bot-template-grid .soft-button{justify-self:start;width:auto;min-height:34px;padding:7px 12px;font-size:10px} .bot-flow{padding:12px}.bot-toolbox{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px} .bot-toolbox button{flex:0 0 auto} .simple-list .bot-list-item{align-items:flex-start;flex-wrap:wrap} .bot-list-item .admin-actions{width:100%;justify-content:flex-start;padding-left:0} .post .date-box{width:44px;min-width:44px} } /* Polished dynamic-cover toolbar and precision helpers. */ .cover-main-toolbar{display:flex;align-items:center;gap:8px;min-height:54px;height:auto!important;padding:7px!important;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:0 8px 24px rgba(31,30,65,.06);overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap!important} .cover-tool-group{display:flex;align-items:center;gap:5px;flex:none;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--surface)} .cover-main-toolbar .cover-tool-button{display:flex;align-items:center;gap:6px;min-width:0;height:34px;padding:4px 9px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);font:700 9px Manrope;transition:.18s ease;white-space:nowrap} .cover-main-toolbar .cover-tool-button i{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent);font:800 13px Manrope;font-style:normal} .cover-main-toolbar .cover-tool-button:hover:not(:disabled),.cover-main-toolbar .cover-tool-button.active{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:var(--accent-soft);color:var(--accent);transform:translateY(-1px)} .cover-main-toolbar .cover-tool-button:disabled{opacity:.38;cursor:not-allowed}.cover-main-toolbar .cover-tool-button.danger-tool i{background:#fff0f2;color:var(--danger)}.cover-main-toolbar .cover-tool-button.danger-tool:hover{border-color:#f2c7ce;background:#fff5f6;color:var(--danger)} .cover-render-badge{display:grid!important;flex:none!important;gap:1px;margin-left:auto;padding:5px 9px;border-radius:9px;background:var(--surface);border:1px solid var(--line);white-space:nowrap}.cover-render-badge small{font-size:7px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.cover-render-badge b{font:800 10px Manrope} .cover-canvas.show-grid:after{content:"";position:absolute;inset:0;z-index:50;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.32) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.32) 1px,transparent 1px);background-size:10% 10%,10% 10%,50% 50%,50% 50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)} @media(max-width:980px){.cover-main-toolbar .cover-tool-button span{display:none}.cover-main-toolbar .cover-tool-button{padding:4px}.cover-render-badge{display:none!important}} /* CAPVK Bot Studio v2 */ .bot-flow[data-studio-v2="true"]{padding:0;overflow:hidden;min-height:720px}.bot-studio-head{align-items:center;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--surface)}.bot-studio-head>select{max-width:280px}.bot-studio-title{display:flex;align-items:center;gap:9px;min-width:165px}.bot-studio-title b,.bot-studio-title small{display:block}.bot-studio-title b{font:800 12px Manrope}.bot-studio-title small{margin-top:2px;color:var(--muted);font-size:8px}.bot-studio-live-dot{width:11px;height:11px;border:3px solid color-mix(in srgb,var(--success) 22%,transparent);border-radius:50%;background:var(--success);background-clip:padding-box} .bot-studio{display:grid;grid-template-columns:220px minmax(460px,1fr) 292px;min-height:654px;background:var(--bg)}.bot-studio-catalog,.bot-studio-inspector{min-width:0;background:var(--surface)}.bot-studio-catalog{padding:12px;border-right:1px solid var(--line);overflow:hidden}.bot-studio-search{display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.bot-studio-search span{color:var(--muted);font-size:18px}.bot-studio-search input{width:100%;min-width:0;height:36px;border:0;outline:0;background:transparent;color:var(--text);font:600 10px Inter}.bot-studio-categories{display:flex;gap:5px;margin:10px 0;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.bot-studio-categories button{flex:none;border:1px solid var(--line);border-radius:20px;padding:6px 9px;background:transparent;color:var(--muted);font:700 8px Inter}.bot-studio-categories button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.bot-studio-palette{display:grid;gap:6px;max-height:555px;overflow-y:auto;padding-right:3px}.bot-palette-item{width:100%;display:grid;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);text-align:left;transition:.16s ease}.bot-palette-item:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--accent-soft);transform:translateY(-1px)}.bot-palette-item i{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--surface-2);font-size:16px;font-style:normal}.bot-palette-item b,.bot-palette-item small{display:block;overflow:hidden;text-overflow:ellipsis}.bot-palette-item b{font:800 9px Manrope}.bot-palette-item small{margin-top:3px;color:var(--muted);font-size:7px;white-space:nowrap}.bot-palette-item em{color:var(--accent);font:700 16px Inter;font-style:normal} .bot-studio-workbench{min-width:0;display:flex;flex-direction:column;position:relative}.bot-studio-toolbar{height:47px;display:flex;align-items:center;gap:9px;padding:7px 10px;border-bottom:1px solid var(--line);background:var(--surface)}.bot-studio-toolbar>div{display:flex;align-items:center;gap:4px}.bot-studio-toolbar button{display:grid;place-items:center;min-width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font:700 14px Inter}.bot-studio-toolbar button:hover{border-color:var(--accent);color:var(--accent)}.bot-studio-toolbar b{min-width:44px;text-align:center;font-size:8px}.bot-studio-divider{height:22px;width:1px;background:var(--line)}.bot-studio-hint{margin-left:auto;color:var(--muted);font-size:8px}.bot-graph-viewport{position:relative;flex:1;min-height:607px;overflow:auto;background-color:#f7f7fb;background-image:radial-gradient(#d8d8e8 1px,transparent 1px);background-size:20px 20px;overscroll-behavior:contain}.dark .bot-graph-viewport{background-color:#181823;background-image:radial-gradient(#343448 1px,transparent 1px)}.bot-graph-scene{position:relative;width:1600px;height:1000px;transform-origin:0 0}.bot-graph-scene>svg,#botFlowCanvas{position:absolute;inset:0;width:100%;height:100%}.bot-graph-scene>svg{overflow:visible;pointer-events:none}.bot-edge{fill:none;stroke:#aaa7c7;stroke-width:2;opacity:.72}.bot-edge.start{stroke:var(--success);stroke-dasharray:5 4}.bot-edge.button{stroke:var(--accent);stroke-dasharray:3 4}.bot-edge.success{stroke:var(--success)}.bot-edge.danger{stroke:var(--danger)}#botArrow path{fill:#aaa7c7} .bot-graph-start,.bot-graph-node{position:absolute;width:246px;min-height:90px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:0 9px 25px rgba(31,30,65,.09);text-align:left;user-select:none}.bot-graph-start{display:flex;align-items:center;gap:10px;padding:14px;border-color:color-mix(in srgb,var(--success) 45%,var(--line))}.bot-graph-start>i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e8faef;color:var(--success);font-style:normal}.bot-graph-start b,.bot-graph-start small{display:block}.bot-graph-start b{font:800 11px Manrope}.bot-graph-start small{margin-top:4px;color:var(--muted);font-size:8px}.bot-graph-node{cursor:grab;transition:border-color .15s,box-shadow .15s,opacity .15s}.bot-graph-node:hover,.bot-graph-node.selected{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent),0 14px 35px rgba(31,30,65,.13)}.bot-graph-node.connecting{border-color:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 18%,transparent)}.bot-graph-node.dragging{cursor:grabbing;z-index:20;transition:none}.bot-graph-node.disabled{opacity:.48}.bot-node-top{display:grid;grid-template-columns:36px minmax(0,1fr) 24px;align-items:center;gap:8px;padding:10px}.bot-node-top>i{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--accent-soft);font-size:17px;font-style:normal}.bot-node-top span{min-width:0}.bot-node-top small,.bot-node-top b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bot-node-top small{color:var(--accent);font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.bot-node-top b{margin-top:3px;font:800 9px Manrope}.bot-node-top button{align-self:start;border:0;background:transparent;color:var(--muted);font-size:12px}.bot-node-bottom{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-top:1px solid var(--line);color:var(--muted);font-size:7px}.bot-node-bottom button{border:0;background:transparent;color:var(--accent);font:700 7px Inter}.bot-port{position:absolute;top:39px;width:10px;height:10px;border:2px solid var(--surface);border-radius:50%;background:#aaa7c7;box-shadow:0 0 0 1px var(--line)}.bot-port.input{left:-6px}.bot-port.output{right:-6px;background:var(--accent)}.bot-graph-empty{position:absolute;left:360px;top:220px;width:320px;display:grid;justify-items:center;gap:7px;color:var(--muted);text-align:center}.bot-graph-empty i{font-size:40px;font-style:normal}.bot-graph-empty b{color:var(--text);font:800 15px Manrope}.bot-graph-empty span{font-size:9px} .bot-studio-inspector{border-left:1px solid var(--line);overflow:hidden}.bot-inspector-head{min-height:63px;display:grid;grid-template-columns:38px minmax(0,1fr) 26px;align-items:center;gap:9px;padding:11px;border-bottom:1px solid var(--line)}.bot-inspector-head>i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--accent-soft);font-size:18px;font-style:normal}.bot-inspector-head small,.bot-inspector-head b{display:block}.bot-inspector-head small{color:var(--muted);font-size:7px;text-transform:uppercase}.bot-inspector-head b{margin-top:3px;font:800 11px Manrope}.bot-inspector-head button{border:0;background:transparent;color:var(--muted);font-size:20px}.bot-inspector-body{display:grid;gap:10px;max-height:590px;overflow-y:auto;padding:12px}.bot-inspector-body>label{display:grid;gap:5px}.bot-inspector-body label>span,.bot-buttons-editor legend,.bot-target-list legend{font-size:8px;font-weight:800}.bot-inspector-body input:not([type="checkbox"]),.bot-inspector-body select,.bot-inspector-body textarea,.bot-button-row input,.bot-button-row select{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--surface);color:var(--text);font-size:9px;outline:0}.bot-inspector-body textarea{min-height:76px;resize:vertical}.bot-inspector-body input:focus,.bot-inspector-body select:focus,.bot-inspector-body textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.bot-inspector-body label>small{color:var(--muted);font-size:7px;line-height:1.4}.bot-inspector-check{display:flex!important;align-items:center;gap:8px;padding:8px;border-radius:9px;background:var(--surface-2)}.bot-inspector-check input,.bot-target-list input{accent-color:var(--accent)}.bot-inspector-section{display:grid;gap:3px;margin-top:5px;padding-top:10px;border-top:1px solid var(--line)}.bot-inspector-section b{font:800 10px Manrope}.bot-inspector-section small{color:var(--muted);font-size:7px}.bot-inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding-top:8px}.bot-inspector-actions button{font-size:8px}.bot-inspector-empty{height:100%;display:grid;align-content:center;justify-items:center;gap:8px;padding:24px;text-align:center}.bot-inspector-empty>i{font-size:35px;font-style:normal}.bot-inspector-empty>b{font:800 13px Manrope}.bot-inspector-empty>p{color:var(--muted);font-size:9px;line-height:1.55}.bot-scenario-summary{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0}.bot-scenario-summary span{padding:9px;border-radius:10px;background:var(--surface-2);font-size:7px}.bot-scenario-summary strong{display:block;margin-bottom:3px;color:var(--accent);font:800 15px Manrope}.bot-buttons-editor,.bot-target-list{display:grid;gap:6px;margin:0;padding:9px;border:1px solid var(--line);border-radius:10px}.bot-button-row{display:grid;grid-template-columns:minmax(70px,1fr) 62px minmax(72px,.8fr) 25px;gap:4px}.bot-button-row button{border:0;border-radius:7px;background:#fff0f2;color:var(--danger)}.bot-add-row{border:1px dashed var(--line);border-radius:8px;padding:7px;background:transparent;color:var(--accent);font:700 8px Inter}.bot-target-list label{display:flex;align-items:center;gap:6px;padding:4px 0;font-size:8px}.bot-code-editor{flex:1;margin:0;border:0;border-radius:0;min-height:607px}.bot-code-editor textarea{min-height:490px;font-size:11px} @media(max-width:1180px){.bot-studio{grid-template-columns:190px minmax(420px,1fr) 260px}.bot-studio-title{display:none}.bot-studio-hint{display:none}} @media(max-width:900px){.bot-flow[data-studio-v2="true"]{overflow:visible}.bot-studio-head{flex-wrap:wrap}.bot-studio-head>select{order:3;flex-basis:100%;max-width:none}.bot-studio{grid-template-columns:1fr;min-height:0}.bot-studio-catalog{border-right:0;border-bottom:1px solid var(--line)}.bot-studio-categories{margin:8px 0}.bot-studio-palette{display:flex;max-height:none;overflow-x:auto;overflow-y:hidden}.bot-palette-item{flex:0 0 180px}.bot-studio-workbench{min-height:560px}.bot-graph-viewport{min-height:510px}.bot-studio-inspector{position:fixed;z-index:95;left:8px;right:8px;bottom:8px;max-height:min(560px,78vh);border:1px solid var(--line);border-radius:16px;box-shadow:0 22px 70px rgba(20,19,45,.35)}.bot-studio-inspector:has(.bot-inspector-empty){display:none}.bot-inspector-body{max-height:calc(min(560px,78vh) - 64px)}.bot-graph-empty{left:180px}.bot-code-editor{min-height:510px}} @media(max-width:560px){.bot-studio-head .button-group{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.bot-studio-head .button-group button{padding:8px 5px;font-size:8px}.bot-studio-catalog{padding:9px}.bot-palette-item{flex-basis:158px}.bot-studio-toolbar{overflow-x:auto}.bot-studio-toolbar button{min-width:29px}.bot-graph-viewport{min-height:465px}.bot-studio-workbench{min-height:515px}.bot-graph-empty{left:70px;top:170px;width:260px}.bot-inspector-actions{position:sticky;bottom:0;padding:8px;background:var(--surface)}.bot-button-row{grid-template-columns:1fr 58px}.bot-button-row select:nth-of-type(2){grid-column:1/2}.bot-code-editor{min-height:465px}.bot-code-editor textarea{min-height:380px}} /* Bot Studio full-screen workspace, hand tool and VK-like simulator. */ body.bot-studio-lock,body.bot-test-lock{overflow:hidden}.bot-fullscreen-button{display:flex!important;align-items:center;gap:6px}.bot-fullscreen-button span{font-size:15px;line-height:1}.bot-fullscreen-button b{font:800 8px Inter;white-space:nowrap}.bot-flow[data-studio-v2="true"].studio-fullscreen{position:fixed;z-index:900;inset:0;width:100vw;height:100dvh;min-height:0;border:0;border-radius:0;background:var(--surface);box-shadow:none}.studio-fullscreen .bot-studio-head{height:64px;padding:10px 16px}.studio-fullscreen .bot-studio{height:calc(100dvh - 64px);min-height:0}.studio-fullscreen .bot-studio-palette{max-height:calc(100dvh - 145px)}.studio-fullscreen .bot-studio-workbench{min-height:0}.studio-fullscreen .bot-graph-viewport,.studio-fullscreen .bot-code-editor{min-height:0;height:100%}.studio-fullscreen .bot-studio-inspector{min-height:0}.studio-fullscreen .bot-inspector-body{max-height:calc(100dvh - 130px)}.bot-graph-viewport{cursor:grab;touch-action:none;outline:0}.bot-graph-viewport.panning{cursor:grabbing;user-select:none}.bot-graph-viewport.panning *{cursor:grabbing!important}.bot-graph-scene{width:2400px;height:1600px} .bot-test-backdrop{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:22px;background:rgba(14,18,27,.62);backdrop-filter:blur(5px)}.bot-test-backdrop[hidden]{display:none}.bot-test-messenger{width:min(980px,100%);height:min(780px,calc(100dvh - 44px));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;border-radius:15px;overflow:hidden;background:#edeef0;color:#222;background-image:radial-gradient(circle at 20% 10%,rgba(76,139,214,.05),transparent 24rem);box-shadow:0 28px 90px rgba(0,0,0,.36)}.bot-test-header{height:66px;display:grid;grid-template-columns:34px 42px minmax(0,1fr) auto 34px;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid #e1e3e6;background:#fff}.bot-test-header>button{border:0;background:transparent;color:#818c99;font-size:25px}.bot-test-header>button:nth-last-child(2){padding:7px 11px;border-radius:8px;background:#f0f2f5;color:#4d5966;font:700 11px Inter}.bot-test-header>div>b,.bot-test-header>div>small{display:block}.bot-test-header>div>b{font:700 13px Inter}.bot-test-header>div>small{margin-top:4px;color:#818c99;font-size:10px}.bot-test-header>div>small i{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:#4bb34b}.bot-test-avatar,.bot-test-mini-avatar{display:grid;place-items:center;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#477ceb,#895de1)}.bot-test-avatar{width:42px;height:42px}.bot-test-avatar img,.bot-test-mini-avatar img{width:100%;height:100%;object-fit:cover}.bot-test-security{padding:7px 15px;border-bottom:1px solid #dce3eb;background:#f5f9fd;color:#64788c;text-align:center;font-size:10px}.bot-test-security span{display:inline-block;margin-right:5px;padding:3px 5px;border-radius:4px;background:#4a76a8;color:#fff;font-size:8px;font-weight:800;letter-spacing:.5px}.bot-test-messages{min-height:0;overflow-y:auto;padding:20px max(22px,calc((100% - 720px)/2));scroll-behavior:smooth}.bot-test-day{width:max-content;margin:0 auto 20px;padding:5px 10px;border-radius:12px;background:rgba(99,113,128,.12);color:#697786;font-size:10px}.bot-test-empty{height:100%;display:grid;align-content:center;justify-items:center;gap:8px;padding-bottom:40px;color:#818c99;text-align:center}.bot-test-empty>span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#fff;font-size:28px;box-shadow:0 8px 26px rgba(39,54,70,.08)}.bot-test-empty b{color:#4d5966;font:700 14px Inter}.bot-test-empty p{font-size:11px}.bot-test-row{display:flex;align-items:flex-end;gap:8px;margin:9px 0}.bot-test-row.outgoing{justify-content:flex-end}.bot-test-row>div{max-width:min(72%,560px)}.bot-test-mini-avatar{width:30px;height:30px;flex:none}.bot-test-bubble{display:flex;align-items:flex-end;gap:10px;padding:9px 11px;border:1px solid #dfe1e5;border-radius:14px 14px 14px 5px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.025)}.bot-test-row.outgoing .bot-test-bubble{border-color:#c6dbef;border-radius:14px 14px 5px 14px;background:#dcecf9}.bot-test-bubble p{min-width:0;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.45}.bot-test-bubble time{flex:none;color:#8b98a4;font-size:8px;white-space:nowrap}.bot-test-row.outgoing .bot-test-bubble time{color:#6f91ad}.bot-test-keyboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:5px}.bot-test-keyboard button{min-height:34px;border:1px solid #dfe1e5;border-radius:8px;background:#fff;color:#2a5885;font:700 10px Inter}.bot-test-keyboard button:hover{background:#f5f7fa}.bot-test-keyboard button.positive{color:#3f8b3f}.bot-test-keyboard button.negative{color:#cf4b4b}.bot-test-keyboard button.secondary{color:#626d7a}.bot-test-trace{display:block;margin:5px 3px 0;color:#99a2ad;font-size:8px}.bot-test-typing{display:flex;align-items:center;gap:4px;padding:5px max(22px,calc((100% - 720px)/2));color:#818c99;font-size:9px}.bot-test-typing span{width:5px;height:5px;border-radius:50%;background:#6d7885;animation:botTyping 1s infinite ease-in-out}.bot-test-typing span:nth-child(2){animation-delay:.15s}.bot-test-typing span:nth-child(3){animation-delay:.3s}.bot-test-typing small{margin-left:4px}@keyframes botTyping{0%,70%,100%{transform:translateY(0);opacity:.45}35%{transform:translateY(-4px);opacity:1}} .bot-test-compose{min-height:62px;display:grid;grid-template-columns:34px minmax(0,1fr) 34px 40px;align-items:end;gap:7px;padding:10px max(15px,calc((100% - 760px)/2));border-top:1px solid #dfe1e5;background:#fff}.bot-test-compose textarea{width:100%;min-height:39px;max-height:115px;border:1px solid #d3d9de;border-radius:9px;padding:10px 12px;background:#fff;color:#222;font:12px/1.45 Inter;resize:vertical;outline:0}.bot-test-compose textarea:focus{border-color:#a9bfd5}.bot-test-compose button{height:39px;border:0;border-radius:9px;background:transparent;color:#818c99;font-size:21px}.bot-test-compose .bot-test-send{background:#447bba;color:#fff;font-size:16px}.bot-test-compose.sending{opacity:.65;pointer-events:none} @media(max-width:900px){.studio-fullscreen .bot-studio{height:calc(100dvh - 112px)}.studio-fullscreen .bot-studio-head{height:112px}.studio-fullscreen .bot-studio-inspector{bottom:8px}.bot-test-backdrop{padding:0}.bot-test-messenger{width:100%;height:100dvh;border-radius:0}.bot-test-messages{padding-left:14px;padding-right:14px}} @media(max-width:560px){.bot-studio-head .button-group{grid-template-columns:repeat(5,1fr)}.bot-fullscreen-button b{display:none}.studio-fullscreen .bot-studio-head{height:116px}.studio-fullscreen .bot-studio{height:calc(100dvh - 116px)}.bot-test-header{grid-template-columns:30px 38px minmax(0,1fr) auto 30px;padding:0 8px}.bot-test-header>button:nth-last-child(2){font-size:0;padding:7px}.bot-test-header>button:nth-last-child(2):after{content:'↺';font-size:18px}.bot-test-row>div{max-width:84%}.bot-test-compose{grid-template-columns:28px minmax(0,1fr) 36px;padding:8px}.bot-test-compose .bot-test-emoji{display:none}.bot-test-keyboard{grid-template-columns:1fr}.bot-test-security{font-size:8px}} /* CAPVK Knowledge Base v2 */ .manual-hero{align-items:flex-end}.manual-search{width:min(340px,100%);display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.manual-search span{color:var(--muted);font-size:20px}.manual-search input{width:100%;height:42px;border:0;outline:0;background:transparent;color:var(--text);font:600 10px Inter} .manual-quickstart{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(580px,1.5fr);align-items:center;gap:28px;margin-bottom:18px;padding:22px 24px;overflow:hidden;background:radial-gradient(circle at 92% 0,color-mix(in srgb,var(--accent) 14%,transparent),transparent 35%),var(--surface)}.manual-quickstart h2{margin:5px 0;font:800 20px Manrope}.manual-quickstart p{color:var(--muted);font-size:10px;line-height:1.6}.quickstart-flow{display:flex;align-items:center;justify-content:flex-end;gap:6px}.quickstart-flow>span{color:var(--muted);font-size:14px}.quickstart-flow button{min-width:92px;display:grid;justify-items:center;gap:3px;border:0;border-radius:13px;padding:10px 7px;background:var(--surface-2);color:var(--text);transition:.18s ease}.quickstart-flow button:hover{background:var(--accent-soft);color:var(--accent);transform:translateY(-2px)}.quickstart-flow i{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:var(--accent);color:#fff;font:800 9px Manrope;font-style:normal}.quickstart-flow b{font:800 9px Manrope}.quickstart-flow small{color:var(--muted);font-size:7px} .manual-categories{position:sticky;z-index:8;top:62px;display:flex;gap:7px;margin:0 0 14px;padding:8px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(14px);overflow-x:auto;box-shadow:0 8px 20px rgba(35,34,73,.04);scrollbar-width:none}.manual-categories button{flex:none;border:1px solid transparent;border-radius:9px;padding:8px 11px;background:transparent;color:var(--muted);font:800 9px Inter}.manual-categories button:hover{background:var(--surface-2);color:var(--text)}.manual-categories button.active{border-color:color-mix(in srgb,var(--accent) 22%,transparent);background:var(--accent-soft);color:var(--accent)}.manual-results-line{display:flex;align-items:center;justify-content:space-between;margin:15px 2px 10px;color:var(--muted);font-size:9px}.manual-results-line b{color:var(--text);font:800 11px Manrope} .manual-list{display:grid;gap:11px}.manual-card{scroll-margin-top:120px;border:1px solid var(--line);border-radius:17px;background:var(--surface);box-shadow:0 7px 22px rgba(35,34,73,.035);overflow:hidden}.manual-card[open]{border-color:color-mix(in srgb,var(--accent) 20%,var(--line));box-shadow:0 16px 38px rgba(35,34,73,.07)}.manual-card summary{list-style:none;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 17px;cursor:pointer}.manual-card summary::-webkit-details-marker{display:none}.manual-card summary:hover{background:color-mix(in srgb,var(--accent) 3%,var(--surface))}.manual-card-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:linear-gradient(145deg,var(--accent-soft),var(--surface-2));font-size:22px}.manual-card summary>span:nth-child(2)>small,.manual-card summary>span:nth-child(2)>b,.manual-card summary>span:nth-child(2)>em{display:block}.manual-card summary>span:nth-child(2)>small{margin-bottom:3px;color:var(--accent);font-size:7px;font-weight:800;letter-spacing:.5px}.manual-card summary>span:nth-child(2)>b{font:800 14px Manrope}.manual-card summary>span:nth-child(2)>em{margin-top:4px;color:var(--muted);font-size:9px;font-style:normal}.manual-card summary>i{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:17px;font-style:normal;transition:.18s}.manual-card summary>i small{font:700 8px Inter}.manual-card[open] summary>i{transform:rotate(180deg)}.manual-card[open] summary>i small{transform:rotate(180deg)}.manual-card-body{display:grid;grid-template-columns:minmax(390px,1.05fr) minmax(340px,.95fr);gap:24px;padding:4px 17px 20px;border-top:1px solid var(--line)}.manual-visual,.manual-copy{padding-top:18px}.manual-copy h3{margin:0 0 12px;font:800 15px Manrope} .manual-shot{margin:0;border:1px solid #dcddea;border-radius:15px;overflow:hidden;background:#eef0f5;box-shadow:0 14px 35px rgba(33,34,63,.1)}.manual-shot-browser{height:27px;display:flex;align-items:center;gap:5px;padding:0 10px;background:#242630;color:#a9acbc}.manual-shot-browser i{width:6px;height:6px;border-radius:50%;background:#ff6f76}.manual-shot-browser i:nth-child(2){background:#ffc75f}.manual-shot-browser i:nth-child(3){background:#61d38b}.manual-shot-browser span{margin-left:6px;font-size:7px}.manual-shot-app{height:276px;display:grid;grid-template-columns:108px minmax(0,1fr);background:#f7f7fb;color:#252638}.manual-shot-app>aside{display:grid;align-content:start;gap:2px;padding:10px 7px;border-right:1px solid #e3e4ee;background:#fff}.manual-shot-app>aside>b{display:flex;align-items:center;gap:5px;margin:0 4px 8px;font:800 10px Manrope}.manual-shot-app>aside>b span{display:grid;place-items:center;width:18px;height:18px;border-radius:6px;background:#6c62eb;color:#fff}.manual-shot-app>aside>span{padding:5px 7px;border-radius:6px;color:#7d7f91;font-size:6px}.manual-shot-app>aside>span.active{background:#ecebff;color:#6258dc;font-weight:800}.manual-shot-app>main{min-width:0}.manual-shot-top{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border-bottom:1px solid #e3e4ee;background:#fff;font-size:7px}.manual-shot-top>span{color:#737588}.manual-shot-content{position:relative;height:242px;padding:13px;overflow:hidden}.manual-shot figcaption{display:flex;justify-content:space-between;gap:10px;padding:7px 9px;background:#fff;color:#77798b;font-size:7px}.manual-shot figcaption span{font-weight:800;color:#6258dc} .shot-welcome{padding:12px;border-radius:10px;background:linear-gradient(135deg,#28275d,#6b5ce6);color:#fff}.shot-welcome span{font-size:6px;opacity:.72}.shot-welcome b{display:block;margin:5px 0;font:800 13px Manrope}.shot-welcome p{font-size:7px;opacity:.8}.shot-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.shot-kpis i{padding:9px;border:1px solid #e1e2ec;border-radius:8px;background:#fff;font-style:normal}.shot-kpis b,.shot-kpis small{display:block}.shot-kpis b{font:800 14px Manrope}.shot-kpis small{margin-top:3px;color:#848698;font-size:6px}.shot-kpis.analytics{grid-template-columns:repeat(4,1fr);margin-top:0}.shot-kpis.analytics i{padding:7px}.shot-kpis.analytics b{font-size:11px} .shot-window{width:min(310px,92%);margin:2px auto;padding:12px;border:1px solid #dfe0ea;border-radius:12px;background:#fff;box-shadow:0 12px 30px rgba(38,38,73,.1)}.shot-window-title{display:flex;justify-content:space-between;margin-bottom:9px}.shot-window-title b{font:800 11px Manrope}.shot-window-title span{color:#8a8b9c}.shot-window label{display:grid;gap:3px;margin:6px 0;color:#656779;font-size:6px}.shot-window label i{padding:7px;border:1px solid #dedfe9;border-radius:6px;color:#303143;background:#fafafd;font-size:7px;font-style:normal}.shot-window label i.secret{letter-spacing:2px}.shot-window button,.shot-auto-form button{width:100%;border:0;border-radius:7px;padding:8px;background:#6b60e7;color:#fff;font:800 7px Inter}.shot-info,.shot-success{margin:7px 0;padding:7px;border-radius:7px;background:#f0efff;color:#6258d5;font-size:6px;line-height:1.4}.shot-success{background:#e8f8f0;color:#25855b}.vk-window{width:min(330px,95%)}.shot-permissions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:7px 0;padding:8px;border-radius:7px;background:#f5f6fa}.shot-permissions b{grid-column:1/-1;font-size:7px}.shot-permissions span{color:#4d4f61;font-size:6px} .shot-bot-studio{height:100%;display:grid;grid-template-columns:102px minmax(150px,1fr) 118px;border:1px solid #dfe0ea;border-radius:9px;overflow:hidden;background:#fff}.shot-palette,.shot-inspector{display:grid;align-content:start;gap:5px;padding:8px;background:#fff}.shot-palette{border-right:1px solid #e1e2eb}.shot-palette b,.shot-inspector>b{font:800 8px Manrope}.shot-palette span{padding:6px;border:1px solid #e4e5ed;border-radius:6px;font-size:6px}.shot-graph{position:relative;background-color:#f5f5fa;background-image:radial-gradient(#d4d5e3 1px,transparent 1px);background-size:12px 12px}.shot-graph .node{position:absolute;left:24px;width:114px;padding:8px;border:1px solid #d9dae5;border-radius:7px;background:#fff;font:700 6px Inter;font-style:normal;box-shadow:0 5px 12px rgba(34,35,67,.08)}.shot-graph .node.start{top:18px;border-color:#74c99e}.shot-graph .node.message{top:89px;border-color:#766aed}.shot-graph .node.buttons{top:162px;border-color:#766aed}.shot-graph .line{position:absolute;left:81px;width:1px;height:30px;background:#a9a9bb}.shot-graph .line:after{content:'▼';position:absolute;left:-3px;bottom:-5px;color:#a9a9bb;font-size:6px}.shot-graph .line.one{top:57px}.shot-graph .line.two{top:130px}.shot-inspector{border-left:1px solid #e1e2eb}.shot-inspector label{display:grid;gap:3px;font-size:6px}.shot-inspector textarea,.shot-inspector select{width:100%;border:1px solid #dedfe9;border-radius:5px;padding:5px;background:#fafafd;font-size:6px;resize:none}.shot-inspector textarea{height:52px} .shot-cover-toolbar{display:flex;gap:4px;margin-bottom:7px;padding:5px;border:1px solid #dfe0e9;border-radius:7px;background:#fff}.shot-cover-toolbar span,.shot-cover-toolbar b{padding:5px;border-radius:5px;background:#f1f1f7;font-size:5px}.shot-cover-toolbar b{margin-left:auto;background:#6b60e7;color:#fff}.shot-cover-toolbar b+b{margin-left:0}.shot-cover-layout{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:7px}.shot-cover-canvas{position:relative;aspect-ratio:3/1;border-radius:8px;padding:16px;background:radial-gradient(circle at 70% 40%,#785fff,transparent 28%),linear-gradient(135deg,#07142e,#25125e);color:#fff;overflow:hidden}.shot-cover-canvas strong,.shot-cover-canvas small{display:block}.shot-cover-canvas strong{font:800 15px Manrope}.shot-cover-canvas small{margin-top:3px;font-size:5px;letter-spacing:1px}.shot-cover-canvas i{position:absolute;right:13px;bottom:10px;padding:6px 8px;border:1px solid rgba(255,255,255,.25);border-radius:7px;background:rgba(7,7,25,.5);font-size:5px;font-style:normal}.shot-cover-settings{display:grid;align-content:start;gap:6px;padding:8px;border:1px solid #dfe0e9;border-radius:8px;background:#fff;font-size:6px}.shot-cover-settings>b{font-size:7px}.shot-cover-settings label{display:flex;justify-content:space-between}.shot-cover-settings input{width:100%;accent-color:#6b60e7} .shot-community-select{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;padding:8px;border:1px solid #dfe0ea;border-radius:8px;background:#fff;font-size:6px}.shot-community-select b{padding:6px;border:1px solid #dfe0ea;border-radius:6px;font-size:6px}.shot-post-editor{display:grid;grid-template-columns:1fr 105px;gap:7px;padding:9px;border:1px solid #dfe0ea;border-radius:9px;background:#fff}.shot-post-editor>div{display:grid;gap:6px}.shot-post-editor b{font:800 9px Manrope}.shot-post-editor textarea{height:90px;border:1px solid #dedfe9;border-radius:7px;padding:7px;font-size:7px;resize:none}.shot-post-editor>div span{padding:6px;border-radius:6px;background:#f5f5fa;color:#656779;font-size:6px}.shot-post-editor aside{display:grid;align-content:start;gap:6px}.shot-post-editor label{display:grid;gap:3px;font-size:6px}.shot-post-editor i{padding:6px;border:1px solid #dedfe9;border-radius:5px;font-style:normal}.shot-post-editor button{border:0;border-radius:6px;padding:7px;background:#6b60e7;color:#fff;font:800 6px Inter} .shot-auto-catalog{display:flex;gap:5px;margin-bottom:8px}.shot-auto-catalog span{padding:7px;border:1px solid #dedfe9;border-radius:7px;background:#fff;font-size:6px}.shot-auto-catalog span.selected{border-color:#7469ec;background:#eeecff;color:#6459d9}.shot-auto-form{width:min(330px,95%);display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:auto;padding:10px;border:1px solid #dedfe9;border-radius:10px;background:#fff}.shot-auto-form label{display:grid;gap:3px;color:#666779;font-size:6px}.shot-auto-form label i{padding:6px;border:1px solid #dedfe9;border-radius:5px;color:#303143;font-style:normal}.shot-auto-form label:nth-child(2),.shot-auto-form .check,.shot-auto-form button{grid-column:1/-1}.shot-auto-form .check{display:block;padding:5px;color:#5148c4}.shot-chart{height:93px;display:flex;align-items:flex-end;gap:8px;margin:9px 15px 0;padding:10px 12px 0;border-left:1px solid #dfe0e9;border-bottom:1px solid #dfe0e9}.shot-chart span{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#8579f1,#6358dc)}.shot-export{position:absolute;right:13px;bottom:10px;border:0;border-radius:6px;padding:6px 9px;background:#6b60e7;color:#fff;font:700 6px Inter} .shot-template-tabs{display:flex;gap:8px;margin-bottom:8px;font-size:7px}.shot-template-tabs b{color:#6358dd}.shot-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.shot-template-grid i{display:grid;gap:3px;padding:9px;border:1px solid #dedfe9;border-radius:8px;background:#fff;font-size:18px;font-style:normal}.shot-template-grid b{font:800 7px Manrope}.shot-template-grid small{color:#77798b;font-size:5px}.shot-upload{margin-top:8px;padding:13px;border:1px dashed #aaa9c5;border-radius:8px;background:#fff;color:#77798b;text-align:center;font-size:7px}.shot-balance{position:absolute;left:13px;top:13px;bottom:13px;width:43%;display:grid;align-content:center;gap:7px;padding:15px;border-radius:12px;background:linear-gradient(135deg,#3935a2,#9566e6);color:#fff}.shot-balance span{font-size:6px}.shot-balance b{font:800 20px Manrope}.shot-balance button{border:1px solid rgba(255,255,255,.35);border-radius:6px;padding:7px;background:rgba(255,255,255,.12);color:#fff;font:700 6px Inter}.shot-plans{margin-left:47%;display:grid;grid-template-columns:1fr 1fr;gap:7px}.shot-plans i{display:grid;align-content:center;gap:7px;height:190px;padding:10px;border:1px solid #dedfe9;border-radius:10px;background:#fff;font-style:normal}.shot-plans i.premium{border-color:#d6b15a;background:linear-gradient(145deg,#fffbea,#fff)}.shot-plans small{font-size:5px}.shot-plans b{font:800 15px Manrope}.shot-plans span{color:#77798b;font-size:6px} .shot-support{height:100%;display:grid;grid-template-columns:135px 1fr;border:1px solid #dedfe9;border-radius:9px;overflow:hidden;background:#fff}.shot-support>aside{display:grid;align-content:start;border-right:1px solid #dedfe9}.shot-support>aside>b{padding:10px;font:800 8px Manrope}.shot-support>aside>span{display:grid;gap:3px;padding:9px;border-top:1px solid #ececf2;font-size:6px}.shot-support>aside>span.active{background:#eeecff;color:#6258d8}.shot-support>aside small{color:#77798b;font-size:5px}.shot-support>main{display:flex;flex-direction:column;gap:7px;padding:10px;background:#f6f6fa}.shot-support>main>b{font:800 8px Manrope}.shot-support>main>i{max-width:75%;padding:8px;border:1px solid #dedfe9;border-radius:8px 8px 8px 2px;background:#fff;font-size:6px;font-style:normal}.shot-support>main>i.admin{align-self:flex-end;border-radius:8px 8px 2px 8px;background:#eeecff}.shot-support>main>div{margin-top:auto;padding:8px;border:1px solid #dedfe9;border-radius:7px;background:#fff;color:#8a8b9c;font-size:6px} .shot-settings{display:grid;gap:9px;padding:12px;border:1px solid #dedfe9;border-radius:10px;background:#fff}.shot-profile{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px}.shot-profile>i,.shot-admin-row>i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#5c76e9,#9163d9);color:#fff;font:800 8px Manrope;font-style:normal}.shot-profile b,.shot-profile small,.shot-setting-row b,.shot-setting-row small,.shot-admin-row b,.shot-admin-row small{display:block}.shot-profile b,.shot-setting-row b,.shot-admin-row b{font:800 8px Manrope}.shot-profile small,.shot-setting-row small,.shot-admin-row small{margin-top:3px;color:#7c7e90;font-size:6px}.shot-profile button,.shot-admin-row button{border:1px solid #dedfe9;border-radius:6px;padding:6px;background:#fff;color:#555769;font:700 6px Inter}.shot-settings hr{width:100%;border:0;border-top:1px solid #ececf2}.shot-setting-row{display:flex;align-items:center;justify-content:space-between;padding:8px;border-radius:8px;background:#f6f6fa}.shot-setting-row>i{width:30px;padding:4px;border-radius:12px;background:#6860de;color:#fff;text-align:right;font-size:6px;font-style:normal}.shot-setting-row>em{padding:4px 6px;border-radius:10px;background:#e6f8ee;color:#27875c;font-size:5px;font-style:normal}.shot-admin-tabs{display:flex;gap:5px;margin-bottom:7px}.shot-admin-tabs span{padding:6px 8px;border:1px solid #dedfe9;border-radius:6px;background:#fff;font-size:6px}.shot-admin-tabs span.active{border-color:#6b60e7;background:#6b60e7;color:#fff}.shot-admin-search{margin-bottom:7px;padding:7px;border:1px solid #dedfe9;border-radius:7px;background:#fff;color:#8a8b9c;font-size:6px}.shot-admin-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;border-bottom:1px solid #e6e6ee;background:#fff}.shot-admin-row>i{width:30px;height:30px;border-radius:8px} .manual-steps{counter-reset:manual-step;display:grid;gap:10px;margin:0;padding:0;list-style:none}.manual-steps li{counter-increment:manual-step;position:relative;padding:0 0 10px 38px;border-bottom:1px solid var(--line)}.manual-steps li:last-child{border:0}.manual-steps li:before{content:counter(manual-step);position:absolute;left:0;top:0;display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:var(--accent-soft);color:var(--accent);font:800 9px Manrope}.manual-steps b{font:800 10px Manrope}.manual-steps p{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.55}.manual-note,.manual-warning{margin:11px 0 0;padding:10px 11px;border-radius:9px;background:color-mix(in srgb,var(--accent) 8%,var(--surface));color:var(--muted);font-size:8px;line-height:1.55}.manual-note b,.manual-warning b{color:var(--text)}.manual-warning{background:#fff3f4;color:#a64a58}.dark .manual-warning{background:#37252d;color:#e6a7b1}.manual-action{margin-top:13px;padding:9px 12px;font-size:8px} .manual-troubleshooting{margin-top:18px;padding:22px}.manual-troubleshooting h2{margin:5px 0 15px;font:800 20px Manrope}.manual-trouble-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.manual-trouble-grid article{display:grid;grid-template-columns:30px 1fr;column-gap:8px;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2)}.manual-trouble-grid i{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--surface);font-size:15px;font-style:normal}.manual-trouble-grid b{font:800 9px Manrope}.manual-trouble-grid p{margin:3px 0 0;color:var(--muted);font-size:7px;line-height:1.45} @media(max-width:1100px){.manual-quickstart{grid-template-columns:1fr}.quickstart-flow{justify-content:flex-start;overflow-x:auto;padding-bottom:3px}.manual-card-body{grid-template-columns:1fr}.manual-trouble-grid{grid-template-columns:repeat(2,1fr)}.manual-shot-app{height:300px}.manual-shot-content{height:266px}} @media(max-width:760px){.manual-hero{align-items:stretch}.manual-search{width:100%}.manual-quickstart{padding:17px}.quickstart-flow{align-items:stretch}.quickstart-flow>span{display:none}.quickstart-flow button{min-width:104px}.manual-categories{top:58px;margin-left:-2px;margin-right:-2px}.manual-results-line>span{display:none}.manual-card summary{grid-template-columns:42px minmax(0,1fr) auto;padding:12px}.manual-card-icon{width:40px;height:40px;font-size:18px}.manual-card summary>span:nth-child(2)>b{font-size:11px}.manual-card summary>span:nth-child(2)>em{font-size:8px;line-height:1.4}.manual-card summary>i small{display:none}.manual-card-body{padding:3px 10px 14px}.manual-shot-app{height:255px;grid-template-columns:72px minmax(0,1fr)}.manual-shot-content{height:221px;padding:8px}.manual-shot-app>aside{padding:7px 4px}.manual-shot-app>aside>span{padding:4px;font-size:5px}.manual-shot-app>aside>b{font-size:7px}.manual-shot figcaption{font-size:6px}.shot-bot-studio{grid-template-columns:75px minmax(125px,1fr)}.shot-inspector{display:none}.shot-cover-layout{grid-template-columns:1fr}.shot-cover-settings{display:none}.shot-post-editor{grid-template-columns:1fr}.shot-post-editor aside{grid-template-columns:1fr 1fr 1fr}.shot-post-editor aside button{align-self:end}.shot-plans{grid-template-columns:1fr}.shot-plans i{height:85px}.shot-plans i.premium{display:none}.shot-support{grid-template-columns:95px 1fr}.manual-trouble-grid{grid-template-columns:1fr}} @media(max-width:430px){.manual-shot-app{grid-template-columns:55px minmax(0,1fr)}.manual-shot-app>aside>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manual-shot-top>span{display:none}.shot-kpis.analytics{grid-template-columns:1fr 1fr}.shot-kpis.analytics i:nth-child(n+3){display:none}.shot-auto-form{grid-template-columns:1fr}.shot-auto-form label{grid-column:1/-1}.shot-template-grid{grid-template-columns:1fr 1fr}.shot-template-grid i:nth-child(3){display:none}.manual-card summary>span:nth-child(2)>em{display:none}} /* CAPVK 3.6 — unified phone and tablet layout */ .bot-studio-sheet-backdrop,.ticket-mobile-back{display:none} @media(max-width:900px){ /* Bot Studio becomes a touch-first canvas with two bottom sheets. */ body.bot-mobile-sheet-lock{overflow:hidden} .bot-flow[data-studio-v2="true"]{min-height:0;border-radius:16px} .bot-studio-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.8fr);gap:10px;padding:12px} .bot-studio-head>.bot-studio-title{min-width:0}.bot-studio-title small{white-space:normal} .bot-studio-head>select{order:initial;grid-column:2;width:100%;max-width:none;min-height:44px} .bot-studio-head>.button-group{grid-column:1/-1;width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0} .bot-studio-head>.button-group button{min-width:0;min-height:42px;padding:7px 6px;overflow:hidden;text-overflow:ellipsis} .bot-studio{display:block;position:relative;min-height:0;overflow:hidden} .bot-studio-workbench{min-height:clamp(510px,68dvh,720px)} .bot-studio-toolbar{height:auto;min-height:50px;overflow-x:auto;overflow-y:hidden;padding:7px;scrollbar-width:none} .bot-studio-toolbar::-webkit-scrollbar{display:none}.bot-studio-hint{display:none} .bot-graph-viewport{min-height:460px;height:calc(clamp(510px,68dvh,720px) - 50px);overscroll-behavior:none} .bot-graph-node,.bot-graph-start{touch-action:none} .bot-studio-sheet-backdrop{display:block;position:fixed;z-index:198;inset:0;width:100%;height:100%;border:0;background:rgba(16,16,30,.46);opacity:0;pointer-events:none;transition:opacity .2s;backdrop-filter:blur(2px)} .mobile-inspector-open .bot-studio-sheet-backdrop{opacity:1;pointer-events:auto} .bot-studio-catalog{display:block!important;position:static;width:auto;max-height:none;padding:10px;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;transform:none;opacity:1;pointer-events:auto;overflow:hidden} .bot-studio-inspector{display:block!important;position:fixed;z-index:199;left:8px;right:8px;top:auto;bottom:calc(8px + env(safe-area-inset-bottom));width:auto;max-height:min(82dvh,720px);border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 24px 75px rgba(20,19,45,.38);transform:translateY(calc(100% + 32px));opacity:0;pointer-events:none;transition:transform .24s ease,opacity .18s ease;overflow:hidden} .mobile-inspector-open .bot-studio-inspector{transform:translateY(0);opacity:1;pointer-events:auto} .bot-studio-search{margin:0}.bot-studio-search input{height:42px;font-size:16px} .bot-studio-categories{margin:8px 0;padding-bottom:4px}.bot-studio-categories button{min-height:36px;padding:7px 11px;font-size:9px} .bot-studio-palette{display:flex;gap:7px;max-height:none;overflow-x:auto;overflow-y:hidden;padding:0 0 3px;scrollbar-width:none}.bot-palette-item{flex:0 0 178px} .bot-palette-item{width:100%;min-width:0;min-height:62px;grid-template-columns:34px minmax(0,1fr) 16px;padding:8px} .bot-palette-item small{white-space:normal;line-height:1.35}.bot-palette-item em{font-size:20px} .bot-studio-inspector{max-height:min(82dvh,720px)}.bot-inspector-head{min-height:68px;padding:11px 14px}.bot-inspector-head button{width:40px;height:40px} .bot-inspector-body{max-height:calc(min(82dvh,720px) - 68px);padding:14px 14px calc(18px + env(safe-area-inset-bottom))} .bot-inspector-body input:not([type="checkbox"]),.bot-inspector-body select,.bot-inspector-body textarea,.bot-button-row input,.bot-button-row select{min-height:44px;font-size:16px} .bot-inspector-body textarea{min-height:100px}.bot-inspector-check{min-height:48px}.bot-inspector-actions{position:sticky;bottom:0;padding:9px 0;background:var(--surface)} .bot-code-editor{min-height:460px}.bot-code-editor textarea{min-height:385px;font-size:13px} .bot-flow[data-studio-v2="true"].studio-fullscreen{display:grid;grid-template-rows:auto minmax(0,1fr)} .studio-fullscreen .bot-studio-head{height:auto!important;max-height:none} .studio-fullscreen .bot-studio{height:auto!important;min-height:0} .studio-fullscreen .bot-studio-workbench{height:100%;min-height:0}.studio-fullscreen .bot-graph-viewport,.studio-fullscreen .bot-code-editor{height:calc(100% - 50px);min-height:0} } @media(max-width:760px){ html,body{width:100%;max-width:100%;overflow-x:hidden}body.authenticated{padding-bottom:calc(70px + env(safe-area-inset-bottom))} .app-shell,.main,.view,.view>*{min-width:0;max-width:100%}.view{padding:20px 12px 30px}.sidebar .nav{flex:1;min-height:0}.sidebar-foot{flex:none} .topbar{padding-left:10px;padding-right:9px}.crumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions{flex:none} .hero-head{gap:14px;margin-bottom:17px}.hero-head h1{font-size:23px}.hero-head p{font-size:12px;overflow-wrap:anywhere} .hero-head>.button-group,.hero-head>.bot-hero-actions,.hero-head>.cover-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%} .hero-head>.button-group button,.hero-head>.bot-hero-actions button,.hero-head>.cover-hero-actions button{width:100%;min-width:0;white-space:normal} button,.nav-link{touch-action:manipulation}.view input:not([type="checkbox"]):not([type="range"]):not([type="color"]),.view textarea,.view select,.modal input:not([type="checkbox"]):not([type="range"]):not([type="color"]),.modal textarea,.modal select{font-size:16px} .panel{padding:14px;border-radius:14px}.panel-head{min-width:0}.panel-head>div{min-width:0}.panel-head h2,.panel-head p{overflow-wrap:anywhere} .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat-card{min-height:112px;padding:13px}.stat-card>strong{font-size:22px;margin-top:12px}.stat-card p{font-size:9px;line-height:1.4} .activity-list>div,.simple-list>div{min-width:0}.activity-list>div>span:nth-child(2),.simple-list>div>span:nth-child(2){min-width:0}.activity-list b,.activity-list small,.simple-list b,.simple-list small{overflow-wrap:anywhere} .community-grid,.template-grid,.pricing-grid,.balance-grid,.dashboard-grid,.analytics-layout,.autocontent-layout{grid-template-columns:minmax(0,1fr)!important} .community-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.community-actions{grid-column:1/-1;width:100%;margin:0;display:grid;grid-template-columns:1fr auto;gap:7px}.community-actions button{min-height:42px}.community-open{display:inline-flex} .posts .post{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px}.post>span:nth-child(3){min-width:0}.scheduled,.draft{grid-column:2/-1;justify-self:start;margin:0}.post b,.post small{overflow-wrap:anywhere} .calendar{margin-left:0;margin-right:0;overflow-x:auto;overscroll-behavior-x:contain}.calendar-head,.weekdays,.calendar-days{min-width:480px}.day{height:58px} .content-community-bar{padding:13px}.content-community-bar>div{grid-template-columns:auto minmax(0,1fr)}.content-community-bar select{min-height:46px} .content-pagination{margin:12px -14px -14px;padding:12px 14px}.content-pagination>div{width:100%;justify-content:flex-start;scrollbar-width:none}.content-pagination button{min-width:42px;height:42px} .post-editor-modal{max-height:100dvh;border-radius:20px 20px 0 0}.post-editor-head{padding-right:34px}.composer-toolbar{overflow-x:auto;scrollbar-width:none}.composer-toolbar>span{display:none}.composer-toolbar button{flex:0 0 40px;width:40px;height:38px}.emoji-picker{position:fixed;left:8px;right:8px;top:auto;bottom:calc(76px + env(safe-area-inset-bottom));width:auto;grid-template-columns:repeat(7,1fr)}.vk-composer textarea{min-height:180px;font-size:16px}.video-attach-row{grid-template-columns:1fr}.attachment-dropzone{margin-left:8px;margin-right:8px}.post-editor-actions{display:grid;grid-template-columns:1fr}.post-editor-actions button{width:100%} .content-preset-card{grid-template-columns:40px minmax(0,1fr)}.content-preset-card button{grid-column:1/-1;width:100%} .source-form .form-grid{grid-template-columns:1fr}.source-card{grid-template-columns:40px minmax(0,1fr)}.source-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.source-actions button{min-height:40px;white-space:normal}.content-preset-grid{grid-template-columns:1fr} .analytics-kpi-grid,.analytics-extra-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-kpi{min-height:112px;padding:14px}.analytics-kpi strong{font-size:27px;margin-top:12px}.analytics-insights>#analyticsInsights{grid-template-columns:1fr}.analytics-table-wrap{margin:0 -14px;padding:0 14px;overscroll-behavior-x:contain}.analytics-table{min-width:620px}.status-progress{grid-template-columns:78px minmax(0,1fr) 30px} .template-preview{height:140px;padding:20px;font-size:27px}.bot-template-grid article{grid-template-columns:44px minmax(0,1fr)!important}.bot-template-grid .soft-button{width:100%!important} .balance-card{min-height:230px}.balance-row{align-items:flex-start}.balance-row>div{min-width:0}.balance-row b,.balance-row small{overflow-wrap:anywhere}.pricing-card{padding:20px}.pricing-card>strong{margin:18px 0;font-size:30px}.plan-visual{display:none} .storage-file{grid-template-columns:38px minmax(0,1fr)!important;gap:9px}.storage-file>a,.storage-file>button{grid-column:2;justify-self:start}.storage-file b,.storage-file small{overflow-wrap:anywhere}.empty-state{padding:55px 12px} .settings-profile{display:grid;grid-template-columns:auto minmax(0,1fr)}.settings-profile .secondary{grid-column:1/-1}.setting-row{align-items:center}.toggle{flex:none} .support-layout{display:block}.support-layout .ticket-list-panel{display:block;max-height:none}.support-layout .ticket-chat{display:none}.support-layout.ticket-open .ticket-list-panel{display:none}.support-layout.ticket-open .ticket-chat{display:block;min-height:calc(100dvh - 190px)} .ticket-list{max-height:none}.ticket-item{min-height:88px;padding:14px}.ticket-chat-head{display:grid;grid-template-columns:42px minmax(0,1fr);padding:12px;align-items:start}.ticket-chat-head>button.secondary{grid-column:1/-1;width:100%}.ticket-mobile-back{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:11px;background:var(--surface-2);color:var(--text);font-size:26px}.ticket-messages{height:calc(100dvh - 370px);min-height:280px;padding:12px}.ticket-message{max-width:92%;padding:11px}.ticket-reply{position:sticky;bottom:calc(70px + env(safe-area-inset-bottom));z-index:4;grid-template-columns:44px minmax(0,1fr);padding:9px;background:var(--surface)}.ticket-reply textarea{font-size:16px}.ticket-reply-send{grid-column:1/-1;width:100%!important}.ticket-message-images img{height:96px} .admin-tabs{margin-left:-12px;margin-right:-12px;padding:0 12px;scrollbar-width:none}.admin-tabs button{min-height:42px}.admin-row{padding:13px 0}.admin-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.admin-actions button{min-height:40px;white-space:normal}.admin-system-panel .activity-list{grid-template-columns:1fr}.user-detail-modal{max-height:100dvh}.user-detail-stats{grid-template-columns:1fr 1fr}.user-detail-list>div{align-items:flex-start;flex-direction:column} .modal-backdrop{padding-top:env(safe-area-inset-top)}.modal{max-height:calc(100dvh - env(safe-area-inset-top));overflow-y:auto;overscroll-behavior:contain}.modal-actions,.bot-settings-actions{display:grid!important;grid-template-columns:1fr!important}.modal-actions button,.bot-settings-actions button{width:100%} .mobile-tabbar{grid-template-columns:repeat(5,minmax(0,1fr))}.mobile-tabbar button{height:60px;padding:3px 1px;overflow:hidden}.mobile-tabbar button svg{width:19px;height:19px} .cover-workspace,.cover-inspector{min-width:0}.cover-main-toolbar{top:calc(58px + env(safe-area-inset-top));max-width:100vw}.cover-object-palette{max-width:100%;overflow-x:auto}.cover-object-palette>button{flex:0 0 auto}.cover-stage{max-width:100%}.cover-publish-inline{grid-template-columns:1fr!important}.cover-publish-inline>*{grid-column:1!important;width:100%}.cover-publish-inline select,.cover-publish-inline button{min-height:44px} } @media(max-width:520px){ .top-actions>.help-button{display:none!important}.view{padding-left:10px;padding-right:10px}.hero-head h1{font-size:22px} .stats-grid,.analytics-kpi-grid,.analytics-extra-grid{grid-template-columns:1fr 1fr}.stat-card{min-height:105px}.stat-icon{width:25px;height:25px} .bot-studio-head{grid-template-columns:1fr}.bot-studio-head>select{grid-column:1}.bot-studio-head>.button-group{grid-template-columns:repeat(5,minmax(0,1fr))}.bot-studio-head>.button-group button{font-size:7px;padding:6px 2px}.bot-studio-head>.button-group .bot-fullscreen-button b{display:none} .bot-studio-workbench{min-height:calc(100dvh - 255px)}.bot-graph-viewport{height:calc(100dvh - 305px);min-height:430px}.bot-palette-item{flex-basis:158px;min-height:58px}.bot-studio-inspector{left:4px;right:4px;bottom:calc(4px + env(safe-area-inset-bottom));border-radius:18px} .bot-button-row{grid-template-columns:minmax(0,1fr) 70px}.bot-button-row select:nth-of-type(2){grid-column:1/-1}.bot-inspector-actions{grid-template-columns:1fr}.bot-inspector-actions button{min-height:44px} .analytics-table{min-width:560px}.analytics-kpi strong{font-size:23px}.analytics-kpi span{font-size:8px}.pricing-card{border-radius:17px} .ticket-item-head{align-items:flex-start}.ticket-status{flex:none}.ticket-message-images{grid-template-columns:1fr}.ticket-message-images img{height:auto;max-height:240px} .manual-card summary{grid-template-columns:40px minmax(0,1fr) 18px}.manual-card-body{padding-left:8px;padding-right:8px}.manual-visual{overflow:hidden}.manual-shot{max-width:100%} } @media(max-width:380px){ .stats-grid{grid-template-columns:1fr}.stat-card{min-height:96px}.top-actions>.icon-button,.top-actions>.notification-wrap>.icon-button,.notification-wrap{width:34px;height:34px;flex-basis:34px}.mobile-menu{width:38px}.crumb{font-size:12px} .analytics-kpi-grid,.analytics-extra-grid{grid-template-columns:1fr}.hero-head>.button-group,.hero-head>.bot-hero-actions,.hero-head>.cover-hero-actions{grid-template-columns:1fr} .source-actions,.admin-actions{grid-template-columns:1fr}.bot-studio-head>.button-group button{font-size:0}.bot-studio-head>.button-group button:before{font-size:14px}.bot-studio-head #botStudioTest:before{content:'▶'}.bot-studio-head #botStudioValidate:before{content:'✓'}.bot-studio-head #toggleBotCode:before{content:'{}'}.bot-studio-head #saveBotScenario:before{content:'💾'} }