@charset "UTF-8";
.cc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; align-items: start; }
.cc-col { display: flex; flex-direction: column; gap: 8px; }
.cc-col textarea { min-height: 240px; width: 100%; box-sizing: border-box; }
.cc-stat { font-size: 0.82rem; opacity: 0.75; }
.cc-buttons { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.cc-btn { background: var(--alt-content-bg-color); color: var(--font-color); border: 1px solid var(--border-color); border-radius: var(--tool-radius-sm); padding: 8px 12px; font-size: 0.9rem; font-family: inherit; cursor: pointer; transition: var(--tool-transition); }
.cc-btn:hover { border-color: var(--tool-accent); }
.cc-btn.active { background: var(--tool-accent); color: #fff; border-color: var(--tool-accent); }
.cc-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.cc-about p { margin: 0 0 12px; }
@media (max-width: 760px) { .cc-grid { grid-template-columns: 1fr; } }