.qtp-tool{max-width:820px;margin:24px auto;padding:24px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;color:#172033;box-shadow:0 4px 18px rgba(0,0,0,.04);font:inherit;box-sizing:border-box}
.qtp-tool *{box-sizing:border-box}.qtp-tool h2{margin:0 0 20px;font-size:1.6rem;line-height:1.25}.qtp-tool h3{font-size:1.05rem;margin:0 0 14px}
.qtp-tool label{display:block;font-weight:600;margin:14px 0 6px}.qtp-tool input[type=text],.qtp-tool input[type=number],.qtp-tool input[type=file],.qtp-tool select,.qtp-tool textarea{display:block;width:100%;max-width:100%;padding:11px 12px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#111827;font:inherit}
.qtp-tool input[type=range]{width:100%}.qtp-tool textarea{resize:vertical;min-height:130px}.qtp-tool button{margin-top:16px;padding:11px 17px;border:0;border-radius:9px;background:#175cd3;color:#fff;font:inherit;font-weight:650;cursor:pointer}.qtp-tool button:hover{background:#1249aa}.qtp-tool button:focus,.qtp-tool input:focus,.qtp-tool select:focus,.qtp-tool textarea:focus{outline:2px solid #84adff;outline-offset:2px}
.qtp-help{font-size:.88rem;color:#64748b;line-height:1.5;margin:14px 0 0}.qtp-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.qtp-result{margin-top:18px}.qtp-result img{display:block;max-width:100%;height:auto;margin:12px 0;border:1px solid #e5e7eb;border-radius:8px}.qtp-download{display:inline-block;margin-top:10px;padding:9px 13px;background:#ecfdf3;color:#067647;border-radius:8px;text-decoration:none;font-weight:650}.qtp-qr-output{margin-top:18px;display:flex;justify-content:center;overflow:auto}.qtp-qr-output canvas,.qtp-qr-output img{max-width:100%;height:auto}.qtp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:10px;margin-top:18px}.qtp-stats>div{padding:15px 10px;border-radius:10px;background:#f1f5f9;text-align:center}.qtp-stats strong,.qtp-stats span{display:block}.qtp-stats strong{font-size:1.45rem}.qtp-stats span{font-size:.82rem;color:#475569;margin-top:4px}.qtp-calculation{padding:16px 0;border-bottom:1px solid #e5e7eb}.qtp-calculation:last-child{border-bottom:0}.qtp-answer{padding:10px 12px;background:#f8fafc;border-radius:8px;overflow-wrap:anywhere}.qtp-tool .qtp-error{color:#b42318;font-weight:600}
@media(max-width:520px){.qtp-tool{padding:17px;margin:16px auto}.qtp-two{grid-template-columns:1fr}.qtp-tool h2{font-size:1.35rem}}