.cc-textarea { height: 250px; }
.cc-options-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-bottom: 35px; }
.btn-upper { background: rgba(37, 99, 235, 0.1); border-color: rgba(37, 99, 235, 0.2); }
.btn-upper .cc-title { color: var(--primary); }
.btn-lower { background: rgba(22, 163, 74, 0.1); border-color: rgba(22, 163, 74, 0.2); }
.btn-lower .cc-title { color: #16a34a; }
.btn-sentence { background: rgba(234, 88, 12, 0.1); border-color: rgba(234, 88, 12, 0.2); }
.btn-sentence .cc-title { color: #ea580c; }
.btn-capitalized { background: rgba(124, 58, 237, 0.1); border-color: rgba(124, 58, 237, 0.2); }
.btn-capitalized .cc-title { color: #7c3aed; }
.cc-title { display: block; font-size: 1.6rem; font-weight: 800; margin-bottom: 5px; line-height: 1; }
.cc-lbl { font-size: 0.75rem; font-weight: 700; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; }
.cc-section-title { font-size: 1.8rem; font-weight: 800; color: var(--text-main); margin: 60px 0 30px 0; text-align: center; }
.cc-feature-heading { margin: 0 0 10px 0; color: var(--text-main); font-size: 1.15rem; font-weight: 700; }
.cc-feature-desc { margin: 0; color: var(--text-muted); font-size: 0.95rem; line-height: 1.6; }
.cc-mb-bottom { margin-bottom: 60px; }
@media (max-width: 768px) { .cc-options-grid { grid-template-columns: repeat(2, 1fr); } }