*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;font-family:Segoe UI,sans-serif;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}.container{padding:16px;max-width:640px;margin:0 auto}.centered{display:flex;align-items:center;justify-content:center;height:100vh}.section{margin-bottom:20px;padding:12px;background:#f5f5f5;border-radius:6px}.section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#616161;margin-bottom:8px;margin-top:0;cursor:pointer}.row{display:flex;gap:8px;padding:4px 0;border-bottom:1px solid #e0e0e0}.label{color:#616161;min-width:140px;flex-shrink:0}.value{color:#242424;word-break:break-all}.pre{margin:0;font-size:11px;white-space:pre-wrap;word-break:break-all;color:#242424}.raw-data{max-height:400px;overflow-y:auto;background:#1e1e1e;color:#d4d4d4;padding:10px;border-radius:4px;font-size:11px}.button{padding:8px 20px;background:#6264a7;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;margin-bottom:20px}.error-box{display:flex;flex-direction:column;gap:6px;background:#fdf3f4;border:1px solid #f1bbbd;border-radius:6px;padding:16px 20px;max-width:360px;text-align:center}.error-title{color:#c50f1f;font-weight:600;font-size:14px}.error-detail{color:#8a1515;font-size:12px;word-break:break-word}.unsupported{color:#616161}.spinner{width:32px;height:32px;border:3px solid #e0e0e0;border-top:3px solid #6264a7;border-radius:50%;animation:spin .8s linear infinite;margin:40px auto}