:root { --gap: 16px; }
.grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap); }
.grid label { display:block; margin-top:8px; font-weight:600; }
.grid input { width:100%; padding:8px; border:1px solid #ddd; border-radius:8px; }
.hint { color:#666; font-size: 0.9rem; }
.btn { margin-top: 16px; padding: 10px 16px; border: none; border-radius: 12px; cursor: pointer; background:#222; color:#fff; }
.out { margin-top: 20px; }
pre { background: #f7f7f7; padding: 12px; border-radius: 10px; overflow:auto; }
@media (max-width: 900px){ .grid{ grid-template-columns:1fr; } }