.pc-card { border-color: #a2b7a7; background: #f5faf6; }
.pc-card > label { display: block; font-size: .88rem; font-weight: 650; margin: 12px 0; }
.pc-card select { display: block; width: 100%; margin-top: 7px; min-height: 42px; }
.pc-card input[type="range"] { width: 100%; }
.pc-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0; }
.pc-actions button { flex: 1 1 130px; min-height: 42px; }
#pcApply { flex-basis: 100%; }
.pc-status { font-size: .88rem; line-height: 1.65; color: #244c36; }
.pc-previews { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.pc-previews figure { margin: 0; min-width: 0; }
.pc-previews figcaption { font-size: .8rem; margin-bottom: 6px; font-weight: 700; }
.pc-previews canvas { width: 100%; height: auto; max-height: 420px; object-fit: contain; image-rendering: pixelated; background: #e5e7eb; border: 1px solid #b6c5ba; }
.pc-card :focus-visible { outline: 3px solid #1f6fff; outline-offset: 3px; }
.pc-card [hidden] { display: none !important; }
@media (max-width: 480px) { .pc-actions button { flex-basis: 100%; } }