.ypr-wrap{max-width:560px;margin:20px auto;padding:20px;border:1px solid #d8dfea;border-radius:14px;background:#fff;font-family:Arial,sans-serif;box-shadow:0 2px 12px rgba(0,0,0,.08)}
.ypr-wrap h2{margin:0 0 8px;color:#1877f2}.ypr-sub{color:#555}.ypr-wrap input{display:block;margin:16px 0}.ypr-wrap button{background:#1877f2;color:white;border:0;border-radius:8px;padding:12px 16px;font-weight:700}.ypr-wrap button:disabled{background:#9dbce8}#ypr-preview{width:100%;max-height:360px;object-fit:contain;border-radius:10px;margin:10px 0;background:#f2f2f2}.ypr-result{margin-top:18px;padding:14px;background:#f0f6ff;border-radius:10px}.ypr-result pre{white-space:pre-wrap;background:#fff;padding:8px;border-radius:6px;overflow:auto}