:root{--clg-primary:var(--main-primary);--clg-text:#1e293b;--clg-text-muted:#64748b;--clg-text-light:#94a3b8;--clg-bg:#fff;--clg-bg-hover:#f8fafc;--clg-border:#e2e8f0;--clg-border-focus:var(--main-primary);--clg-card-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--clg-radius:var(--main-radius);--clg-radius-lg:var(--main-radius-lg);--clg-tab-active-bg:var(--main-primary);--clg-tab-active-text:#fff;--clg-tab-bg:#f1f5f9;--clg-tab-text:#64748b;--clg-required:#ef4444}._clg-container{width:100%;max-width:1200px;margin:0 auto}._clg-layout{gap:var(--main-space-5);grid-template-columns:1fr 1fr;align-items:start;display:grid}._clg-card{background:var(--clg-bg);border-radius:var(--clg-radius-lg);padding:var(--main-space-5);box-shadow:var(--clg-card-shadow);border-style:solid;border-width:1px;border-color:var(--clg-border);margin-bottom:var(--main-space-4)}._clg-section-title{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--clg-text);margin-bottom:var(--main-space-4);text-transform:uppercase;letter-spacing:.03em;font-weight:600;display:flex}._clg-section-title svg{width:16px;height:16px;color:var(--clg-primary)}@media (max-width:900px){._clg-layout{grid-template-columns:1fr}._clg-preview-panel{order:-1}}@media (max-width:768px){._clg-container{padding-left:1rem;padding-right:1rem}}._clg-type-tabs{flex-wrap:wrap;gap:6px;display:flex}._clg-type-tab{border-radius:var(--main-radius-full);background:var(--clg-tab-bg);color:var(--clg-tab-text);font-size:var(--main-text-xs);cursor:pointer;white-space:nowrap;border:0 solid #0000;align-items:center;gap:6px;padding:6px 12px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}._clg-type-tab svg{width:14px;height:14px}._clg-type-tab:hover{background:var(--clg-border);color:var(--clg-text)}._clg-type-tab.active{background:var(--clg-tab-active-bg);color:var(--clg-tab-active-text)}._clg-field{margin-bottom:var(--main-space-3)}._clg-field:last-child{margin-bottom:0}._clg-field-row{gap:var(--main-space-3);margin-bottom:var(--main-space-3);display:flex}._clg-field-row:last-child,._clg-field-row ._clg-field{margin-bottom:0}._clg-field-half{flex:1;min-width:0}._clg-label{font-size:var(--main-text-xs);color:var(--clg-text);margin-bottom:6px;font-weight:500;display:block}._clg-required{color:var(--clg-required)}._clg-optional{color:var(--clg-text-muted);font-weight:400}._clg-input,._clg-select,._clg-textarea{border-style:solid;border-width:1.5px;border-color:var(--clg-border);border-radius:var(--clg-radius);background:var(--clg-bg);width:100%;color:var(--clg-text);font-size:var(--main-text-sm);box-sizing:border-box;padding:8px 12px;font-family:inherit;transition:border-color .15s,box-shadow .15s}._clg-input:focus,._clg-select:focus,._clg-textarea:focus{border-color:var(--clg-border-focus);outline:none;box-shadow:0 0 0 3px #6366f11a}._clg-input::placeholder,._clg-textarea::placeholder{color:var(--clg-text-light)}._clg-textarea{resize:vertical;min-height:60px;line-height:1.5}._clg-select{cursor:pointer;-webkit-appearance:auto;appearance:auto}@media (max-width:480px){._clg-field-row{flex-direction:column}._clg-type-tabs{gap:4px}._clg-type-tab{padding:5px 10px;font-size:11px}._clg-type-tab span{display:none}._clg-type-tab svg{width:16px;height:16px}}._clg-preview-panel{top:var(--main-space-4);position:sticky}._clg-preview-card{background:var(--clg-bg);border-radius:var(--clg-radius-lg);box-shadow:var(--clg-card-shadow);border-style:solid;border-width:1px;border-color:var(--clg-border);overflow:hidden}._clg-preview-header{align-items:center;gap:var(--main-space-3);padding:var(--main-space-3) var(--main-space-4);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--clg-border);background:var(--clg-bg-hover);display:flex}._clg-preview-title{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--clg-text);font-weight:600;display:flex}._clg-preview-title svg{width:16px;height:16px;color:var(--clg-primary)}._clg-preview-stats{margin-left:auto}._clg-stat{font-size:var(--main-text-xs);align-items:baseline;gap:4px;display:inline-flex}._clg-stat-value{color:var(--clg-text);font-weight:600}._clg-stat-label{color:var(--clg-text-muted)}._clg-preview-actions{gap:4px;display:flex}._clg-action-btn{border-radius:var(--clg-radius);width:32px;height:32px;color:var(--clg-text-muted);cursor:pointer;background:0 0;border:0 solid #0000;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}._clg-action-btn svg{width:16px;height:16px}._clg-action-btn:hover{background:var(--clg-border);color:var(--clg-text)}._clg-action-btn.active{background:var(--clg-primary);color:#fff}._clg-preview-content{padding:var(--main-space-5);min-height:400px}._clg-preview-empty{min-height:350px;color:var(--clg-text-muted);text-align:center;justify-content:center;align-items:center;gap:var(--main-space-3);flex-direction:column;display:flex}._clg-preview-empty svg{opacity:.4;width:40px;height:40px}._clg-preview-empty p{font-size:var(--main-text-sm);margin:0}._clg-preview-body{color:var(--clg-text);font-size:13px;line-height:1.7}._clg-cl-date{color:var(--clg-text-muted);margin-bottom:var(--main-space-4);font-size:13px}._clg-cl-sender,._clg-cl-recipient{margin-bottom:var(--main-space-4);font-size:13px;line-height:1.6}._clg-cl-greeting{margin-bottom:var(--main-space-3);font-size:13px;font-weight:600}._clg-cl-paragraph{margin-bottom:var(--main-space-3);white-space:pre-wrap}._clg-cl-closing{margin-top:var(--main-space-4);font-size:13px}._clg-cl-signature{margin-top:var(--main-space-3);font-weight:600}._clg-preview-body._clg-editing{outline:2px dashed var(--clg-primary);outline-offset:-2px;border-radius:var(--clg-radius);cursor:text;padding:var(--main-space-2)}._clg-preview-body._clg-editing:focus{outline-color:var(--clg-primary)}@media (max-width:900px){._clg-preview-panel{position:static}._clg-preview-content{min-height:300px}}