:root{--bg:#fffaf0;--surface:#fff;--soft:#f7f2e8;--text:#241f1c;--muted:#6f665f;--line:#ded7cf;--brand:#a41d27;--brand2:#d63b45;--shadow:0 10px 30px #4e37210d;color-scheme:light}html[data-theme=dark]{--bg:#101419;--surface:#191f26;--soft:#222a33;--text:#f3f1ed;--muted:#b5b0a9;--line:#343d47;--brand:#ff6c74;--brand2:#ff7d85;--shadow:0 12px 32px #0004;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--text) 7%,transparent) 1px,transparent 0);background-size:18px 18px;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.55}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}.site-header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;z-index:20}.brand{font-size:20px;font-weight:850;text-decoration:none;color:var(--text);letter-spacing:-.5px}.brand span{color:var(--brand)}.site-header nav{display:flex;gap:22px}.site-header nav a,footer a{color:var(--muted);text-decoration:none}.site-header nav a:hover,footer a:hover{color:var(--brand)}main{min-height:70vh}.page{max-width:1180px;margin:auto;padding:42px 24px 70px}.topline{display:flex;align-items:start;justify-content:space-between;gap:30px;margin-bottom:28px}h1{font-size:clamp(2rem,4vw,3.3rem);line-height:1.05;letter-spacing:-.04em;color:var(--brand);margin:0 0 10px}.subtitle{margin:0;color:var(--muted);font-size:1.07rem}.header-actions{gap:12px}.header-actions,.privacy{display:flex;align-items:center}.privacy{gap:7px;padding:8px 11px;background:var(--soft);border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:.85rem;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px;align-items:start}.analysis,.editor-panel,.seo-content,.summary{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.toolbar{display:flex;gap:6px;flex-wrap:wrap;padding:10px;border-bottom:1px solid var(--line)}button,details summary{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);padding:7px 10px;font-weight:650;font-size:.83rem;list-style:none}button:hover,details summary:hover{border-color:var(--brand);color:var(--brand)}button:disabled{opacity:.4;cursor:not-allowed}button svg,summary svg{width:15px;height:15px}.danger{color:var(--brand)}details{position:relative}.menu{position:absolute;z-index:15;top:calc(100% + 6px);left:0;width:220px;padding:7px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.menu button{display:flex;width:100%;justify-content:flex-start;border:0;background:transparent}.menu label{display:flex;padding:8px;font-size:.78rem}.menu.tools{width:300px;max-height:340px;overflow:auto}#text-editor{display:block;width:100%;min-height:360px;max-height:70vh;resize:vertical;padding:22px;border:0;outline:none;background:var(--surface);color:var(--text);font:1rem/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}#text-editor:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--brand) 65%,transparent)}.editor-status{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:9px 14px;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem}.editor-status label{display:flex;gap:6px}.controls,.findbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px;background:var(--soft);border-bottom:1px solid var(--line)}input,select{min-width:0;padding:8px 10px;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--text)}.controls label,.findbar label{font-size:.78rem}.icon{padding:8px}.icon svg{width:18px;height:18px}.summary{position:sticky;top:18px;padding:18px}.summary h2{margin:0 0 10px;color:var(--brand)}.summary-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.summary-row:last-child{border:0}.summary-row span{color:var(--muted)}.summary-row strong{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:1.12rem}.analysis{margin-top:22px;overflow:hidden}.tabs{display:flex;border-bottom:1px solid var(--line);overflow:auto}.tabs button{flex:1 1;border:0;border-radius:0;padding:14px;background:transparent;white-space:nowrap}.tabs button[aria-selected=true]{color:var(--brand);box-shadow:inset 0 -3px var(--brand)}.cards,.structure-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px}.cards article,.structure-grid article{min-width:0;padding:16px;background:var(--soft);border:1px solid var(--line);border-radius:12px}.cards span,.structure-grid span{display:block;color:var(--muted);font-size:.84rem;margin-bottom:6px}.cards strong,.structure-grid strong{display:block;font-size:1.35rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.tabbody{padding:18px}.controls{padding:0 0 15px;background:none;border:0}.keyword-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.keyword-list>div{display:grid;grid-template-columns:1fr auto;gap:5px;padding:11px;border:1px solid var(--line);border-radius:10px}.keyword-list button{border:0;padding:0;justify-content:flex-start}.keyword-list span{color:var(--muted);font-size:.8rem}.keyword-list progress{grid-column:1/-1}.charts{display:grid;grid-template-columns:1fr 1fr;gap:18px}.charts>div{padding:15px;border:1px solid var(--line);border-radius:12px}.charts h3{margin-top:0}.bars>div{display:grid;grid-template-columns:55px 1fr 35px;align-items:center;gap:8px;margin:8px 0}.bars i{display:block;height:10px;background:var(--brand);border-radius:8px}.bars b{font-size:.8rem}.sentence{width:100%;display:flex;flex-direction:column;align-items:start;margin:8px 0;text-align:left}.sentence span{font-weight:400;color:var(--muted)}.limits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.limits label{display:flex;flex-direction:column;gap:5px}.limit-card{grid-column:1/-1;padding:20px;border:1px solid var(--line);border-left:6px solid #338257;border-radius:12px}.limit-card.warn{border-left-color:#c78b18}.limit-card.over{border-left-color:var(--brand)}.limit-card h3{margin:0}.limit-card strong{display:block;font-size:2rem;margin:8px 0}.keyword-list progress,.limit-card progress{width:100%;accent-color:var(--brand)}.empty{color:var(--muted);text-align:center;padding:30px}.seo-content{margin-top:35px;padding:clamp(22px,4vw,48px)}.seo-content h2{font-size:1.55rem;margin:28px 0 8px}.seo-content li,.seo-content p{color:var(--muted);max-width:780px}.seo-content details{border-top:1px solid var(--line);padding:12px 0}.seo-content details summary{border:0;padding:0;background:transparent;justify-content:flex-start;font-size:1rem}.toast{position:fixed;z-index:100;bottom:22px;left:50%;transform:translateX(-50%);background:#181818;color:white;padding:10px 16px;border-radius:10px;min-height:20px}.toast:empty{display:none}.modal-backdrop{position:fixed;z-index:90;inset:0;background:#0008;display:grid;place-items:center;padding:20px}.modal{position:relative;width:min(680px,100%);max-height:85vh;overflow:auto;background:var(--surface);border-radius:18px;padding:24px}.modal-close{position:absolute;right:15px;top:15px}.draft-list{margin:15px 0}.draft-list>div{display:flex;gap:7px;border-top:1px solid var(--line);padding:9px 0}.draft-list>div>button:first-child{flex:1 1;flex-direction:column;align-items:flex-start}.draft-list small{font-weight:400;color:var(--muted)}.modal-footer{display:flex;justify-content:space-between;gap:8px}.legal,.notfound{max-width:850px;margin:60px auto;padding:30px}.legal{background:var(--surface);border:1px solid var(--line);border-radius:18px}.legal p{color:var(--muted)}.notfound{text-align:center}.notfound>span{font-size:6rem;font-weight:900;color:var(--brand)}footer{display:grid;grid-template-columns:1fr 2fr 1fr;gap:35px;padding:38px max(24px,calc((100vw - 1180px)/2));background:var(--surface);border-top:1px solid var(--line);color:var(--muted)}footer nav{display:flex;flex-wrap:wrap;align-content:start;gap:10px 18px}footer nav:last-child{flex-direction:column}@media(max-width:900px){.site-header nav{display:none}.topline{flex-direction:column}.header-actions{width:100%;justify-content:space-between}.workspace{grid-template-columns:1fr}.summary{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.summary h2{grid-column:1/-1}.summary-row{padding:10px;background:var(--soft);border:0;border-radius:9px}.summary-row,.summary-row strong{display:block}.cards{grid-template-columns:repeat(3,1fr)}footer{grid-template-columns:1fr 1fr}}@media(max-width:600px){.page{padding:25px 12px 50px}.privacy{white-space:normal}.toolbar button,.toolbar summary{font-size:0;padding:9px}.toolbar button svg,.toolbar summary svg{margin:0}.toolbar details:last-of-type summary{font-size:.75rem}.menu button{font-size:.82rem}.findbar{align-items:stretch}.findbar input{width:100%}#text-editor{min-height:280px;max-height:60vh;padding:15px}.cards,.structure-grid,.summary{grid-template-columns:repeat(2,1fr)}.cards,.structure-grid{padding:10px;gap:8px}.cards article,.structure-grid article{padding:12px}.cards strong,.structure-grid strong{font-size:1.08rem}.tabs button{padding:12px 10px}.charts,.keyword-list,.limits{grid-template-columns:1fr}.limit-card,.limits label{grid-column:1}.draft-list>div{flex-wrap:wrap}footer{grid-template-columns:1fr}.editor-status{display:grid;grid-template-columns:1fr 1fr}.editor-status span:last-child{text-align:right}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.focus-metric{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 18px;margin:-10px 0 18px;padding:14px 18px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 12%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--brand) 35%,var(--line));border-radius:14px}.focus-metric span{grid-row:1;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.focus-metric strong{grid-row:1/3;font-size:2.1rem;color:var(--brand);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.focus-metric b{grid-row:2;font-size:1rem}.structure-grid strong{font-size:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.findbar>span{color:var(--muted);font-size:.78rem;min-width:90px}.modal:focus{outline:2px solid var(--brand);outline-offset:2px}.confirm-dialog{width:min(430px,100%);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow)}.confirm-dialog h2{margin:0 0 8px}.confirm-dialog p{color:var(--muted)}.confirm-dialog>div{display:flex;justify-content:flex-end;gap:8px}.advanced{margin-top:28px}.card-title,.section-heading{display:flex;justify-content:space-between;gap:1rem;align-items:center}.card-title p,.section-heading p{margin:.25rem 0;color:var(--muted)}.card-title>div:last-child,.inline-controls,.preset-buttons,.quick-actions{display:flex;gap:.5rem;flex-wrap:wrap}.advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.advanced article{padding:1.2rem;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.advanced article.wide{grid-column:1/-1}.advanced input,.advanced select{max-width:100%}.advanced progress{width:100%;margin:.75rem 0;accent-color:var(--brand)}.phrase-table,.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.issue-list button,.phrase-table button,.platform-grid>div{display:grid;grid-template-columns:1fr auto auto;gap:.75rem;text-align:left;padding:.75rem;border:1px solid var(--line);border-radius:9px;background:var(--soft);color:var(--text)}.platform-grid>div{grid-template-columns:1fr auto}.platform-grid progress,.platform-grid small{grid-column:1/-1;margin:0}.platform-grid .warn{border-color:#e6a700}.platform-grid .over{border-color:#d33}.issue-list{display:grid;gap:.5rem}.issue-list button{grid-template-columns:180px 1fr}.issue-list .warning{border-left:4px solid #e6a700}.success-note{padding:.8rem;border-radius:8px;background:color-mix(in srgb,#28a745 12%,transparent)}.diff{white-space:pre-wrap;padding:1rem;border:1px solid var(--line);border-radius:9px;max-height:360px;overflow:auto}.diff .added{background:#b7efc5;color:#153c20}.diff .removed{background:#ffd0d0;text-decoration:line-through;color:#5c1717}.compare>button{margin-top:1rem}@media(max-width:760px){.advanced-grid,.phrase-table,.platform-grid{grid-template-columns:1fr}.advanced article.wide{grid-column:auto}.card-title,.section-heading{align-items:flex-start;flex-direction:column}.issue-list button{grid-template-columns:1fr}}@media print{.editor-panel textarea,.findbar,.preset-buttons,.quick-actions,.site-header,.tabs,.toast,.toolbar,footer{display:none!important}.workspace{display:block}.summary{position:static}.advanced,.analysis{page-break-inside:avoid;break-inside:avoid}body{background:white;color:black}}.draftbox{width:min(920px,100%)}.draft-create,.draft-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}.draft-filters input{flex:1 1;min-width:220px}.draft-filters span{color:var(--muted);font-size:.82rem}.draft-list article{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;margin:9px 0;background:var(--soft)}.draft-list article.active{border-color:var(--brand);box-shadow:inset 4px 0 var(--brand)}.draft-list article>div{display:flex;gap:6px;align-items:center}.draft-main{border:0;background:transparent;display:flex!important;flex-direction:column;align-items:flex-start!important;text-align:left}.draft-platform{display:inline-block;color:var(--brand);font-size:.72rem;font-weight:750;text-transform:uppercase}.draft-preview{color:var(--muted);font-weight:400;white-space:nowrap;max-width:580px;overflow:hidden;text-overflow:ellipsis}.draftbox .modal-footer{flex-wrap:wrap}@media(max-width:600px){.draft-list article{grid-template-columns:1fr}.draft-list article>div{justify-content:flex-end}.draft-preview{max-width:75vw}}.thread-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.thread-list>div{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}.thread-list>div>div{display:flex;justify-content:space-between;color:var(--muted)}.thread-list p{white-space:pre-wrap}.thread-list button{float:right}@media(max-width:700px){.thread-list{grid-template-columns:1fr}}.draft-context{margin:0 0 18px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.draft-context-top{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:12px;align-items:end}.combined-fields>div,.draft-context label,.draft-context-top>div{display:flex;flex-direction:column;gap:5px}.draft-context input{width:100%}.combined-fields span,.draft-context-top span{font-size:.78rem;color:var(--muted)}.combined-fields{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.combined-fields small{align-self:flex-end}.over-text{color:var(--brand)!important;font-weight:700}.template-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px}.template-row>span{font-size:.8rem;color:var(--muted)}.draft-list article>div{flex-wrap:wrap;justify-content:flex-end}@media(max-width:700px){.combined-fields,.draft-context-top{grid-template-columns:1fr}}.platform-preview{margin-top:12px}.platform-preview>summary{width:max-content}.platform-preview>small{display:block;margin-top:6px;color:var(--muted)}.preview-card{max-width:680px;margin-top:10px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.preview-card header{display:flex;align-items:center;gap:10px}.preview-card header i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--text);color:var(--surface);font-style:normal;font-weight:800}.preview-card header div{display:flex;flex-direction:column}.preview-card header small{color:var(--muted)}.preview-card h3{margin:14px 0 4px}.preview-card p{white-space:pre-wrap;max-height:190px;overflow:hidden}.preview-card.youtube header i{background:#f00;color:white}.preview-card.linkedin header i{background:#0a66c2;color:white}.preview-card.seo{border-radius:8px}.preview-card.seo h3{color:#1a0dab;font-weight:400}.preview-meta{display:flex;gap:16px;padding-top:10px;border-top:1px solid var(--line)}.preview-meta,.storage-info{font-size:.78rem;color:var(--muted)}.storage-info{display:inline-block;margin:0 0 8px;padding:5px 9px;border-radius:99px;background:var(--soft)}.language-links{margin-left:auto;padding-left:18px;border-left:1px solid var(--line);gap:9px!important}.language-links a{font-size:.76rem;font-weight:800}.footer-languages{display:flex!important;flex-direction:row!important;margin-top:12px;gap:8px!important}.footer-languages a{padding:3px 7px;border:1px solid var(--line);border-radius:6px;font-size:.75rem}@media(max-width:900px){.site-header .language-links{display:flex}.language-links{padding-left:8px;gap:6px!important}.language-links a{font-size:.7rem}}.mobile-tool-menu{display:none}.desktop-tool-nav{display:block;margin-left:48px}.desktop-tool-nav nav{display:flex}@media(max-width:900px){.desktop-tool-nav{display:none}.mobile-tool-menu{display:block;margin-left:auto;position:relative}.mobile-tool-menu>button{padding:7px 9px}.mobile-tool-menu>button svg{width:19px;height:19px}.mobile-tool-menu>button span{display:none}.site-header .mobile-tool-menu>div{display:none;position:absolute;right:0;top:calc(100% + 10px);width:min(290px,calc(100vw - 24px));padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.site-header .mobile-tool-menu.open>div{display:block}.site-header .mobile-tool-menu nav{display:flex;flex-direction:column;gap:2px}.site-header .mobile-tool-menu nav a{display:block;padding:10px 12px;border-radius:8px}.site-header .mobile-tool-menu nav a:hover{background:var(--soft)}}