.tpq-code-workspace{display:grid;gap:18px}
.tpq-code-form{display:grid;gap:14px}
.tpq-code-help{margin:0;color:#64748b;font-size:.92rem;line-height:1.6}
.tpq-code-preview{display:flex;justify-content:center;align-items:center;min-height:260px;padding:20px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:auto}
.tpq-code-preview svg{display:block;width:min(100%,560px);max-width:100%;height:auto;background:#fff}
.tpq-code-preview img{display:block;max-width:100%;height:auto;image-rendering:auto}
.tpq-code-downloads{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px}
.tpq-code-result-text{width:100%;padding:14px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}
.tpq-check{flex-direction:row;align-items:center;gap:10px}
.tpq-check input{width:20px;min-height:20px;flex:0 0 20px;order:-1}
.tpq-scanner-panel{display:grid;gap:12px}
.tpq-scanner-video{width:100%;max-height:360px;min-height:180px;background:#0f172a;border-radius:14px;object-fit:cover}
.tpq-scan-status{padding:12px 14px;border-radius:10px;background:#f8fafc;color:#475569;line-height:1.5}
.tpq-scan-status.is-success{background:#ecfdf5;color:#166534;border:1px solid #bbf7d0}
.tpq-scan-status.is-error{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}
.tpq-article-figure{margin:22px auto 28px;max-width:760px;text-align:center}
.tpq-article-figure img{display:block;width:100%;height:auto;border:1px solid #e2e8f0;border-radius:16px;background:#fff}
.tpq-article-figure figcaption{margin-top:8px;color:#64748b;font-size:.88rem}
@media (max-width:640px){
  .tpq-code-preview{min-height:210px;padding:12px}
  .tpq-code-downloads{display:grid;grid-template-columns:1fr}
  .tpq-code-downloads .tp04-btn{width:100%;text-align:center}
}