.cg *{box-sizing:border-box}
.cg{font-family:Arial,Helvetica,sans-serif;margin:0 auto;padding:1.5rem;background:var(--card-light,#fff);border:1px solid var(--border-light,#e0e0e0);border-radius:1.5rem;color:var(--text-light,#111);transition:background .3s,border-color .3s,color .3s;}
.cg__header{margin-bottom:1.5rem}
.cg__header h1{font-size:1.5rem;font-weight:700;margin:0 0 .3rem;color:var(--text-light,#111);display:flex;align-items:center;gap:.6rem;}
.cg__label{display:block;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary,#006aff);margin-bottom:.45rem;}
.cg__input{width:100%;padding:.75rem 1rem;border:2px solid var(--border-light,#e0e0e0);border-radius:.75rem;font-family:inherit;font-size:.95rem;color:var(--text-light,#111);background:var(--bg-light,#f8f9fa);outline:none;transition:border-color .25s,box-shadow .25s;}
.cg__input:focus{border-color:var(--primary,#006aff);box-shadow:0 0 0 4px rgba(0,106,255,.1)}
.cg__input::placeholder{opacity:.45}
[data-theme="dark"] .cg__input::placeholder {color: #ffffff !important;opacity: 0.4;}
.cg__textarea{resize:vertical;min-height:200px;line-height:1.65}
.cg__cols{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
@media(max-width:600px){.cg__cols{grid-template-columns:1fr}}
.cg__field{margin-bottom:1rem}
.cg__hint{font-size:.78rem;opacity:.5;display:flex;align-items:center;gap:.35rem}
.cg__divider{height:1px;background:var(--border-light,#e0e0e0);margin:1.25rem 0}
.cg__style-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}
.cg__style-opt{cursor:pointer;flex:1;min-width:140px}
.cg__style-opt input{display:none}
.cg__style-box{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border:2px solid var(--border-light,#e0e0e0);border-radius:.75rem;background:var(--bg-light,#f8f9fa);transition:border-color .2s,box-shadow .2s;cursor:pointer;}
.cg__style-opt input:checked + .cg__style-box{border-color:var(--primary,#006aff);box-shadow:0 0 0 3px rgba(0,106,255,.12);}
.cg__style-box:hover{border-color:var(--primary,#006aff)}
.cg__mini{display:grid;grid-template-columns:repeat(3,14px);gap:2px}
.cg__mini span{width:14px;height:14px;border-radius:2px;display:block;border:1px solid #aaa;background:#fff}
.cg__mini--classic span.b{background:#1a2f4a;border-color:#1a2f4a}
.cg__style-name{font-size:.82rem;font-weight:600;text-align:center;line-height:1.3;color:var(--text-light,#111)}
.cg__check{display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem;border:2px solid var(--border-light,#e0e0e0);border-radius:.75rem;cursor:pointer;background:var(--bg-light,#f8f9fa);transition:border-color .2s;margin-bottom:1rem;}
.cg__check:hover{border-color:var(--primary,#006aff)}
.cg__check input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;flex-shrink:0;border:2px solid var(--border-light,#e0e0e0);border-radius:4px;background:var(--bg-light,#f8f9fa);cursor:pointer;transition:.15s;position:relative;}
.cg__check input:checked{background:var(--primary,#006aff);border-color:var(--primary,#006aff)}
.cg__check input:checked::after{content:'';position:absolute;left:3px;top:0;width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg);}
.cg__check-label{font-size:.9rem;cursor:pointer;user-select:none;color:var(--text-light,#111)}
.cg__btn{width:100%;padding:.9rem;border:none;background:linear-gradient(135deg,var(--primary,#006aff),var(--primary-dark,#0050cc));color:#fff;border-radius:.75rem;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:opacity .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 12px rgba(0,106,255,.3);}
.cg__btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,106,255,.4)}
.cg__btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.cg__loader{display:none;margin-top:1.25rem;background:var(--bg-light,#f8f9fa);border:1px solid var(--border-light,#e0e0e0);border-radius:1rem;padding:2rem 1.5rem;text-align:center;}
.cg__loader.active{display:block}
.cg__loader-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;max-width:260px;margin:0 auto 1.25rem}
.cg__loader-cell{height:22px;border-radius:2px;background:var(--border-light,#e0e0e0);transition:background .15s}
.cg__loader-cell.lit{background:var(--primary,#006aff)}
.cg__loader-label{font-size:.9rem;opacity:.6;display:flex;align-items:center;justify-content:center;gap:.5rem}
.cg__loader-dots span{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--primary,#006aff);margin:0 2px;animation:cg-dot .9s infinite ease-in-out;opacity:0;}
.cg__loader-dots span:nth-child(2){animation-delay:.2s}
.cg__loader-dots span:nth-child(3){animation-delay:.4s}
@keyframes cg-dot{0%,80%,100%{opacity:0;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}
.cg__status{display:none;margin-top:1rem;padding:.75rem 1rem;border-radius:.75rem;font-size:.9rem;animation:cg-in .3s ease}
@keyframes cg-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.cg__status.ok{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:#059669}
.cg__status.err{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#dc2626}
.cg__dl{display:none;margin-top:1.25rem;background:var(--bg-light,#f8f9fa);border:1px solid var(--border-light,#e0e0e0);border-radius:1rem;padding:1.25rem;animation:cg-in .4s ease}
.cg__dl-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary,#006aff);margin-bottom:.75rem}
.cg__dl-row{display:flex;gap:.75rem;flex-wrap:wrap}
.cg__dl-btn{flex:1;min-width:110px;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1rem;color:#fff;border-radius:.6rem;font-weight:600;font-size:.88rem;border:none;cursor:pointer;transition:opacity .2s,transform .15s;white-space:nowrap;}
.cg__dl-btn:hover{opacity:.88;transform:translateY(-1px)}
.cg__dl-btn:disabled{opacity:.5;cursor:default;transform:none}
.cg__dl-btn--png{background:#2ea84b}
.cg__dl-btn--doc{background:#1a6fcf}
.cg__dl-btn--pdf{background:#c53030}
.cg__preview{display:none;margin-top:1.25rem;animation:cg-in .4s ease}
.cg__preview-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary,#006aff);margin-bottom:.6rem}
.cg__preview iframe{width:100%;height:calc(100vw * 0.9);max-height:900px;min-height:400px;border:1px solid var(--border-light,#e0e0e0);border-radius:1rem;background:#fff;display:block;}
@media(max-width:600px){.cg__preview iframe{height:120vw;max-height:600px}.cg {padding: 1.25rem;}}
.cg__info {margin-top: 1.5rem;padding-top: 1.5rem;border-top: 1px solid var(--border-light,#e0e0e0);color: var(--text-light,#111);line-height: 1.6;}
.cg__info-content {font-size: 0.9rem;opacity: 0.8;}
.cg__info-content p {margin-bottom: 0.5rem;}