input#pg-length {border-radius:50px;}
.pg-card {max-width:100%; margin:0 auto; padding:18px; border:0px solid rgb(0 0 0); border-radius:14px; background:#54c4fb; font-family:inherit;}
.pg-header {display:flex; align-items:center; justify-content:space-between; margin-bottom:14px;}
.pg-title {font-size:20px; font-weight:700;}
.pg-row {margin:14px 0;}
.pg-label {display:block; font-weight:600; margin-bottom:8px;}
.pg-hint {font-size:12px; opacity:.75; margin-top:6px;}
.pg-grid {display:grid; grid-template-columns:1fr 1fr; gap:10px 14px;}

@media (max-width: 640px) {
.pg-grid {grid-template-columns:1fr;}
}

.pg-check {display:flex; gap:10px; align-items:flex-start; line-height:1.25;}
.pg-check input {margin-top:3px;}
.pg-input {width:100%; padding:10px 12px; border:1px solid rgba(0,0,0,.18); border-radius:10px; background:#fff;}
.pg-output {display:grid; grid-template-columns:1fr auto auto; gap:10px; align-items:center;}

@media (max-width: 640px) {
.pg-output {grid-template-columns:1fr;}
}

.pg-btn {padding:10px 14px; border-radius:50px; border:0px solid rgba(0,0,0,.18); background:#000000; color:#ffffff; cursor:pointer; font-weight:600;}
.pg-btn-secondary {background:#fff; color:#111;}
.pg-length {display:grid; grid-template-columns:1fr 90px; gap:12px; align-items:center;}
.pg-status {margin-top:8px; font-size:13px;}
.pg-status.ok {color:#0a7a2f;}
.pg-status.err {color:#b00020;}
.pg-small {font-size:14px; opacity:.95;}

@media only screen and (max-width: 980px) {
.pg-title h4 {font-size:15px;}
}

@media only screen and (max-width: 600px) {
.pg-title h4 {font-size:12px;}
}