@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url('assets/fonts/manrope-0.woff2') format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url('assets/fonts/manrope-1.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url('assets/fonts/manrope-4.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url('assets/fonts/manrope-5.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#0c0b0a;--panel:#131110;--panel-2:#181512;--surface:rgba(255,255,255,.036);--surface-2:rgba(255,102,0,.06);--border:rgba(255,255,255,.1);--border-strong:rgba(255,102,0,.34);--text:#f6f3ef;--muted:#b9b2a9;--dim:#80776e;--orange:#ff6600;--orange-light:#ff8a33;--orange-dark:#cc5200;--green:#3fbf7f;--red:#f87171;--radius:8px;--font:Manrope,'Segoe UI',Arial,sans-serif;--mono:'SFMono-Regular',Consolas,monospace}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font)}body{font-size:16px;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.topbar{height:64px;display:flex;align-items:center;border-bottom:1px solid var(--border);padding:0 18px;background:#0a0908}.brand{display:flex;align-items:center;gap:10px;width:275px;border:0;background:transparent;text-align:left;cursor:pointer}.brand img{width:25px;height:36px;object-fit:contain}.brand-name{font-size:20px;font-weight:900;letter-spacing:-.04em}.brand-product{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--orange);border-left:1px solid var(--border);padding-left:10px}.topnav{display:flex;align-items:center;gap:6px}.nav-tab,.device-switch button{border:1px solid transparent;background:transparent;color:var(--muted);padding:9px 15px;border-radius:6px;cursor:pointer}.nav-tab:hover,.nav-tab.active{background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}.nav-tab.active{color:var(--orange-light)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.save-state{font-family:var(--mono);font-size:12px;color:var(--dim)}.save-state i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px}.save-state.saving i{background:var(--orange)}.primary,.secondary,.icon-button,.text-button{border-radius:6px;cursor:pointer;transition:.15s ease}.primary{border:1px solid var(--orange);background:var(--orange);color:#130b05;font-weight:800;padding:11px 17px}.primary:hover{background:var(--orange-light);border-color:var(--orange-light)}.primary.compact{padding:9px 14px}.secondary{border:1px solid var(--border);background:var(--surface);padding:10px 14px}.secondary:hover{border-color:var(--border-strong);background:var(--surface-2)}.wide{width:100%}.icon-button{border:1px solid var(--border);background:transparent;width:36px;height:36px}.icon-button:hover{border-color:var(--orange);color:var(--orange)}.text-button{border:0;background:transparent;color:var(--orange-light);font-size:13px;padding:5px}.mobile-sidebar{display:none}.workspace{height:calc(100vh - 64px);display:grid;grid-template-columns:276px minmax(640px,1fr) 390px}.sidebar,.preview-pane{background:var(--panel);overflow:auto}.sidebar{border-right:1px solid var(--border);padding:22px 16px}.sidebar-head{padding-bottom:22px;border-bottom:1px solid var(--border)}.eyebrow,.breadcrumb,.section-heading{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--dim)}.field,.settings-strip select{width:100%;margin-top:8px;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:11px 12px}.section-heading{display:flex;justify-content:space-between;margin:22px 0 9px}.post-list{display:flex;flex-direction:column;gap:5px}.post-item{display:block;width:100%;text-align:left;border:1px solid transparent;border-radius:7px;background:transparent;padding:11px 12px;cursor:pointer}.post-item:hover{background:var(--surface)}.post-item.active{background:var(--surface-2);border-color:var(--border-strong)}.post-item b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-item small{display:block;color:var(--dim);font-size:12px;margin-top:4px}.preset-list{display:grid;gap:6px}.preset{position:relative;width:100%;display:grid;grid-template-columns:28px 1fr;text-align:left;border:1px solid transparent;background:transparent;border-radius:7px;padding:9px 10px;cursor:pointer}.preset:hover,.preset.active{border-color:var(--border);background:var(--surface)}.preset.active:after{content:'';position:absolute;right:10px;top:12px;width:6px;height:6px;background:var(--orange);border-radius:50%}.preset>span{grid-row:1/3;color:var(--orange);font-size:18px}.preset b{font-size:13px}.preset small{font-size:11px;color:var(--dim);margin-top:2px}.editor-pane{padding:26px 24px 30px;overflow:auto;min-width:0}.document-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.title-input{display:block;width:min(580px,60vw);border:0;background:transparent;color:var(--text);font-size:30px;font-weight:900;letter-spacing:-.04em;padding:5px 0 0;outline:0}.document-actions{display:flex;gap:8px}.settings-strip{margin:16px 0;min-height:64px;display:flex;align-items:center;gap:14px;padding:11px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.settings-strip label{font-size:12px;color:var(--dim)}.settings-strip select{width:auto;min-width:135px;margin:0 0 0 7px;padding:7px 28px 7px 9px}.toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap}.toggle-label input{position:absolute;opacity:0}.toggle-label span{width:34px;height:19px;border-radius:20px;background:#2b2723;position:relative;border:1px solid var(--border)}.toggle-label span:after{content:'';position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:var(--dim);transition:.2s}.toggle-label input:checked+span{background:rgba(255,102,0,.18);border-color:var(--border-strong)}.toggle-label input:checked+span:after{left:18px;background:var(--orange)}.strip-note{margin-left:auto;color:var(--dim);font-size:11px;font-family:var(--mono)}.work-grid{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(360px,1.15fr);gap:14px;height:calc(100vh - 64px - 26px - 58px - 16px - 64px - 46px)}.panel{border:1px solid var(--border);border-radius:9px;background:var(--panel);min-height:420px;display:flex;flex-direction:column;position:relative}.panel-head{height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:0 14px}.panel-head>div:first-child{display:flex;align-items:center;gap:9px}.panel-head h2,.preview-head h2{margin:0;font-size:15px}.panel-kicker{font-family:var(--mono);color:var(--orange);font-size:11px}.source-panel textarea{flex:1;resize:none;border:0;background:transparent;color:var(--text);padding:20px;font-size:16px;line-height:1.65;outline:0}.source-panel textarea::placeholder{color:#6f675f}.text-meta{height:38px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding:0 14px;color:var(--dim);font-size:11px;font-family:var(--mono)}.history-actions{display:flex;gap:5px}.history-actions .icon-button{width:30px;height:30px}.toolbar{display:flex;align-items:center;gap:4px;padding:8px 11px;border-bottom:1px solid var(--border)}.toolbar button{border:1px solid transparent;background:transparent;border-radius:5px;min-width:31px;height:31px;cursor:pointer;color:var(--muted)}.toolbar button:hover{border-color:var(--border);background:var(--surface);color:var(--orange-light)}.toolbar>span{width:1px;height:19px;background:var(--border);margin:0 3px}.rich-editor{flex:1;padding:20px;font-size:16px;line-height:1.62;overflow:auto;outline:0}.rich-editor:empty:before{content:attr(data-placeholder);color:#6f675f}.rich-editor p{margin:0 0 1em}.rich-editor blockquote,.tg-content blockquote{margin:12px 0;padding:2px 0 2px 12px;border-left:3px solid var(--orange);color:var(--muted)}.rich-editor a,.tg-content a{color:var(--orange-light);text-decoration:none}.spoiler{background:#68625c;color:#68625c;border-radius:3px;padding:0 2px}.spoiler:hover{color:var(--text)}.emoji-popover{position:absolute;z-index:10;right:12px;top:102px;width:236px;background:#1c1916;border:1px solid var(--border);border-radius:8px;padding:9px;box-shadow:0 18px 48px rgba(0,0,0,.45)}.emoji-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.emoji-grid button{border:0;background:transparent;font-size:19px;border-radius:4px;padding:5px;cursor:pointer}.emoji-grid button:hover{background:var(--surface-2)}.preview-pane{border-left:1px solid var(--border);display:flex;flex-direction:column}.preview-head{height:76px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.preview-head h2{font-size:18px;margin-top:3px}.device-switch{display:flex;background:#0d0c0b;border:1px solid var(--border);border-radius:6px;padding:3px}.device-switch button{font-size:11px;padding:6px 8px}.device-switch button.active{background:var(--surface-2);color:var(--orange-light)}.telegram-stage{flex:1;display:flex;justify-content:center;padding:18px;background-color:#0d0c0b;background-image:radial-gradient(rgba(255,102,0,.06) 1px,transparent 1px);background-size:17px 17px;overflow:auto}.telegram-phone{width:342px;align-self:flex-start;background:#141210;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.35);transition:.2s}.telegram-phone.wide{width:100%}.tg-top{height:58px;background:#1c1916;display:flex;align-items:center;padding:7px 10px;gap:9px}.tg-back{font-size:28px;color:#64a9e8;line-height:1}.tg-avatar{width:38px;height:38px;border-radius:50%;background:#0c0b0a;display:grid;place-items:center}.tg-avatar img{height:29px;width:20px}.tg-top>div:nth-child(3){display:flex;flex-direction:column}.tg-top b{font-size:13px}.tg-top small{font-size:10px;color:#938b83}.tg-more{margin-left:auto;color:#938b83;letter-spacing:2px}.tg-chat{min-height:490px;padding:24px 8px 14px;background:linear-gradient(rgba(12,11,10,.84),rgba(12,11,10,.84)),repeating-linear-gradient(45deg,#2d251e 0,#2d251e 1px,transparent 1px,transparent 16px);position:relative}.date-pill{width:max-content;margin:0 auto 12px;background:rgba(30,27,24,.85);color:#aaa29a;border-radius:12px;padding:4px 9px;font-size:10px}.tg-message{position:relative;width:94%;margin-left:auto;background:#25211d;border-radius:9px 9px 3px 9px;padding:9px 10px 19px;color:#f5f2ed;font-family:Arial,sans-serif;font-size:13px;line-height:1.42;box-shadow:0 1px 1px rgba(0,0,0,.3)}.tg-content p{margin:0 0 .85em}.tg-content p:last-child{margin-bottom:0}.tg-content a{color:#64a9e8}.tg-placeholder{color:#8c847c}.tg-message-meta{position:absolute;right:8px;bottom:4px;display:flex;gap:3px;font-size:9px;color:#78a6ca}.preview-actions{padding:16px 18px;border-top:1px solid var(--border)}.copy-options{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.copy-options .secondary{font-size:12px;padding:8px}.preview-actions p{font-size:11px;color:var(--dim);text-align:center;margin:9px 0 0}.templates-view{grid-column:2/4;padding:38px;overflow:auto}.templates-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.templates-head h1{font-size:34px;margin:5px 0 0}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}.template-card{text-align:left;border:1px solid var(--border);background:var(--panel);color:var(--text);padding:22px;border-radius:9px;cursor:pointer;min-height:160px}.template-card:hover{border-color:var(--orange);transform:translateY(-2px)}.template-card span{font-family:var(--mono);font-size:11px;color:var(--orange)}.template-card b{display:block;font-size:21px;margin:25px 0 4px}.template-card p{color:var(--muted);margin:0;font-size:14px}.toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translate(-50%,20px);background:#f6f3ef;color:#15100c;padding:10px 15px;border-radius:6px;font-weight:700;font-size:13px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1280px){.workspace{grid-template-columns:230px minmax(600px,1fr) 340px}.brand{width:230px}.strip-note{display:none}.editor-pane{padding-left:16px;padding-right:16px}}
@media(max-width:1050px){body{overflow:auto}.workspace{height:auto;min-height:calc(100vh - 64px);grid-template-columns:220px 1fr}.preview-pane{grid-column:2;border-left:0;border-top:1px solid var(--border);min-height:680px}.work-grid{height:640px}.templates-view{grid-column:2}.brand{width:220px}.topbar{position:sticky;top:0;z-index:30}.top-actions .save-state{display:none}}
@media(max-width:760px){.topbar{padding:0 10px}.brand{width:auto}.brand-product,.topnav,.top-actions .compact{display:none}.mobile-sidebar{display:block}.workspace{display:block}.sidebar{position:fixed;z-index:40;top:64px;bottom:0;left:0;width:285px;transform:translateX(-105%);transition:.2s;box-shadow:20px 0 50px rgba(0,0,0,.45)}.sidebar.open{transform:translateX(0)}.editor-pane{padding:18px 10px}.document-head{align-items:flex-start}.title-input{font-size:24px;width:100%}.document-actions .secondary{display:none}.settings-strip{overflow-x:auto;align-items:center}.settings-strip label{white-space:nowrap}.toggle-label{display:none}.work-grid{display:block;height:auto}.panel{height:480px;margin-bottom:10px}.preview-pane{min-height:660px}.telegram-stage{min-height:550px}.templates-view{padding:24px 12px}.templates-head{align-items:flex-start}.templates-head .primary{display:none}.template-grid{grid-template-columns:1fr}.top-actions{margin-left:auto}.mobile-sidebar{display:block}.document-actions .primary{white-space:nowrap}}
.connection-pill{display:flex;align-items:center;gap:7px;border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:6px;padding:8px 10px;font-size:12px;cursor:pointer}.connection-pill i,.connection-result i{width:7px;height:7px;border-radius:50%;background:var(--dim)}.connection-pill.connected{border-color:rgba(63,191,127,.35);color:var(--green)}.connection-pill.connected i,.connection-result.ok i{background:var(--green)}.connection-result.error i{background:var(--red)}.modal-backdrop{position:fixed;z-index:200;inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:16px;backdrop-filter:blur(4px)}.modal-backdrop[hidden]{display:none}.settings-modal{width:min(520px,100%);background:#151311;border:1px solid var(--border);border-radius:10px;box-shadow:0 24px 80px rgba(0,0,0,.65)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border)}.modal-head>div{display:flex;align-items:center;gap:10px}.modal-head h2{margin:0;font-size:18px}.modal-body{display:grid;gap:17px;padding:20px}.form-label{display:grid;gap:7px;color:var(--muted);font-size:13px}.form-label .field{margin:0}.secret-field{position:relative}.secret-field .field{padding-right:48px}.secret-field button{position:absolute;right:4px;top:4px;width:38px;height:34px;border:0;background:transparent;cursor:pointer}.key-help{margin:-10px 0 0;font-size:12px;color:var(--dim)}.key-help a{color:var(--orange-light);text-decoration:none}.privacy-note{display:flex;gap:10px;padding:12px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:7px}.privacy-note p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.privacy-note b{color:var(--text)}.connection-result{display:flex;align-items:center;gap:8px;color:var(--dim);font-size:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:15px 20px;border-top:1px solid var(--border)}.ai-loading{opacity:.7;pointer-events:none}.ai-loading span:first-child{display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.connection-pill span{display:none}.connection-pill{padding:10px}.top-actions .save-state{display:none}}

/* Quiet scrollbars: visible enough to orient, unobtrusive while scrolling by mouse. */
*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.10) transparent}
*::-webkit-scrollbar{width:6px;height:6px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:999px}
*::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.15)}
*::-webkit-scrollbar-corner{background:transparent}
.toolbar{overflow-x:auto;flex-shrink:0}
.post-row{display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:4px;align-items:center}.post-row .post-item{min-width:0}.post-delete{display:grid;place-items:center;width:30px;height:30px;border:1px solid transparent;border-radius:6px;background:transparent;color:#918981;font-family:'Segoe UI Symbol',sans-serif;font-size:17px;line-height:1;cursor:pointer;opacity:1;transition:.15s}.post-delete:hover,.post-delete:focus-visible{background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.25);color:var(--red);outline:0}
.project-actions{display:grid;grid-template-columns:1fr 1.15fr 38px;gap:6px;margin-top:8px}.project-actions button{height:36px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--muted);font-size:12px;cursor:pointer}.project-actions button:hover{border-color:var(--border-strong);color:var(--text)}.project-actions .project-delete{display:grid;place-items:center;color:#918981;font-family:'Segoe UI Symbol',sans-serif;font-size:16px}.project-actions .project-delete:hover{border-color:rgba(248,113,113,.3);background:rgba(248,113,113,.12);color:var(--red)}
.backup-actions{display:grid;gap:6px;margin-top:8px}.backup-actions button{min-height:34px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--muted);font-size:12px;cursor:pointer;text-align:left;padding:7px 10px}.backup-actions button:hover,.backup-actions button:focus-visible{border-color:var(--border-strong);background:var(--surface);color:var(--text);outline:0}.backup-actions button:first-child{color:var(--orange-light)}

/* The editor has its own field scrollbars, so the middle column must stay fixed. */
.editor-pane{overflow:hidden}
.posts-section{margin-bottom:14px}
#languageSelect{min-width:105px}
@media(max-width:1050px){.editor-pane{overflow:visible}}