:root{--cng-primary:var(--main-primary);--cng-primary-hover:#4f46e5;--cng-bg:#fff;--cng-bg-secondary:#f8fafc;--cng-bg-hover:#f1f5f9;--cng-text:#1e293b;--cng-text-muted:#64748b;--cng-border:#e2e8f0;--cng-border-focus:var(--main-primary);--cng-success:#10b981;--cng-error:#ef4444;--cng-code-bg:#1e293b;--cng-code-text:#e2e8f0;--cng-preview-bg:#fafbff;--cng-preview-border:#e0e4f0}._cng-container{gap:var(--main-space-4);flex-direction:column;width:100%;max-width:1100px;margin:0 auto;display:flex}._cng-layout{gap:var(--main-space-4);grid-template-columns:1fr 1fr;align-items:start;display:grid}._cng-hidden{display:none!important}@media (max-width:768px){._cng-container{padding-left:1rem;padding-right:1rem}._cng-layout{grid-template-columns:1fr}}._cng-editor{gap:var(--main-space-4);flex-direction:column;display:flex}._cng-section{gap:var(--main-space-2);flex-direction:column;display:flex}._cng-label{font-size:var(--main-text-sm);color:var(--cng-text);font-weight:600}._cng-input{border-style:solid;border-width:1.5px;border-color:var(--cng-border);border-radius:var(--main-radius);background:var(--cng-bg);color:var(--cng-text);font-size:var(--main-text-sm);width:100%;padding:.5rem .75rem;transition:border-color .15s,box-shadow .15s}._cng-input:focus{border-color:var(--cng-border-focus);outline:none;box-shadow:0 0 0 3px #6366f11a}._cng-input::placeholder{color:var(--cng-text-muted);opacity:.7}._cng-input-sm{width:auto;min-width:80px;max-width:100px}._cng-select{border-style:solid;border-width:1.5px;border-color:var(--cng-border);border-radius:var(--main-radius);background:var(--cng-bg);color:var(--cng-text);font-size:var(--main-text-sm);cursor:pointer;width:100%;padding:.5rem .75rem;transition:border-color .15s}._cng-select:focus{border-color:var(--cng-border-focus);outline:none;box-shadow:0 0 0 3px #6366f11a}._cng-year-row{gap:var(--main-space-2);flex-direction:column;display:flex}._cng-year-inputs{align-items:center;gap:.5rem;display:flex}._cng-year-sep{color:var(--cng-text-muted);font-weight:500}._cng-radio-group{flex-wrap:wrap;gap:.5rem;display:flex}._cng-radio,._cng-checkbox{border-style:solid;border-width:1px;border-color:var(--cng-border);border-radius:var(--main-radius);background:var(--cng-bg);color:var(--cng-text);font-size:var(--main-text-sm);cursor:pointer;white-space:nowrap;align-items:center;gap:.375rem;padding:.375rem .75rem;transition:all .15s;display:flex}._cng-radio:hover,._cng-checkbox:hover{border-color:var(--cng-primary);color:var(--cng-primary)}._cng-radio:has(input:checked){background:var(--cng-primary);border-color:var(--cng-primary);color:#fff}._cng-checkbox:has(input:checked){background:var(--cng-primary);border-color:var(--cng-primary);color:#fff}._cng-radio input,._cng-checkbox input{display:none}._cng-checkboxes{flex-direction:column;gap:.375rem;display:flex}._cng-checkbox{white-space:normal}._cng-custom-clauses{flex-direction:column;gap:.5rem;display:flex}._cng-clause-row{align-items:center;gap:.5rem;display:flex}._cng-clause-row ._cng-input{flex:1}._cng-remove-btn{border-radius:var(--main-radius);width:32px;height:32px;color:var(--cng-error);cursor:pointer;background:#ef444414;border:0 solid #0000;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s;display:flex}._cng-remove-btn:hover{opacity:.7}._cng-remove-btn svg{width:14px;height:14px}._cng-add-btn{border-style:dashed;border-width:1px;border-color:var(--cng-border);border-radius:var(--main-radius);color:var(--cng-text-muted);font-size:var(--main-text-sm);cursor:pointer;background:0 0;align-self:flex-start;align-items:center;gap:.375rem;padding:.5rem .875rem;transition:all .15s;display:inline-flex}._cng-add-btn:hover{border-color:var(--cng-primary);color:var(--cng-primary)}._cng-add-btn svg{width:12px;height:12px}@media (max-width:768px){._cng-radio-group{gap:.375rem}._cng-radio,._cng-checkbox{font-size:var(--main-text-xs);padding:.3rem .625rem}}._cng-preview{top:var(--main-space-4);border-style:solid;border-width:1px;border-color:var(--cng-border);border-radius:var(--main-radius-lg);background:var(--cng-bg);box-shadow:var(--main-shadow-sm);position:sticky;overflow:hidden}._cng-preview-header{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--cng-border);background:var(--cng-bg-secondary);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}._cng-preview-title{font-weight:600;font-size:var(--main-text-sm);color:var(--cng-text);align-items:center;gap:.5rem;display:flex}._cng-preview-title svg{width:16px;height:16px;color:var(--cng-primary)}._cng-preview-actions{gap:.375rem;display:flex}._cng-action-btn{border-style:solid;border-width:1px;border-color:var(--cng-border);border-radius:var(--main-radius);background:var(--cng-bg);color:var(--cng-text-muted);font-size:var(--main-text-xs);cursor:pointer;align-items:center;gap:.375rem;padding:.375rem .75rem;transition:all .15s;display:inline-flex}._cng-action-btn:hover{border-color:var(--cng-primary);color:var(--cng-primary)}._cng-action-btn svg{width:14px;height:14px}._cng-preview-rendered{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--cng-border);background:var(--cng-preview-bg);font-size:var(--main-text-sm);color:var(--cng-text);padding:1.25rem 1rem;line-height:1.7}._cng-preview-rendered p{margin:0 0 .5rem}._cng-preview-rendered p:last-child{margin-bottom:0}._cng-preview-code{background:var(--cng-code-bg);padding:1rem}._cng-preview-code pre{font-family:var(--main-font-mono);font-size:var(--main-text-xs);color:var(--cng-code-text);white-space:pre-wrap;word-wrap:break-word;margin:0;line-height:1.6}@media (max-width:768px){._cng-preview{position:static}._cng-preview-actions{gap:.25rem}._cng-action-btn span{display:none}}