.parc-wrap { 
  border: 1px solid #e5e7eb; 
  padding: 1rem; 
  border-radius: 12px; 
  max-width: 560px; 
  margin: 0 auto; 
  text-align: center; 
}
.parc-section { margin-top: 1rem; }
.parc-grid { display: grid; grid-template-columns: 1fr auto 1fr; gap: .5rem; align-items: end; }
.parc-x { display: inline-flex; align-items: center; justify-content: center; padding: 0 .25rem .4rem; font-weight: 600; }
.parc-input { width: 100%; padding: .5rem .6rem; border: 1px solid #d1d5db; border-radius: 8px; }
.parc-input:focus { outline: none; border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59,130,246,.15); }
.parc-meta { margin-top: .5rem; color: #111827; font-size: .95rem; display: grid; gap: .2rem; }
.parc-help { margin: .25rem 0 .5rem; color: #6b7280; font-size: .9rem; }
.parc-actions { margin-top: .75rem; }
.parc-btn { padding: .5rem .8rem; border: 1px solid #d1d5db; background: #f9fafb; border-radius: 8px; cursor: pointer; }
.parc-btn:hover { background: #f3f4f6; }
.parc-note { margin-top: .5rem; color: #6b7280; font-size: .9rem; }
@media (max-width: 520px) {
  .parc-grid { grid-template-columns: 1fr; }
  .parc-x { display: none; }
}