.cc-wrap{max-width:var(--container-xl);margin:0 auto;padding:0 1.5rem}.cc-main{padding:2rem 0 3rem;background:var(--secondary-50)}.cc-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.cc-btn{background:#fff;border:1px solid var(--secondary-300);border-radius:var(--radius-md);padding:.5rem 1rem;font-size:.85rem;cursor:pointer;color:var(--secondary-700);transition:all .15s;font-family:inherit}.cc-btn.cc-btn--active,.cc-btn:hover{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.cc-split{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.cc-panel{background:#fff;border:1px solid var(--secondary-200);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.cc-panel-head{display:flex;align-items:center;justify-content:space-between;padding:.6rem .9rem;border-bottom:1px solid var(--secondary-200);background:var(--secondary-50)}.cc-panel-label{font-size:.8rem;font-weight:600;color:var(--secondary-500);text-transform:uppercase;letter-spacing:.04em}.cc-tool-btn{background:#fff;border:1px solid var(--secondary-300);border-radius:var(--radius-sm);padding:.3rem .75rem;font-size:.8rem;cursor:pointer;color:var(--secondary-600);font-family:inherit;transition:background .15s,color .15s}.cc-tool-btn:hover{background:var(--secondary-100);color:var(--secondary-900)}.cc-textarea{width:100%;min-height:300px;border:0;outline:0;padding:1rem;font-size:.95rem;font-family:inherit;line-height:1.7;resize:vertical;color:var(--secondary-900);flex:1}.cc-textarea::placeholder{color:var(--secondary-400)}.cc-textarea--output{background:var(--secondary-50);color:var(--secondary-800)}.cc-panel-foot{padding:.5rem .9rem;border-top:1px solid var(--secondary-100);background:var(--secondary-50)}.cc-count{font-size:.75rem;color:var(--secondary-400)}.cc-info{padding:3rem 0 4rem}.cc-info .cc-wrap{padding:0}.cc-info h2{font-size:1.4rem;font-weight:700;color:var(--secondary-900);margin:2rem 0 1rem}.cc-info h2:first-child{margin-top:0}.cc-ref-table{overflow-x:auto;margin-top:1rem}.cc-ref-table table{width:100%;border-collapse:collapse;font-size:.9rem}.cc-ref-table th{text-align:left;padding:.75rem 1rem;background:var(--secondary-50);color:var(--secondary-600);font-weight:600;border-bottom:2px solid var(--secondary-200)}.cc-ref-table td{padding:.75rem 1rem;border-bottom:1px solid var(--secondary-100);color:var(--secondary-700)}.cc-faq-item:last-child,.cc-ref-table tr:last-child td{border-bottom:none}.cc-faq{margin-top:1rem}.cc-faq-item{border-bottom:1px solid var(--secondary-200);padding:1rem 0}.cc-faq-item h3{font-size:1rem;font-weight:600;color:var(--secondary-900);margin:0 0 .5rem}.cc-faq-item p{margin:0;font-size:.95rem;color:var(--secondary-600);line-height:1.7}@media (max-width:768px){.cc-split{grid-template-columns:1fr}.cc-textarea{min-height:200px}}@media (max-width:480px){.cc-buttons{gap:.4rem}.cc-btn{padding:.4rem .7rem;font-size:.8rem}}