.ogg-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
@media (max-width: 768px) { .ogg-layout { grid-template-columns: 1fr; } }

.section-title { font-size: 0.9rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--text-muted); margin: 0 0 1rem 0; }
.char-count { font-weight: 400; font-size: 0.78rem; color: var(--text-muted); float: right; }
.char-count.warn { color: #d97706; }
.char-count.over { color: #ef4444; }

.tag-textarea { font-family: monospace; font-size: 0.78rem; min-height: 480px; resize: vertical; }
.output-actions { display: flex; gap: 0.75rem; margin-top: 0.75rem; align-items: center; }
.copy-confirm { font-size: 0.85rem; color: #16a34a; }