.clg-container{max-width:1320px}.clg-workspace{display:grid;grid-template-columns:minmax(420px,.95fr) minmax(440px,1.05fr);gap:var(--sp-6);align-items:start}.clg-editor{min-width:0}.clg-privacy{display:flex;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--brand-50);color:var(--brand-700);font-size:var(--fs-12)}.clg-group{padding:var(--sp-6) 0;border-bottom:1px solid var(--border)}.clg-group h2{margin:0 0 var(--sp-4);font-size:var(--fs-18)}.clg-upload-row,.clg-image-grid{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.clg-image-grid>div{flex:1}.clg-upload{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-13);font-weight:600}.clg-upload span{color:var(--ink-400);font-size:var(--fs-11);font-weight:400}.clg-upload input{max-width:220px;font-size:var(--fs-12)}.clg-thumb{display:flex;align-items:center;justify-content:center;width:72px;height:52px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-50)}.clg-thumb:empty{display:none}.clg-thumb img{max-width:100%;max-height:100%;object-fit:contain}.clg-toolbar{display:flex;flex-wrap:wrap;gap:var(--sp-1);padding:var(--sp-2);border:1px solid var(--border);border-bottom:0;border-radius:var(--r-md) var(--r-md) 0 0;background:var(--surface-50)}.clg-toolbar button{min-height:32px;padding:4px 9px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-0);color:var(--ink-700);cursor:pointer}.clg-message{min-height:220px;overflow:auto;border-radius:0 0 var(--r-md) var(--r-md);line-height:1.6}.clg-message:empty:before{content:"Write your business letter here…";color:var(--ink-300)}.clg-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);padding-top:var(--sp-5)}.clg-status,.clg-error{min-height:18px;margin-top:var(--sp-3);font-size:var(--fs-13)}.clg-error{display:none;color:var(--danger-700)}.clg-error.show{display:block}.clg-preview-panel{position:sticky;top:calc(var(--header-h) + var(--sp-4));min-width:0}.clg-preview-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:var(--sp-3);font-size:var(--fs-12)}.clg-preview-head div{display:flex;flex-direction:column}.clg-preview-head span{color:var(--ink-400)}.clg-sheet{position:relative;width:100%;aspect-ratio:210/297;overflow:hidden;border:1px solid var(--border-strong);background:#fff;color:#172033;font-family:Arial,Helvetica,sans-serif}.clg-doc-header{display:flex;min-height:16%;gap:3%;padding:5% 6% 3%;border-bottom:1px solid #0a5a4d}.clg-doc-logo{width:18%;height:60px;object-fit:contain}.clg-doc-company{flex:1}.clg-doc-company h2{margin:0;color:#0a5a4d;font-size:clamp(12px,2vw,20px)}.clg-doc-company b{font-size:9px}.clg-doc-company p{margin:3px 0;font-size:7px;line-height:1.35}.clg-doc-body{padding:5% 7%;font-size:8px;line-height:1.55;white-space:pre-wrap}.clg-doc-body .subject{margin:12px 0;font-weight:700}.clg-doc-footer{position:absolute;right:6%;bottom:3%;left:6%;padding-top:5px;border-top:1px solid #cbd1dc;color:#475467;text-align:center;font-size:6px}.clg-doc-assets{display:flex;align-items:end;gap:12px;height:45px;margin-top:6px}.clg-doc-assets img{max-width:80px;max-height:42px;object-fit:contain}.clg-page-nav{display:flex;justify-content:space-between;margin-top:var(--sp-3)}
@media(max-width:1000px){.clg-workspace{grid-template-columns:1fr}.clg-preview-panel{position:static}.clg-sheet{width:min(100%,620px);margin:auto}}@media(max-width:600px){.clg-image-grid,.clg-upload-row{align-items:flex-start;flex-direction:column}.clg-actions{flex-direction:column}.clg-actions .btn{width:100%}.clg-sheet{width:100%}.clg-doc-body{font-size:7px}}

/* Structured editor and document refinements. */
.clg-toolbar button.active{border-color:var(--brand-500);background:var(--brand-100);color:var(--brand-700)}
.clg-message{min-height:240px;padding:var(--sp-4);line-height:1.45;white-space:normal}
.clg-message p,.clg-message div{margin:0 0 10px}.clg-message p:empty,.clg-message div:empty{min-height:.55em;margin-bottom:4px}
.clg-message ul,.clg-message ol{margin:8px 0 10px;padding-left:1.7em}.clg-message li{display:list-item;margin:2px 0;line-height:1.45}
.clg-doc-header{min-height:15%;padding:4.5% 6% 2.7%;border-bottom-width:2px}.clg-doc-logo{width:17%;height:58px}
.clg-doc-body{padding:4% 7% 12%;white-space:normal;line-height:1.45}.clg-doc-item{margin-bottom:6px;white-space:pre-wrap}.clg-doc-item.blank{height:4px;margin:0}
.clg-doc-item.meta{margin-bottom:3px}.clg-doc-item.recipient{margin:8px 0 10px}.clg-doc-item.subject{margin:10px 0 12px;font-weight:700}
.clg-doc-item.closing{margin-top:12px}.clg-doc-item.signatory{margin-bottom:2px;font-weight:700}
.clg-doc-list{display:grid;grid-template-columns:14px 1fr;gap:3px;margin:2px 0;padding-left:8px;line-height:1.4}.clg-doc-list>span{text-align:right}

/* Letterhead themes and shared A4 stationery treatment. */
.clg-themes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3)}
.clg-themes label{display:grid;grid-template-columns:auto 28px 1fr;align-items:center;gap:var(--sp-2);min-height:48px;padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-0);cursor:pointer;font-size:var(--fs-13)}
.clg-themes label:has(input:checked){border-color:var(--brand-500);box-shadow:0 0 0 1px var(--brand-500)}
.clg-theme-swatch{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--a) 0 55%,var(--b) 55%)}
.clg-theme-swatch.ocean{--a:#0a4f82;--b:#2f80c9}.clg-theme-swatch.forest{--a:#17633d;--b:#3a9564}.clg-theme-swatch.maroon{--a:#7b1931;--b:#b13b55}.clg-theme-swatch.purple{--a:#512a82;--b:#7650a8}
.clg-sheet{--doc-primary:#0a4f82;--doc-secondary:#2f80c9}
.clg-doc-header{position:relative;display:block;min-height:18%;padding:5% 7% 2.5%;border-bottom:2px solid var(--doc-primary);overflow:hidden}
.clg-header-wave{position:absolute;z-index:0;top:-13%;right:-8%;width:55%;height:42%;border-radius:0 0 0 80%;background:var(--doc-primary);transform:rotate(4deg)}
.clg-header-wave:before{content:"";position:absolute;right:7%;bottom:-34%;width:80%;height:78%;border-radius:0 0 0 90%;background:var(--doc-secondary)}
.clg-identity,.clg-company-info{position:relative;z-index:1}.clg-identity{display:flex;align-items:center;gap:3%}.clg-doc-logo{width:15%;height:48px}.clg-doc-company h2{color:var(--doc-primary);font-size:clamp(13px,2vw,21px)}
.clg-company-info{display:grid;grid-template-columns:1fr 42%;gap:5%;margin-top:2%;font-size:7px;line-height:1.4}.clg-company-info>div:last-child{text-align:right}.clg-company-info p{margin:2px 0}
.clg-doc-body{position:absolute;z-index:1;top:21%;right:7%;bottom:13%;left:7%;padding:3% 0 0;overflow:hidden;font-size:8px;line-height:1.5}
.clg-doc-meta{display:flex;justify-content:space-between;margin-bottom:12px}.clg-watermark{position:absolute;z-index:0;right:8%;bottom:17%;width:21%;height:16%;object-fit:contain;opacity:.07}
.clg-doc-footer{position:absolute;z-index:2;top:var(--footer-top);right:0;bottom:0;left:0;padding:0;border:0;color:#fff;text-align:center;font-size:var(--footer-font);line-height:1.45;overflow:hidden}.clg-doc-footer span{position:absolute;z-index:3;top:var(--footer-text-top);right:var(--footer-safe);left:var(--footer-safe);display:block;overflow-wrap:anywhere}
.clg-footer-wave{position:absolute;right:0;bottom:0;left:0}.clg-footer-wave.secondary{z-index:0;top:var(--footer-wave-top);background:var(--doc-secondary);clip-path:polygon(0 0,0 100%,50% 100%)}
.clg-footer-wave.primary{z-index:1;top:var(--footer-dark-top);background:var(--doc-primary);clip-path:polygon(0 0,0 100%,81% 100%)}
@media(max-width:600px){.clg-themes{grid-template-columns:1fr}.clg-company-info{font-size:6px}.clg-doc-body{font-size:7px}}

/* Fixed header geometry: the logo slot never collapses. */
.clg-identity{display:grid;grid-template-columns:13% 1fr;column-gap:2.5%;align-items:center}
.clg-logo-slot{display:flex;align-items:center;justify-content:flex-start;width:100%;height:48px}
.clg-logo-slot .clg-doc-logo{width:100%;height:48px}
.clg-company-info>div:first-child{margin-left:15.5%}